@tulip-systems/core 0.4.0 → 0.4.1

package/dist/components/ui/form.client.d.mts

@@ -0,0 +1,49 @@
+import * as react_jsx_runtime185 from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+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 LabelPrimitive from "@radix-ui/react-label";
+
+//#region src/components/ui/form.client.d.ts
+declare const Form$1: <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>>({
+  visible,
+  ...props
+}: ControllerProps<TFieldValues, TName> & {
+  visible?: boolean;
+}) => react_jsx_runtime185.JSX.Element | null;
+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 function FormItem({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime185.JSX.Element;
+declare function FormLabel({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime185.JSX.Element;
+declare function FormControl({
+  ...props
+}: React$1.ComponentProps<typeof Slot>): react_jsx_runtime185.JSX.Element;
+declare function FormDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<"p">): react_jsx_runtime185.JSX.Element;
+declare function FormMessage({
+  className,
+  ...props
+}: React$1.ComponentProps<"p">): react_jsx_runtime185.JSX.Element | null;
+//#endregion
+export { Form$1 as Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
+//# sourceMappingURL=form.client.d.mts.map

package/dist/components/ui/form.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.client.d.mts","names":[],"sources":["../../../src/components/ui/form.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAkBM,8BAAI,kDAAA,qBAAA,gBAAA,CAAA,kBAAA,cAAA,UAAA,wBAAA,OAAA,CAAA,GAAA,CAAA;cAWJ,iCACiB,cAAc,2BACrB,UAAU,gBAAgB,UAAU;;;GAIjD,gBAAgB,cAAc;;MAA8B,oBAAA,CAAA,GAAA,CAAA,OAAA;AAtBtC,cAgCnB,YA3BmB,EAAA,GAAA,GAAA;EAAf,OAAA,EAAA,OAAA;EAAA,OAAA,EAAA,OAAA;EAAA,SAAA,EAAA,OAAA;EAAA,YAAA,EAAA,OAAA;EAAA,KAAA,CAAA,EAgDT,gBAAA,CAAA,UAhDS;EAAA,EAAA,EAAA,MAAA;EAAA,IAAA,EAAA,MAAA;EAAe,UAAA,EAAA,MAAA;EAWnB,iBAcL,EAAA,MAAA;EAbsB,aAAA,EAAA,MAAA;CAAc;iBA4C5B,QAAA,CA3CiB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2CiB,OAAA,CAAM,cA3CvB,CAAA,KAAA,CAAA,CAAA,EA2C4C,oBAAA,CAAA,GAAA,CAAA,OA3C5C;iBAqDjB,SAAA,CArDO;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAqD4B,OAAA,CAAM,cArDlC,CAAA,OAqDwD,cAAA,CAAe,IArDvE,CAAA,CAAA,EAqD4E,oBAAA,CAAA,GAAA,CAAA,OArD5E;iBAmEP,WAAA,CAnE2C;EAAA,GAAA;AAAA,CAAA,EAmEjB,OAAA,CAAM,cAnEW,CAAA,OAmEW,IAnEX,CAAA,CAAA,EAmEgB,oBAAA,CAAA,GAAA,CAAA,OAnEhB;iBAiF3C,eAAA,CAjFiC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiFQ,OAAA,CAAM,cAjFd,CAAA,GAAA,CAAA,CAAA,EAiFiC,oBAAA,CAAA,GAAA,CAAA,OAjFjC;iBA8FjC,WAAA,CA7FP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6F4C,OAAA,CAAM,cA7FlD,CAAA,GAAA,CAAA,CAAA,EA6FqE,oBAAA,CAAA,GAAA,CAAA,OAAA,GA7FrE,IAAA"}

package/dist/components/ui/form.client.mjs

@@ -0,0 +1,93 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { Label } from "./label.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import * as React$1 from "react";
+import { Controller, FormProvider, useFormContext, useFormState } from "react-hook-form";
+
+//#region src/components/ui/form.client.tsx
+const Form$1 = FormProvider;
+const FormFieldContext = React$1.createContext({});
+const FormField = ({ visible = true, ...props }) => {
+	if (!visible) return null;
+	return /* @__PURE__ */ jsx(FormFieldContext.Provider, {
+		value: { name: props.name },
+		children: /* @__PURE__ */ jsx(Controller, { ...props })
+	});
+};
+const useFormField = () => {
+	const fieldContext = React$1.useContext(FormFieldContext);
+	const itemContext = React$1.useContext(FormItemContext);
+	const { getFieldState } = useFormContext();
+	const formState = useFormState({ name: fieldContext.name });
+	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$1.createContext({});
+function FormItem({ className, ...props }) {
+	const id = React$1.useId();
+	return /* @__PURE__ */ jsx(FormItemContext.Provider, {
+		value: { id },
+		children: /* @__PURE__ */ jsx("div", {
+			"data-slot": "form-item",
+			className: cn("grid gap-2", className),
+			...props
+		})
+	});
+}
+function FormLabel({ className, ...props }) {
+	const { error, formItemId } = useFormField();
+	return /* @__PURE__ */ jsx(Label, {
+		"data-slot": "form-label",
+		"data-error": !!error,
+		className: cn("data-[error=true]:text-destructive-foreground", className),
+		htmlFor: formItemId,
+		...props
+	});
+}
+function FormControl({ ...props }) {
+	const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+	return /* @__PURE__ */ jsx(Slot, {
+		"data-slot": "form-control",
+		id: formItemId,
+		"aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+		"aria-invalid": !!error,
+		...props
+	});
+}
+function FormDescription({ className, ...props }) {
+	const { formDescriptionId } = useFormField();
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "form-description",
+		id: formDescriptionId,
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+function FormMessage({ className, ...props }) {
+	const { error, formMessageId } = useFormField();
+	const body = error ? String(error?.message ?? "") : props.children;
+	if (!body) return null;
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "form-message",
+		id: formMessageId,
+		className: cn("text-destructive-foreground text-sm", className),
+		...props,
+		children: body
+	});
+}
+
+//#endregion
+export { Form$1 as Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
+//# sourceMappingURL=form.client.mjs.map

package/dist/components/ui/form.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.client.mjs","names":["Form","React"],"sources":["../../../src/components/ui/form.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport * as React from \"react\";\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  useFormState,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n} from \"react-hook-form\";\n\nimport { Label } from \"@/components/ui/label\";\nimport { cn } from \"@/lib/utils/cn\";\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue);\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  visible = true,\n  ...props\n}: ControllerProps<TFieldValues, TName> & { visible?: boolean }) => {\n  if (!visible) return null;\n\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState } = useFormContext();\n  const formState = useFormState({ name: fieldContext.name });\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error(\"useFormField should be used within <FormField>\");\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue);\n\nfunction FormItem({ className, ...props }: React.ComponentProps<\"div\">) {\n  const id = React.useId();\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <div data-slot=\"form-item\" className={cn(\"grid gap-2\", className)} {...props} />\n    </FormItemContext.Provider>\n  );\n}\n\nfunction FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  const { error, formItemId } = useFormField();\n\n  return (\n    <Label\n      data-slot=\"form-label\"\n      data-error={!!error}\n      className={cn(\"data-[error=true]:text-destructive-foreground\", className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n}\n\nfunction FormControl({ ...props }: React.ComponentProps<typeof Slot>) {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n  return (\n    <Slot\n      data-slot=\"form-control\"\n      id={formItemId}\n      aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n}\n\nfunction FormDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p\n      data-slot=\"form-description\"\n      id={formDescriptionId}\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction FormMessage({ className, ...props }: React.ComponentProps<\"p\">) {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message ?? \"\") : props.children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p\n      data-slot=\"form-message\"\n      id={formMessageId}\n      className={cn(\"text-destructive-foreground text-sm\", className)}\n      {...props}\n    >\n      {body}\n    </p>\n  );\n}\n\nexport {\n  Form,\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n  useFormField,\n};\n"],"mappings":";;;;;;;;;;AAkBA,MAAMA,SAAO;AASb,MAAM,mBAAmBC,QAAM,cAAqC,EAAE,CAA0B;AAEhG,MAAM,aAGJ,EACA,UAAU,MACV,GAAG,YAC+D;AAClE,KAAI,CAAC,QAAS,QAAO;AAErB,QACE,oBAAC,iBAAiB;EAAS,OAAO,EAAE,MAAM,MAAM,MAAM;YACpD,oBAAC,cAAW,GAAI,QAAS;GACC;;AAIhC,MAAM,qBAAqB;CACzB,MAAM,eAAeA,QAAM,WAAW,iBAAiB;CACvD,MAAM,cAAcA,QAAM,WAAW,gBAAgB;CACrD,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,YAAY,aAAa,EAAE,MAAM,aAAa,MAAM,CAAC;CAC3D,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,QAAM,cAAoC,EAAE,CAAyB;AAE7F,SAAS,SAAS,EAAE,WAAW,GAAG,SAAsC;CACtE,MAAM,KAAKA,QAAM,OAAO;AAExB,QACE,oBAAC,gBAAgB;EAAS,OAAO,EAAE,IAAI;YACrC,oBAAC;GAAI,aAAU;GAAY,WAAW,GAAG,cAAc,UAAU;GAAE,GAAI;IAAS;GACvD;;AAI/B,SAAS,UAAU,EAAE,WAAW,GAAG,SAA2D;CAC5F,MAAM,EAAE,OAAO,eAAe,cAAc;AAE5C,QACE,oBAAC;EACC,aAAU;EACV,cAAY,CAAC,CAAC;EACd,WAAW,GAAG,iDAAiD,UAAU;EACzE,SAAS;EACT,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,GAAG,SAA4C;CACpE,MAAM,EAAE,OAAO,YAAY,mBAAmB,kBAAkB,cAAc;AAE9E,QACE,oBAAC;EACC,aAAU;EACV,IAAI;EACJ,oBAAkB,CAAC,QAAQ,GAAG,sBAAsB,GAAG,kBAAkB,GAAG;EAC5E,gBAAc,CAAC,CAAC;EAChB,GAAI;GACJ;;AAIN,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAoC;CAC3E,MAAM,EAAE,sBAAsB,cAAc;AAE5C,QACE,oBAAC;EACC,aAAU;EACV,IAAI;EACJ,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAAoC;CACvE,MAAM,EAAE,OAAO,kBAAkB,cAAc;CAC/C,MAAM,OAAO,QAAQ,OAAO,OAAO,WAAW,GAAG,GAAG,MAAM;AAE1D,KAAI,CAAC,KACH,QAAO;AAGT,QACE,oBAAC;EACC,aAAU;EACV,IAAI;EACJ,WAAW,GAAG,uCAAuC,UAAU;EAC/D,GAAI;YAEH;GACC"}

package/dist/components/ui/hover-card.client.d.mts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime191 from "react/jsx-runtime";
+import * as React$1 from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+
+//#region src/components/ui/hover-card.client.d.ts
+declare function HoverCard({
+  ...props
+}: React$1.ComponentProps<typeof HoverCardPrimitive.Root>): react_jsx_runtime191.JSX.Element;
+declare function HoverCardTrigger({
+  ...props
+}: React$1.ComponentProps<typeof HoverCardPrimitive.Trigger>): react_jsx_runtime191.JSX.Element;
+declare function HoverCardContent({
+  className,
+  align,
+  sideOffset,
+  ...props
+}: React$1.ComponentProps<typeof HoverCardPrimitive.Content>): react_jsx_runtime191.JSX.Element;
+//#endregion
+export { HoverCard, HoverCardContent, HoverCardTrigger };
+//# sourceMappingURL=hover-card.client.d.mts.map

package/dist/components/ui/hover-card.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.client.d.mts","names":[],"sources":["../../../src/components/ui/hover-card.client.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,SAAA;;GAAwB,OAAA,CAAM,sBAAsB,kBAAA,CAAmB,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAI5E,gBAAA;;GAA+B,OAAA,CAAM,sBAAsB,kBAAA,CAAmB,WAAQ,oBAAA,CAAA,GAAA,CAAA;iBAItF,gBAAA;;;;;GAKN,OAAA,CAAM,sBAAsB,kBAAA,CAAmB,WAAQ,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/ui/hover-card.client.mjs

@@ -0,0 +1,33 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+
+//#region src/components/ui/hover-card.client.tsx
+function HoverCard({ ...props }) {
+	return /* @__PURE__ */ jsx(HoverCardPrimitive.Root, {
+		"data-slot": "hover-card",
+		...props
+	});
+}
+function HoverCardTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(HoverCardPrimitive.Trigger, {
+		"data-slot": "hover-card-trigger",
+		...props
+	});
+}
+function HoverCardContent({ className, align = "center", sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(HoverCardPrimitive.Content, {
+		"data-slot": "hover-card-content",
+		align,
+		sideOffset,
+		className: cn("bg-popover text-popover-foreground 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 outline-hidden z-50 w-64 rounded-md border p-4 shadow-md", className),
+		...props
+	});
+}
+
+//#endregion
+export { HoverCard, HoverCardContent, HoverCardTrigger };
+//# sourceMappingURL=hover-card.client.mjs.map

package/dist/components/ui/hover-card.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.client.mjs","names":[],"sources":["../../../src/components/ui/hover-card.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nfunction HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>) {\n  return <HoverCardPrimitive.Root data-slot=\"hover-card\" {...props} />;\n}\n\nfunction HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {\n  return <HoverCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />;\n}\n\nfunction HoverCardContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {\n  return (\n    <HoverCardPrimitive.Content\n      data-slot=\"hover-card-content\"\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        \"bg-popover text-popover-foreground 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 outline-hidden z-50 w-64 rounded-md border p-4 shadow-md\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { HoverCard, HoverCardContent, HoverCardTrigger };\n"],"mappings":";;;;;;;;AAOA,SAAS,UAAU,EAAE,GAAG,SAA+D;AACrF,QAAO,oBAAC,mBAAmB;EAAK,aAAU;EAAa,GAAI;GAAS;;AAGtE,SAAS,iBAAiB,EAAE,GAAG,SAAkE;AAC/F,QAAO,oBAAC,mBAAmB;EAAQ,aAAU;EAAqB,GAAI;GAAS;;AAGjF,SAAS,iBAAiB,EACxB,WACA,QAAQ,UACR,aAAa,GACb,GAAG,SACuD;AAC1D,QACE,oBAAC,mBAAmB;EAClB,aAAU;EACH;EACK;EACZ,WAAW,GACT,gbACA,UACD;EACD,GAAI;GACJ"}

package/dist/components/ui/input-recipient.d.mts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime381 from "react/jsx-runtime";
+
+//#region src/components/ui/input-recipient.d.ts
+type Contact = {
+  id: string;
+  email: string;
+  name: string;
+};
+interface RecipientInputProps {
+  contacts: Contact[];
+  value: string[];
+  onChange: (value: string[]) => void;
+  placeholder?: string;
+  disabled?: boolean;
+}
+declare function RecipientInput({
+  contacts,
+  value,
+  onChange,
+  placeholder,
+  disabled
+}: RecipientInputProps): react_jsx_runtime381.JSX.Element;
+//#endregion
+export { Contact, RecipientInput };
+//# sourceMappingURL=input-recipient.d.mts.map

package/dist/components/ui/input-recipient.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-recipient.d.mts","names":[],"sources":["../../../src/components/ui/input-recipient.tsx"],"sourcesContent":[],"mappings":";;;KAUY,OAAA;;;EAAA,IAAA,EAAA,MAAO;AAIjB,CAAA;AAgBF,UAdU,mBAAA,CAcoB;EAC5B,QAAA,EAdU,OAcV,EAAA;EACA,KAAA,EAAA,MAAA,EAAA;EACA,QAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,IAAA;EACA,WAAA,CAAA,EAAA,MAAA;EACA,QAAA,CAAA,EAAA,OAAA;;AACoB,iBANN,cAAA,CAMM;EAAA,QAAA;EAAA,KAAA;EAAA,QAAA;EAAA,WAAA;EAAA;AAAA,CAAA,EAAnB,mBAAmB,CAAA,EAAA,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/ui/input-recipient.mjs

@@ -0,0 +1,219 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { Button } from "./button.mjs";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.mjs";
+import { X } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
+import { toast } from "sonner";
+
+//#region src/components/ui/input-recipient.tsx
+const isValidEmail = (email) => {
+	return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
+};
+function RecipientInput({ contacts, value, onChange, placeholder = "Kies een ontvanger...", disabled = false }) {
+	const [open, setOpen] = React$1.useState(false);
+	const [inputValue, setInputValue] = React$1.useState("");
+	const [highlightedIndex, setHighlightedIndex] = React$1.useState(0);
+	const inputRef = React$1.useRef(null);
+	const containerRef = React$1.useRef(null);
+	const itemRefs = React$1.useRef([]);
+	const selectedContacts = React$1.useMemo(() => {
+		return value.map((email) => {
+			return contacts.find((c) => c.email === email) || {
+				id: email,
+				email,
+				name: email
+			};
+		}).filter(Boolean);
+	}, [value, contacts]);
+	const availableContacts = React$1.useMemo(() => {
+		return contacts.filter((contact) => !value.includes(contact.email));
+	}, [contacts, value]);
+	const filteredContacts = React$1.useMemo(() => {
+		if (!inputValue || !inputValue.trim()) return availableContacts;
+		const search = inputValue.toLowerCase().trim();
+		return availableContacts.filter((contact) => contact.email.toLowerCase().includes(search) || contact.name.toLowerCase().includes(search));
+	}, [availableContacts, inputValue]);
+	React$1.useEffect(() => {
+		setHighlightedIndex(0);
+	}, [filteredContacts]);
+	React$1.useEffect(() => {
+		if (open && highlightedIndex >= 0 && itemRefs.current[highlightedIndex]) itemRefs.current[highlightedIndex]?.scrollIntoView({
+			block: "nearest",
+			behavior: "smooth"
+		});
+	}, [highlightedIndex, open]);
+	React$1.useEffect(() => {
+		const handleClickOutside = (event) => {
+			if (containerRef.current && !containerRef.current.contains(event.target)) setOpen(false);
+		};
+		if (open) {
+			document.addEventListener("mousedown", handleClickOutside);
+			return () => {
+				document.removeEventListener("mousedown", handleClickOutside);
+			};
+		}
+	}, [open]);
+	const handleSelect = (contact) => {
+		onChange([...value, contact.email]);
+		setInputValue("");
+		setOpen(false);
+		setHighlightedIndex(0);
+		inputRef.current?.focus();
+	};
+	const handleAddManualEmail = () => {
+		const trimmedEmail = inputValue.trim();
+		if (!trimmedEmail) return;
+		if (!isValidEmail(trimmedEmail)) {
+			toast.error("Ongeldig email adres");
+			return;
+		}
+		if (value.includes(trimmedEmail)) {
+			toast.error("Email is al toegevoegd");
+			setInputValue("");
+			return;
+		}
+		onChange([...value, trimmedEmail]);
+		setInputValue("");
+		setOpen(false);
+		setHighlightedIndex(0);
+		inputRef.current?.focus();
+	};
+	const handleRemove = (email) => {
+		onChange(value.filter((v) => v !== email));
+		inputRef.current?.focus();
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "ArrowDown") {
+			e.preventDefault();
+			if (!open) setOpen(true);
+			else setHighlightedIndex((prev) => prev < filteredContacts.length - 1 ? prev + 1 : prev);
+		} else if (e.key === "ArrowUp") {
+			e.preventDefault();
+			if (open) setHighlightedIndex((prev) => prev > 0 ? prev - 1 : prev);
+		} else if (e.key === "Enter") {
+			e.preventDefault();
+			if (open && filteredContacts[highlightedIndex]) handleSelect(filteredContacts[highlightedIndex]);
+			else if (inputValue.trim()) handleAddManualEmail();
+		} else if (e.key === "Escape") {
+			e.preventDefault();
+			setOpen(false);
+		} else if (e.key === "Backspace" && !inputValue && value.length > 0) {
+			e.preventDefault();
+			const lastEmail = value[value.length - 1];
+			if (lastEmail) handleRemove(lastEmail);
+		}
+	};
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs("div", {
+				ref: containerRef,
+				className: cn("border-input bg-background ring-offset-background flex min-h-0 w-full flex-wrap items-center gap-2 rounded-lg border px-3 py-2 text-base transition-colors md:text-sm", "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]", disabled && "cursor-not-allowed opacity-50"),
+				onClick: () => {
+					if (!disabled) inputRef.current?.focus();
+				},
+				children: [selectedContacts.map((contact) => /* @__PURE__ */ jsxs("div", {
+					className: "border-border bg-accent/50 flex items-center gap-2 rounded-full border px-2 py-0.5",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "text-xs",
+						children: contact.email
+					}), /* @__PURE__ */ jsxs(Button, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						className: "hover:bg-destructive/20 h-4 w-4 rounded-full p-0",
+						onClick: (e) => {
+							e.stopPropagation();
+							handleRemove(contact.email);
+						},
+						disabled,
+						children: [/* @__PURE__ */ jsx(X, { className: "h-3 w-3" }), /* @__PURE__ */ jsxs("span", {
+							className: "sr-only",
+							children: ["Verwijder ", contact.email]
+						})]
+					})]
+				}, contact.id)), /* @__PURE__ */ jsx("input", {
+					ref: inputRef,
+					type: "text",
+					value: inputValue,
+					onChange: (e) => {
+						setInputValue(e.target.value);
+						if (e.target.value) setOpen(true);
+					},
+					onKeyDown: handleKeyDown,
+					placeholder: value.length === 0 ? placeholder : "",
+					disabled,
+					className: "placeholder:text-muted-foreground min-w-[120px] flex-1 bg-transparent outline-none placeholder:text-sm disabled:cursor-not-allowed"
+				})]
+			})
+		}), /* @__PURE__ */ jsx(PopoverContent, {
+			className: "w-full p-0",
+			align: "start",
+			onOpenAutoFocus: (e) => e.preventDefault(),
+			style: { width: containerRef.current?.offsetWidth || "auto" },
+			children: /* @__PURE__ */ jsx("div", {
+				className: "max-h-[300px] overflow-y-auto p-1",
+				children: filteredContacts.length === 0 && inputValue ? /* @__PURE__ */ jsxs("div", {
+					className: "text-muted-foreground px-2 py-2",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "mb-2 text-xs",
+						children: "Geen contacten gevonden."
+					}), isValidEmail(inputValue.trim()) && /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						onClick: handleAddManualEmail,
+						className: "hover:bg-accent w-full rounded-sm px-2 py-1.5 text-left text-xs transition-colors",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "font-medium",
+							children: "Voeg toe: "
+						}), /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground",
+							children: inputValue.trim()
+						})]
+					})]
+				}) : filteredContacts.length === 0 ? /* @__PURE__ */ jsx("div", {
+					className: "text-muted-foreground py-6 text-center text-xs",
+					children: "Geen contacten gevonden."
+				}) : /* @__PURE__ */ jsxs(Fragment, { children: [filteredContacts.map((contact, index) => /* @__PURE__ */ jsx("button", {
+					ref: (el) => {
+						itemRefs.current[index] = el;
+					},
+					type: "button",
+					onClick: () => handleSelect(contact),
+					className: cn("outline-hidden hover:bg-accent flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-xs transition-colors", highlightedIndex === index && "bg-accent"),
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col items-start",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-xs font-medium",
+							children: contact.name
+						}), /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground text-xs",
+							children: contact.email
+						})]
+					})
+				}, contact.id)), inputValue && isValidEmail(inputValue.trim()) && /* @__PURE__ */ jsx("div", {
+					className: "mt-1 border-t pt-1",
+					children: /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						onClick: handleAddManualEmail,
+						className: "hover:bg-accent w-full rounded-sm px-2 py-1.5 text-left text-xs transition-colors",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "font-medium",
+							children: "Voeg toe: "
+						}), /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground",
+							children: inputValue.trim()
+						})]
+					})
+				})] })
+			})
+		})]
+	});
+}
+
+//#endregion
+export { RecipientInput };
+//# sourceMappingURL=input-recipient.mjs.map

package/dist/components/ui/input-recipient.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-recipient.mjs","names":["React"],"sources":["../../../src/components/ui/input-recipient.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@/lib/utils/cn\";\nimport { X } from \"lucide-react\";\nimport * as React from \"react\";\nimport { toast } from \"sonner\";\n\nimport { Button } from \"./button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\n\nexport type Contact = {\n  id: string;\n  email: string;\n  name: string;\n};\n\ninterface RecipientInputProps {\n  contacts: Contact[];\n  value: string[];\n  onChange: (value: string[]) => void;\n  placeholder?: string;\n  disabled?: boolean;\n}\n\n// Simpele email validatie\nconst isValidEmail = (email: string): boolean => {\n  const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n  return emailRegex.test(email);\n};\n\nexport function RecipientInput({\n  contacts,\n  value,\n  onChange,\n  placeholder = \"Kies een ontvanger...\",\n  disabled = false,\n}: RecipientInputProps) {\n  const [open, setOpen] = React.useState(false);\n  const [inputValue, setInputValue] = React.useState(\"\");\n  const [highlightedIndex, setHighlightedIndex] = React.useState(0);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const itemRefs = React.useRef<(HTMLButtonElement | null)[]>([]);\n\n  const selectedContacts = React.useMemo(() => {\n    return value\n      .map((email) => {\n        const contact = contacts.find((c) => c.email === email);\n        return contact || { id: email, email, name: email };\n      })\n      .filter(Boolean) as Contact[];\n  }, [value, contacts]);\n\n  const availableContacts = React.useMemo(() => {\n    return contacts.filter((contact) => !value.includes(contact.email));\n  }, [contacts, value]);\n\n  const filteredContacts = React.useMemo(() => {\n    if (!inputValue || !inputValue.trim()) return availableContacts;\n    const search = inputValue.toLowerCase().trim();\n    return availableContacts.filter(\n      (contact) =>\n        contact.email.toLowerCase().includes(search) || contact.name.toLowerCase().includes(search),\n    );\n  }, [availableContacts, inputValue]);\n\n  React.useEffect(() => {\n    setHighlightedIndex(0);\n  }, [filteredContacts]);\n\n  React.useEffect(() => {\n    if (open && highlightedIndex >= 0 && itemRefs.current[highlightedIndex]) {\n      itemRefs.current[highlightedIndex]?.scrollIntoView({\n        block: \"nearest\",\n        behavior: \"smooth\",\n      });\n    }\n  }, [highlightedIndex, open]);\n\n  React.useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setOpen(false);\n      }\n    };\n\n    if (open) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n      return () => {\n        document.removeEventListener(\"mousedown\", handleClickOutside);\n      };\n    }\n  }, [open]);\n\n  const handleSelect = (contact: Contact) => {\n    onChange([...value, contact.email]);\n    setInputValue(\"\");\n    setOpen(false);\n    setHighlightedIndex(0);\n    inputRef.current?.focus();\n  };\n\n  const handleAddManualEmail = () => {\n    const trimmedEmail = inputValue.trim();\n\n    if (!trimmedEmail) return;\n\n    if (!isValidEmail(trimmedEmail)) {\n      toast.error(\"Ongeldig email adres\");\n      return;\n    }\n\n    if (value.includes(trimmedEmail)) {\n      toast.error(\"Email is al toegevoegd\");\n      setInputValue(\"\");\n      return;\n    }\n\n    onChange([...value, trimmedEmail]);\n    setInputValue(\"\");\n    setOpen(false);\n    setHighlightedIndex(0);\n    inputRef.current?.focus();\n  };\n\n  const handleRemove = (email: string) => {\n    onChange(value.filter((v) => v !== email));\n    inputRef.current?.focus();\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      if (!open) {\n        setOpen(true);\n      } else {\n        setHighlightedIndex((prev) => (prev < filteredContacts.length - 1 ? prev + 1 : prev));\n      }\n    } else if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      if (open) {\n        setHighlightedIndex((prev) => (prev > 0 ? prev - 1 : prev));\n      }\n    } else if (e.key === \"Enter\") {\n      e.preventDefault();\n      if (open && filteredContacts[highlightedIndex]) {\n        // Selecteer contact uit lijst\n        handleSelect(filteredContacts[highlightedIndex]);\n      } else if (inputValue.trim()) {\n        // Voeg handmatig ingevoerde email toe\n        handleAddManualEmail();\n      }\n    } else if (e.key === \"Escape\") {\n      e.preventDefault();\n      setOpen(false);\n    } else if (e.key === \"Backspace\" && !inputValue && value.length > 0) {\n      e.preventDefault();\n      const lastEmail = value[value.length - 1];\n      if (lastEmail) {\n        handleRemove(lastEmail);\n      }\n    }\n  };\n\n  return (\n    <Popover open={open}>\n      <PopoverTrigger asChild>\n        <div\n          ref={containerRef}\n          className={cn(\n            \"border-input bg-background ring-offset-background flex min-h-0 w-full flex-wrap items-center gap-2 rounded-lg border px-3 py-2 text-base transition-colors md:text-sm\",\n            \"focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]\",\n            disabled && \"cursor-not-allowed opacity-50\",\n          )}\n          onClick={() => {\n            if (!disabled) {\n              inputRef.current?.focus();\n            }\n          }}\n        >\n          {selectedContacts.map((contact) => (\n            <div\n              key={contact.id}\n              className=\"border-border bg-accent/50 flex items-center gap-2 rounded-full border px-2 py-0.5\"\n            >\n              <span className=\"text-xs\">{contact.email}</span>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon\"\n                className=\"hover:bg-destructive/20 h-4 w-4 rounded-full p-0\"\n                onClick={(e) => {\n                  e.stopPropagation();\n                  handleRemove(contact.email);\n                }}\n                disabled={disabled}\n              >\n                <X className=\"h-3 w-3\" />\n                <span className=\"sr-only\">Verwijder {contact.email}</span>\n              </Button>\n            </div>\n          ))}\n          <input\n            ref={inputRef}\n            type=\"text\"\n            value={inputValue}\n            onChange={(e) => {\n              setInputValue(e.target.value);\n              if (e.target.value) {\n                setOpen(true);\n              }\n            }}\n            onKeyDown={handleKeyDown}\n            placeholder={value.length === 0 ? placeholder : \"\"}\n            disabled={disabled}\n            className=\"placeholder:text-muted-foreground min-w-[120px] flex-1 bg-transparent outline-none placeholder:text-sm disabled:cursor-not-allowed\"\n          />\n        </div>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-full p-0\"\n        align=\"start\"\n        onOpenAutoFocus={(e) => e.preventDefault()}\n        style={{\n          width: containerRef.current?.offsetWidth || \"auto\",\n        }}\n      >\n        <div className=\"max-h-[300px] overflow-y-auto p-1\">\n          {filteredContacts.length === 0 && inputValue ? (\n            <div className=\"text-muted-foreground px-2 py-2\">\n              <div className=\"mb-2 text-xs\">Geen contacten gevonden.</div>\n              {isValidEmail(inputValue.trim()) && (\n                <button\n                  type=\"button\"\n                  onClick={handleAddManualEmail}\n                  className=\"hover:bg-accent w-full rounded-sm px-2 py-1.5 text-left text-xs transition-colors\"\n                >\n                  <span className=\"font-medium\">Voeg toe: </span>\n                  <span className=\"text-muted-foreground\">{inputValue.trim()}</span>\n                </button>\n              )}\n            </div>\n          ) : filteredContacts.length === 0 ? (\n            <div className=\"text-muted-foreground py-6 text-center text-xs\">\n              Geen contacten gevonden.\n            </div>\n          ) : (\n            <>\n              {filteredContacts.map((contact, index) => (\n                <button\n                  key={contact.id}\n                  ref={(el) => {\n                    itemRefs.current[index] = el;\n                  }}\n                  type=\"button\"\n                  onClick={() => handleSelect(contact)}\n                  className={cn(\n                    \"outline-hidden hover:bg-accent flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-xs transition-colors\",\n                    highlightedIndex === index && \"bg-accent\",\n                  )}\n                >\n                  <div className=\"flex flex-col items-start\">\n                    <span className=\"text-xs font-medium\">{contact.name}</span>\n                    <span className=\"text-muted-foreground text-xs\">{contact.email}</span>\n                  </div>\n                </button>\n              ))}\n              {inputValue && isValidEmail(inputValue.trim()) && (\n                <div className=\"mt-1 border-t pt-1\">\n                  <button\n                    type=\"button\"\n                    onClick={handleAddManualEmail}\n                    className=\"hover:bg-accent w-full rounded-sm px-2 py-1.5 text-left text-xs transition-colors\"\n                  >\n                    <span className=\"font-medium\">Voeg toe: </span>\n                    <span className=\"text-muted-foreground\">{inputValue.trim()}</span>\n                  </button>\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAyBA,MAAM,gBAAgB,UAA2B;AAE/C,QADmB,6BACD,KAAK,MAAM;;AAG/B,SAAgB,eAAe,EAC7B,UACA,OACA,UACA,cAAc,yBACd,WAAW,SACW;CACtB,MAAM,CAAC,MAAM,WAAWA,QAAM,SAAS,MAAM;CAC7C,MAAM,CAAC,YAAY,iBAAiBA,QAAM,SAAS,GAAG;CACtD,MAAM,CAAC,kBAAkB,uBAAuBA,QAAM,SAAS,EAAE;CACjE,MAAM,WAAWA,QAAM,OAAyB,KAAK;CACrD,MAAM,eAAeA,QAAM,OAAuB,KAAK;CACvD,MAAM,WAAWA,QAAM,OAAqC,EAAE,CAAC;CAE/D,MAAM,mBAAmBA,QAAM,cAAc;AAC3C,SAAO,MACJ,KAAK,UAAU;AAEd,UADgB,SAAS,MAAM,MAAM,EAAE,UAAU,MAAM,IACrC;IAAE,IAAI;IAAO;IAAO,MAAM;IAAO;IACnD,CACD,OAAO,QAAQ;IACjB,CAAC,OAAO,SAAS,CAAC;CAErB,MAAM,oBAAoBA,QAAM,cAAc;AAC5C,SAAO,SAAS,QAAQ,YAAY,CAAC,MAAM,SAAS,QAAQ,MAAM,CAAC;IAClE,CAAC,UAAU,MAAM,CAAC;CAErB,MAAM,mBAAmBA,QAAM,cAAc;AAC3C,MAAI,CAAC,cAAc,CAAC,WAAW,MAAM,CAAE,QAAO;EAC9C,MAAM,SAAS,WAAW,aAAa,CAAC,MAAM;AAC9C,SAAO,kBAAkB,QACtB,YACC,QAAQ,MAAM,aAAa,CAAC,SAAS,OAAO,IAAI,QAAQ,KAAK,aAAa,CAAC,SAAS,OAAO,CAC9F;IACA,CAAC,mBAAmB,WAAW,CAAC;AAEnC,SAAM,gBAAgB;AACpB,sBAAoB,EAAE;IACrB,CAAC,iBAAiB,CAAC;AAEtB,SAAM,gBAAgB;AACpB,MAAI,QAAQ,oBAAoB,KAAK,SAAS,QAAQ,kBACpD,UAAS,QAAQ,mBAAmB,eAAe;GACjD,OAAO;GACP,UAAU;GACX,CAAC;IAEH,CAAC,kBAAkB,KAAK,CAAC;AAE5B,SAAM,gBAAgB;EACpB,MAAM,sBAAsB,UAAsB;AAChD,OAAI,aAAa,WAAW,CAAC,aAAa,QAAQ,SAAS,MAAM,OAAe,CAC9E,SAAQ,MAAM;;AAIlB,MAAI,MAAM;AACR,YAAS,iBAAiB,aAAa,mBAAmB;AAC1D,gBAAa;AACX,aAAS,oBAAoB,aAAa,mBAAmB;;;IAGhE,CAAC,KAAK,CAAC;CAEV,MAAM,gBAAgB,YAAqB;AACzC,WAAS,CAAC,GAAG,OAAO,QAAQ,MAAM,CAAC;AACnC,gBAAc,GAAG;AACjB,UAAQ,MAAM;AACd,sBAAoB,EAAE;AACtB,WAAS,SAAS,OAAO;;CAG3B,MAAM,6BAA6B;EACjC,MAAM,eAAe,WAAW,MAAM;AAEtC,MAAI,CAAC,aAAc;AAEnB,MAAI,CAAC,aAAa,aAAa,EAAE;AAC/B,SAAM,MAAM,uBAAuB;AACnC;;AAGF,MAAI,MAAM,SAAS,aAAa,EAAE;AAChC,SAAM,MAAM,yBAAyB;AACrC,iBAAc,GAAG;AACjB;;AAGF,WAAS,CAAC,GAAG,OAAO,aAAa,CAAC;AAClC,gBAAc,GAAG;AACjB,UAAQ,MAAM;AACd,sBAAoB,EAAE;AACtB,WAAS,SAAS,OAAO;;CAG3B,MAAM,gBAAgB,UAAkB;AACtC,WAAS,MAAM,QAAQ,MAAM,MAAM,MAAM,CAAC;AAC1C,WAAS,SAAS,OAAO;;CAG3B,MAAM,iBAAiB,MAA6C;AAClE,MAAI,EAAE,QAAQ,aAAa;AACzB,KAAE,gBAAgB;AAClB,OAAI,CAAC,KACH,SAAQ,KAAK;OAEb,sBAAqB,SAAU,OAAO,iBAAiB,SAAS,IAAI,OAAO,IAAI,KAAM;aAE9E,EAAE,QAAQ,WAAW;AAC9B,KAAE,gBAAgB;AAClB,OAAI,KACF,sBAAqB,SAAU,OAAO,IAAI,OAAO,IAAI,KAAM;aAEpD,EAAE,QAAQ,SAAS;AAC5B,KAAE,gBAAgB;AAClB,OAAI,QAAQ,iBAAiB,kBAE3B,cAAa,iBAAiB,kBAAkB;YACvC,WAAW,MAAM,CAE1B,uBAAsB;aAEf,EAAE,QAAQ,UAAU;AAC7B,KAAE,gBAAgB;AAClB,WAAQ,MAAM;aACL,EAAE,QAAQ,eAAe,CAAC,cAAc,MAAM,SAAS,GAAG;AACnE,KAAE,gBAAgB;GAClB,MAAM,YAAY,MAAM,MAAM,SAAS;AACvC,OAAI,UACF,cAAa,UAAU;;;AAK7B,QACE,qBAAC;EAAc;aACb,oBAAC;GAAe;aACd,qBAAC;IACC,KAAK;IACL,WAAW,GACT,yKACA,8EACA,YAAY,gCACb;IACD,eAAe;AACb,SAAI,CAAC,SACH,UAAS,SAAS,OAAO;;eAI5B,iBAAiB,KAAK,YACrB,qBAAC;KAEC,WAAU;gBAEV,oBAAC;MAAK,WAAU;gBAAW,QAAQ;OAAa,EAChD,qBAAC;MACC,MAAK;MACL,SAAQ;MACR,MAAK;MACL,WAAU;MACV,UAAU,MAAM;AACd,SAAE,iBAAiB;AACnB,oBAAa,QAAQ,MAAM;;MAEnB;iBAEV,oBAAC,KAAE,WAAU,YAAY,EACzB,qBAAC;OAAK,WAAU;kBAAU,cAAW,QAAQ;QAAa;OACnD;OAjBJ,QAAQ,GAkBT,CACN,EACF,oBAAC;KACC,KAAK;KACL,MAAK;KACL,OAAO;KACP,WAAW,MAAM;AACf,oBAAc,EAAE,OAAO,MAAM;AAC7B,UAAI,EAAE,OAAO,MACX,SAAQ,KAAK;;KAGjB,WAAW;KACX,aAAa,MAAM,WAAW,IAAI,cAAc;KACtC;KACV,WAAU;MACV;KACE;IACS,EACjB,oBAAC;GACC,WAAU;GACV,OAAM;GACN,kBAAkB,MAAM,EAAE,gBAAgB;GAC1C,OAAO,EACL,OAAO,aAAa,SAAS,eAAe,QAC7C;aAED,oBAAC;IAAI,WAAU;cACZ,iBAAiB,WAAW,KAAK,aAChC,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAI,WAAU;gBAAe;OAA8B,EAC3D,aAAa,WAAW,MAAM,CAAC,IAC9B,qBAAC;MACC,MAAK;MACL,SAAS;MACT,WAAU;iBAEV,oBAAC;OAAK,WAAU;iBAAc;QAAiB,EAC/C,oBAAC;OAAK,WAAU;iBAAyB,WAAW,MAAM;QAAQ;OAC3D;MAEP,GACJ,iBAAiB,WAAW,IAC9B,oBAAC;KAAI,WAAU;eAAiD;MAE1D,GAEN,4CACG,iBAAiB,KAAK,SAAS,UAC9B,oBAAC;KAEC,MAAM,OAAO;AACX,eAAS,QAAQ,SAAS;;KAE5B,MAAK;KACL,eAAe,aAAa,QAAQ;KACpC,WAAW,GACT,kHACA,qBAAqB,SAAS,YAC/B;eAED,qBAAC;MAAI,WAAU;iBACb,oBAAC;OAAK,WAAU;iBAAuB,QAAQ;QAAY,EAC3D,oBAAC;OAAK,WAAU;iBAAiC,QAAQ;QAAa;OAClE;OAdD,QAAQ,GAeN,CACT,EACD,cAAc,aAAa,WAAW,MAAM,CAAC,IAC5C,oBAAC;KAAI,WAAU;eACb,qBAAC;MACC,MAAK;MACL,SAAS;MACT,WAAU;iBAEV,oBAAC;OAAK,WAAU;iBAAc;QAAiB,EAC/C,oBAAC;OAAK,WAAU;iBAAyB,WAAW,MAAM;QAAQ;OAC3D;MACL,IAEP;KAED;IACS;GACT"}

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime346 from "react/jsx-runtime";
+import * as React$1 from "react";
+
+//#region src/components/ui/input.d.ts
+declare function Input({
+  className,
+  type,
+  ...props
+}: React$1.ComponentProps<"input">): react_jsx_runtime346.JSX.Element;
+//#endregion
+export { Input };
+//# sourceMappingURL=input.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.mts","names":[],"sources":["../../../src/components/ui/input.tsx"],"sourcesContent":[],"mappings":";;;;iBAIS,KAAA;;;;GAAqC,OAAA,CAAM,0BAAuB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/ui/input.mjs

@@ -0,0 +1,17 @@
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import "react";
+
+//#region src/components/ui/input.tsx
+function Input({ className, type, ...props }) {
+	return /* @__PURE__ */ jsx("input", {
+		type,
+		"data-slot": "input",
+		className: cn("border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground shadow-xs flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base outline-none transition-[color,box-shadow] file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className),
+		...props
+	});
+}
+
+//#endregion
+export { Input };
+//# sourceMappingURL=input.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.mjs","names":[],"sources":["../../../src/components/ui/input.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground shadow-xs flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base outline-none transition-[color,box-shadow] file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n        \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n        \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":";;;;;AAIA,SAAS,MAAM,EAAE,WAAW,MAAM,GAAG,SAAwC;AAC3E,QACE,oBAAC;EACO;EACN,aAAU;EACV,WAAW,GACT,kbACA,iFACA,0GACA,UACD;EACD,GAAI;GACJ"}

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime347 from "react/jsx-runtime";
+import * as React$1 from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+
+//#region src/components/ui/label.d.ts
+declare function Label({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime347.JSX.Element;
+//#endregion
+export { Label };
+//# sourceMappingURL=label.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.mts","names":[],"sources":["../../../src/components/ui/label.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,KAAA;;;GAA+B,OAAA,CAAM,sBAAsB,cAAA,CAAe,QAAK,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/ui/label.mjs

@@ -0,0 +1,19 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+
+//#region src/components/ui/label.tsx
+function Label({ className, ...props }) {
+	return /* @__PURE__ */ jsx(LabelPrimitive.Root, {
+		"data-slot": "label",
+		className: cn("flex select-none items-center gap-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50", className),
+		...props
+	});
+}
+
+//#endregion
+export { Label };
+//# sourceMappingURL=label.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.mjs","names":[],"sources":["../../../src/components/ui/label.tsx"],"sourcesContent":["\"use client\";\n\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"flex select-none items-center gap-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":";;;;;;;;AAOA,SAAS,MAAM,EAAE,WAAW,GAAG,SAA2D;AACxF,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,GACT,uNACA,UACD;EACD,GAAI;GACJ"}

package/dist/components/ui/navigation-menu.d.mts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime348 from "react/jsx-runtime";
+import * as React$1 from "react";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import * as class_variance_authority_types3 from "class-variance-authority/types";
+
+//#region src/components/ui/navigation-menu.d.ts
+declare function NavigationMenu({
+  className,
+  children,
+  viewport,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+  viewport?: boolean;
+}): react_jsx_runtime348.JSX.Element;
+declare function NavigationMenuList({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime348.JSX.Element;
+declare function NavigationMenuItem({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime348.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types3.ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime348.JSX.Element;
+declare function NavigationMenuContent({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime348.JSX.Element;
+declare function NavigationMenuViewport({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime348.JSX.Element;
+declare function NavigationMenuLink({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime348.JSX.Element;
+declare function NavigationMenuIndicator({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime348.JSX.Element;
+//#endregion
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
+//# sourceMappingURL=navigation-menu.d.mts.map

package/dist/components/ui/navigation-menu.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.d.mts","names":[],"sources":["../../../src/components/ui/navigation-menu.tsx"],"sourcesContent":[],"mappings":";;;;;;iBASS,cAAA;;;;;GAKN,OAAA,CAAM,sBAAsB,uBAAA,CAAwB;;IAEtD,oBAAA,CAAA,GAAA,CAAA;iBAiBQ,kBAAA;;;GAGN,OAAA,CAAM,sBAAsB,uBAAA,CAAwB,QAAK,oBAAA,CAAA,GAAA,CAAA;AA/B7B,iBAyCtB,kBAAA,CArCc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwCpB,OAAA,CAAM,cAxCc,CAAA,OAwCQ,uBAAA,CAAwB,IAxChC,CAAA,CAAA,EAwCqC,oBAAA,CAAA,GAAA,CAAA,OAxCrC;cAkDjB,0BAjDJ,EAAA,CAAA,KAAA,CAAA,EAmDD,+BAAA,CAF+B,SAAA,GAjD9B,SAAA,EAAA,GAAA,MAAA;iBAqDO,qBAAA,CApDP;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAwDC,OAAA,CAAM,cAxDP,CAAA,OAwD6B,uBAAA,CAAwB,OAxDrD,CAAA,CAAA,EAwD6D,oBAAA,CAAA,GAAA,CAAA,OAxD7D;iBAwEO,qBAAA,CAvEP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0EC,OAAA,CAAM,cA1EP,CAAA,OA0E6B,uBAAA,CAAwB,OA1ErD,CAAA,CAAA,EA0E6D,oBAAA,CAAA,GAAA,CAAA,OA1E7D;iBAwFO,sBAAA,CAtF8C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyFpD,OAAA,CAAM,cAzF8C,CAAA,OAyFxB,uBAAA,CAAwB,QAzFA,CAAA,CAAA,EAyFS,oBAAA,CAAA,GAAA,CAAA,OAzFT;iBAwG9C,kBAAA,CAxGA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2GN,OAAA,CAAM,cA3GA,CAAA,OA2GsB,uBAAA,CAAwB,IA3G9C,CAAA,CAAA,EA2GmD,oBAAA,CAAA,GAAA,CAAA,OA3GnD;iBAwHA,uBAAA,CAtHR;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyHE,OAAA,CAAM,cAzHR,CAAA,OAyH8B,uBAAA,CAAwB,SAzHtD,CAAA,CAAA,EAyHgE,oBAAA,CAAA,GAAA,CAAA,OAzHhE"}