@myrjfa/ui 1.1.2 → 2.0.0

package/dist/misc/card.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "@myrjfa/state/dist/lib/utils";
+import { cn } from "@myrjfa/state";
 function Card({ className, ...props }) {
     return (_jsx("div", { className: cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", className), ...props }, "card"));
 }

package/dist/misc/carousel.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "@myrjfa/state/dist/lib/utils";
+import { cn } from "@myrjfa/state";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
 import React from "react";

package/dist/misc/checkbox.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { cn } from "@myrjfa/state/dist/lib/utils";
+import { cn } from "@myrjfa/state";
 import { CheckIcon } from "lucide-react";
 function Checkbox({ className, ...props }) {
     return (_jsx(CheckboxPrimitive.Root, { className: cn("peer border-input data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current transition-none", children: _jsx(CheckIcon, { className: "size-3.5" }) }, "checkbox-indicator") }, "checkbox"));

package/dist/misc/command.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "@myrjfa/state/dist/lib/utils";
+import { cn } from "@myrjfa/state";
 import { Command as CommandPrimitive } from "cmdk";
 import { SearchIcon } from "lucide-react";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "./dialog";
@@ -14,7 +14,7 @@ function CommandInput({ className, ...props }) {
     return (_jsxs("div", { "data-slot": "command-input-wrapper", className: "flex h-9 items-center gap-2 border-b px-3", children: [_jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }), _jsx(CommandPrimitive.Input, { "data-slot": "command-input", className: cn("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className), ...props })] }));
 }
 function CommandList({ className, ...props }) {
-    return (_jsx(CommandPrimitive.List, { "data-slot": "command-list", className: cn("max-h-[350px] scroll-py-1 overflow-x-hidden overflow-y-auto touch-pan-y z-[300]", className), ...props }));
+    return (_jsx(CommandPrimitive.List, { "data-slot": "command-list", className: cn("max-h-[250px] scroll-py-1 overflow-x-hidden overflow-y-auto", className), ...props }));
 }
 function CommandEmpty({ ...props }) {
     return (_jsx(CommandPrimitive.Empty, { "data-slot": "command-empty", className: "py-6 text-center text-sm", ...props }));

package/dist/misc/datepicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../src/misc/datepicker.tsx"],"names":[],"mappings":"AAkBA,KAAK,eAAe,GAAG;IACnB,KAAK,EAAE;QACH,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;QACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;KAClC,CAAC;IACF,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,OAAgC,EAAE,OAAgC,EAAE,KAAuB,EAAE,EAAE,eAAe,2CAuXjJ"}
+{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../src/misc/datepicker.tsx"],"names":[],"mappings":"AAcA,KAAK,eAAe,GAAG;IACnB,KAAK,EAAE;QACH,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;QACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;KAClC,CAAC;IACF,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,OAAgC,EAAE,OAAgC,EAAE,KAAuB,EAAE,EAAE,eAAe,2CAwZjJ"}

package/dist/misc/datepicker.js

@@ -1,11 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { cn } from "@myrjfa/state/dist/lib/utils";
+import { cn } from "@myrjfa/state";
 import { format } from "date-fns";
 import { CalendarIcon, ChevronLeft, ChevronRight } from "lucide-react";
 import { useEffect, useState } from "react";
-import { Button } from "./button";
-import { FormControl, FormItem, FormLabel, } from "./form";
 import { Popover, PopoverContent, PopoverTrigger, } from "./popover";
 export function DatePicker({ field, minDate = new Date("1900-01-01"), maxDate = new Date("2100-01-01"), label = "Date of birth" }) {
     const [open, setOpen] = useState(false);
@@ -185,5 +183,25 @@ export function DatePicker({ field, minDate = new Date("1900-01-01"), maxDate =
                 }) }));
         }
     };
-    return (_jsxs(FormItem, { className: "flex-1 flex flex-col", children: [_jsx(FormLabel, { children: label }), _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(FormControl, { children: _jsxs(Button, { variant: "outline", className: cn("w-full pl-3 text-left font-normal cursor-pointer", !field.value && "text-muted-foreground"), children: [field.value ? (format(field.value, "PPP")) : (_jsx("span", { children: "Pick a date" })), _jsx(CalendarIcon, { className: "ml-auto h-4 w-4 opacity-50" })] }) }) }), _jsx(PopoverContent, { className: "w-auto p-3", align: "start", children: _jsxs("div", { className: "w-64", children: [renderHeader(), renderCalendarContent()] }) })] })] }));
+    const hasValue = field.value instanceof Date;
+    const displayDate = hasValue ? format(field.value, "d MMM") : null;
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: cn(
+                    // base
+                    "group relative w-full rounded-2xl p-3 flex items-center justify-between text-left outline-none cursor-pointer", 
+                    // border
+                    "border-2 transition-all duration-200", 
+                    // subtle hover background
+                    "hover:bg-blue-50/40", 
+                    // scale on active press
+                    "active:scale-[0.98]", 
+                    // open / focus state → blue ring + border
+                    open
+                        ? "border-blue-600 bg-blue-50/30 shadow-[0_0_0_3px_rgba(37,99,235,0.12)] scale-[1.01]"
+                        : "border-gray-200 hover:border-gray-300 bg-white"), children: [_jsxs("div", { className: "flex flex-col overflow-hidden mr-2 min-w-0", children: [label && (_jsx("p", { className: cn("text-[10px] font-black uppercase tracking-wider leading-tight mb-0.5 transition-colors duration-200", open ? "text-blue-600" : "text-gray-400"), children: label })), _jsx("p", { className: cn("text-sm font-semibold leading-tight truncate transition-colors duration-200", hasValue
+                                        ? "text-gray-900"
+                                        : open
+                                            ? "text-blue-400"
+                                            : "text-gray-400"), children: displayDate !== null && displayDate !== void 0 ? displayDate : "Add date" })] }), _jsx(CalendarIcon, { className: cn("shrink-0 transition-all duration-200", open
+                                ? "w-4 h-4 text-blue-600 scale-110 rotate-[-8deg]"
+                                : "w-4 h-4 text-gray-400 group-hover:text-gray-500") })] }) }), _jsx(PopoverContent, { className: "w-auto p-3", align: "start", children: _jsxs("div", { className: "w-64", children: [renderHeader(), renderCalendarContent()] }) })] }));
 }

package/dist/misc/dialog.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { cn } from "@myrjfa/state/dist/lib/utils";
+import { cn } from "@myrjfa/state";
 import { XIcon } from "lucide-react";
 function Dialog({ ...props }) {
     return _jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });

package/dist/misc/dropdown-menu.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { cn } from "@myrjfa/state/dist/lib/utils";
+import { cn } from "@myrjfa/state";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 function DropdownMenu({ ...props }) {
     return _jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });

package/dist/misc/faq.d.ts

@@ -1,5 +1,5 @@
-import { Question } from '@myrjfa/state/dist/lib/models/props';
-export default function Faq({ faqs }: {
+import { Question } from '@myrjfa/state';
+export declare function Faq({ faqs }: {
     faqs: Question[];
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=faq.d.ts.map

package/dist/misc/faq.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"faq.d.ts","sourceRoot":"","sources":["../../src/misc/faq.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAA;AAG9D,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,QAAQ,EAAE,CAAA;CAAE,2CAkBzD"}
+{"version":3,"file":"faq.d.ts","sourceRoot":"","sources":["../../src/misc/faq.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGxC,wBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,QAAQ,EAAE,CAAA;CAAE,2CAkBjD"}

package/dist/misc/faq.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion';
-export default function Faq({ faqs }) {
+export function Faq({ faqs }) {
     return (_jsxs("div", { children: [_jsx("h2", { className: "text-2xl font-bold text-center mb-6", children: "Frequently Asked Questions" }), _jsx(Accordion, { type: "multiple", className: "space-y-2", children: faqs.map((faq, index) => (_jsxs(AccordionItem, { value: `item-${index}`, className: "border border-gray-200 rounded-lg last:border-b", children: [_jsx(AccordionTrigger, { className: "text-left px-4 py-3 font-medium", children: faq.question }), _jsx(AccordionContent, { className: "px-4 pb-4 text-sm text-gray-600", children: faq.answer })] }, index))) })] }));
 }

package/dist/misc/file-preview.d.ts

@@ -5,5 +5,5 @@ declare const DocumentPreviewButton: ({ filepath, label, icon, size, labelInMobi
     size?: "icon" | "lg" | "sm" | "default";
     labelInMobile?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
-export default DocumentPreviewButton;
+export { DocumentPreviewButton };
 //# sourceMappingURL=file-preview.d.ts.map

package/dist/misc/file-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-preview.d.ts","sourceRoot":"","sources":["../../src/misc/file-preview.tsx"],"names":[],"mappings":"AAuBA,QAAA,MAAM,qBAAqB,GAAI,iDAM5B;IACC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,4CAsEA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"file-preview.d.ts","sourceRoot":"","sources":["../../src/misc/file-preview.tsx"],"names":[],"mappings":"AAuBA,QAAA,MAAM,qBAAqB,GAAI,iDAM5B;IACC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,4CAsEA,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/misc/file-preview.js

@@ -73,4 +73,4 @@ const DocumentPreviewButton = ({ filepath, label, icon, size = 'default', labelI
     };
     return (_jsx("div", { className: "flex flex-col items-center", children: _jsxs(Button, { variant: "outline", size: size, className: "w-full cursor-pointer flex md:flex", onClick: handleOpenFile, disabled: loading, children: [IconInternal, _jsx("span", { className: `${labelInMobile ? "inline" : "hidden"} md:inline`, children: labelInternal })] }) }));
 };
-export default DocumentPreviewButton;
+export { DocumentPreviewButton };

package/dist/misc/filter.d.ts

@@ -8,5 +8,5 @@ type FilterProps = {
 };
 export declare const uniqDecoded: (arr: string[]) => string[];
 declare const Filter: React.FC<FilterProps>;
-export default Filter;
+export { Filter };
 //# sourceMappingURL=filter.d.ts.map

package/dist/misc/filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../src/misc/filter.tsx"],"names":[],"mappings":"AAsBA,KAAK,WAAW,GAAG;IACf,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AACF,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,EAAE,aACwC,CAAC;AAElF,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqHjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../src/misc/filter.tsx"],"names":[],"mappings":"AAsBA,KAAK,WAAW,GAAG;IACf,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AACF,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,EAAE,aACwC,CAAC;AAElF,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgHjC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/misc/filter.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "@myrjfa/state/dist/lib/utils";
+import { cn } from "@myrjfa/state";
 import { Check, ChevronDown } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 import { Button } from "./button";
@@ -30,7 +30,7 @@ const Filter = ({ values, label, formType, selectedValue, onChange, others }) =>
     }, [open]);
     return (_jsx("div", { className: cn("filter-container", label), children: formType === "select" ? (_jsxs(Select, { value: selectedValue !== null && selectedValue !== void 0 ? selectedValue : "", onValueChange: (val) => onChange(val === "clear" ? null : val), children: [_jsx(SelectTrigger, { className: "w-full bg-transparent hover:bg-muted border-none shadow-none", children: !selectedValue || selectedValue === "clear" || selectedValue[0] == '0'
                         ? `Choose ${label.toLowerCase()}...`
-                        : selectedValue }), _jsxs(SelectContent, { className: "w-full z-[301]", children: [_jsx(SelectItem, { value: "clear", children: _jsx("em", { children: "Clear" }) }), data.map((option) => (_jsx(SelectItem, { value: option, children: option }, option)))] })] })) : (_jsxs(Popover, { open: open, onOpenChange: setOpen, modal: false, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { ref: triggerRef, variant: "ghost", role: "combobox", className: "filter-box justify-between w-full", children: [selectedValue || `Select ${label.toLowerCase()}...`, _jsx(ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), _jsxs(PopoverContent, { className: "p-0 z-[310] pointer-events-auto overflow-hidden", style: { width: popoverWidth > 0 ? `${popoverWidth}px` : 'auto', minWidth: 'min(300px, 90vw)' }, align: "start", onWheel: (e) => e.stopPropagation(), children: [_jsxs(Command, { children: [_jsx(CommandInput, { placeholder: `Search ${label.toLowerCase()}...` }), _jsx(CommandEmpty, { children: "No results found." }), _jsx(CommandList, { children: data.map((option) => (_jsxs(CommandItem, { value: option, onSelect: () => {
+                        : selectedValue }), _jsxs(SelectContent, { className: "w-full z-201", children: [_jsx(SelectItem, { value: "clear", children: _jsx("em", { children: "Clear" }) }), data.map((option) => (_jsx(SelectItem, { value: option, children: option }, option)))] })] })) : (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, className: "w-full overflow-y-auto", children: _jsxs(Button, { ref: triggerRef, variant: "ghost", role: "combobox", className: "filter-box justify-between w-full", children: [selectedValue || `Select ${label.toLowerCase()}...`, _jsx(ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), _jsxs(PopoverContent, { className: "p-0 w-full z-201", style: { width: `${popoverWidth}px` }, align: "start", children: [_jsxs(Command, { children: [_jsx(CommandInput, { placeholder: `Search ${label.toLowerCase()}...` }), _jsx(CommandEmpty, { children: "No results found." }), _jsx(CommandList, { children: data.map((option) => (_jsxs(CommandItem, { value: option, onSelect: () => {
                                             onChange(option);
                                             setOpen(false);
                                         }, children: [_jsx(Check, { className: cn("mr-2 h-4 w-4", selectedValue === option ? "opacity-100" : "opacity-0") }), option] }, option))) })] }), others &&
@@ -41,4 +41,4 @@ const Filter = ({ values, label, formType, selectedValue, onChange, others }) =>
                                             }
                                         }, autoFocus: true }) })) : (_jsx("div", { className: "border-t px-10 py-2 cursor-pointer text-sm hover:bg-muted", onClick: () => setIsCustom(true), children: "Other" })) }))] })] })) }));
 };
-export default Filter;
+export { Filter };

package/dist/misc/filterBar.d.ts

@@ -1,4 +1,4 @@
-import { TileProps } from "@myrjfa/state/dist/lib/models/tile";
+import { TileProps } from "@myrjfa/state";
 export interface FilterOptionConfig {
     label: string;
     type: 'autoComplete' | 'select' | 'range';
@@ -27,5 +27,5 @@ export interface FilterBarProps {
     tiles: TileProps[];
     filterConfig?: FilterOptionConfig[];
 }
-export default function FilterBar({ tiles, filterConfig }: FilterBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterBar({ tiles, filterConfig }: FilterBarProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=filterBar.d.ts.map

package/dist/misc/filterBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filterBar.d.ts","sourceRoot":"","sources":["../../src/misc/filterBar.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAK/D,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC1C,QAAQ,EAAE,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrD,WAAW,EAAE,MAAM,CAAC;IAEpB,OAAO,CAAC,EAAE,SAAS;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAE5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAErC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAEzE,eAAe,CAAC,EAAE,MAAM,SAAS,CAAC;IAElC,UAAU,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC;IAEhC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAExB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACvC;AA+eD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,cAAc,2CAMxE"}
+{"version":3,"file":"filterBar.d.ts","sourceRoot":"","sources":["../../src/misc/filterBar.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAK1C,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC1C,QAAQ,EAAE,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrD,WAAW,EAAE,MAAM,CAAC;IAEpB,OAAO,CAAC,EAAE,SAAS;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAE5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAErC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAEzE,eAAe,CAAC,EAAE,MAAM,SAAS,CAAC;IAElC,UAAU,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC;IAEhC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAExB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACvC;AA+eD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,cAAc,2CAMhE"}

package/dist/misc/filterBar.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { retrieveCity, retrieveState } from "@myrjfa/state/dist/lib/utils";
+import { retrieveCity, retrieveState } from "@myrjfa/state";
 import { Search, SearchIcon, SlidersHorizontal, X } from "lucide-react";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { Suspense, useEffect, useState } from "react";
 import { Button } from "./button";
-import Filter from "./filter";
+import { Filter } from "./filter";
 import { Sheet, SheetContent, SheetTitle, SheetTrigger } from "./sheet";
 import { Slider } from "./slider";
 // Default filter options (backward compatible)
@@ -324,6 +324,6 @@ function FilterBarComponent({ tiles, filterConfig = defaultFilterOptions }) {
                                         changeMultiParams(newState);
                                     }, className: "ml-1 hover:bg-blue-200 rounded-full p-1 transition-colors", children: _jsx(X, { size: 12 }) })] }, `${filter.label}-${filter.value}-${index}`))), _jsxs("button", { onClick: clearAllFilters, className: "inline-flex items-center gap-1 bg-gray-100 text-gray-600 px-3 py-1 rounded-full text-sm border border-gray-200 hover:bg-gray-200 transition-colors", children: ["Clear All", _jsx(X, { size: 12 })] })] }) }))] }));
 }
-export default function FilterBar({ tiles, filterConfig }) {
+export function FilterBar({ tiles, filterConfig }) {
     return (_jsx(Suspense, { fallback: _jsx("div", { className: "w-full h-screen flex items-center justify-center", children: "Loading..." }), children: _jsx(FilterBarComponent, { tiles: tiles, filterConfig: filterConfig }) }));
 }

package/dist/misc/form.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
-import { cn } from "@myrjfa/state/dist/lib/utils";
+import { cn } from "@myrjfa/state";
 import * as React from "react";
 import { Controller, FormProvider, useFormContext, useFormState, } from "react-hook-form";
 import { Label } from "./label";

package/dist/misc/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/misc/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAgB1E;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/misc/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAc1E;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/misc/input.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "@myrjfa/state/dist/lib/utils";
+import { cn } from "@myrjfa/state";
 function Input({ className, type, ...props }) {
-    return (_jsx("input", { type: type, "data-slot": "input", onWheel: (e) => e.currentTarget.blur(), className: cn("border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none 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", "[&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none", className), ...props }));
+    return (_jsx("input", { type: type, "data-slot": "input", className: cn("border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none 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 }));
 }
 export { Input };

package/dist/misc/label.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as LabelPrimitive from "@radix-ui/react-label";
-import { cn } from "@myrjfa/state/dist/lib/utils";
+import { cn } from "@myrjfa/state";
 function Label({ className, ...props }) {
     return (_jsx(LabelPrimitive.Root, { "data-slot": "label", className: cn("flex items-center gap-2 leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className), ...props }));
 }

package/dist/misc/line-carousel.d.ts

@@ -1,6 +1,6 @@
 import { LucideProps } from "lucide-react";
 import { ForwardRefExoticComponent, RefAttributes } from "react";
-export default function LineCarousel({ skillsData }: {
+export declare function LineCarousel({ skillsData }: {
     skillsData: {
         icon: ForwardRefExoticComponent<Omit<LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
         title: string;

package/dist/misc/line-carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"line-carousel.d.ts","sourceRoot":"","sources":["../../src/misc/line-carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,UAAU,EAAE,EAAE;IACjD,UAAU,EAAE;QACR,IAAI,EAAE,yBAAyB,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;QACzF,KAAK,EAAE,MAAM,CAAC;KACjB,EAAE,CAAA;CACN,2CA6BA"}
+{"version":3,"file":"line-carousel.d.ts","sourceRoot":"","sources":["../../src/misc/line-carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEjE,wBAAgB,YAAY,CAAC,EAAE,UAAU,EAAE,EAAE;IACzC,UAAU,EAAE;QACR,IAAI,EAAE,yBAAyB,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;QACzF,KAAK,EAAE,MAAM,CAAC;KACjB,EAAE,CAAA;CACN,2CA6BA"}

package/dist/misc/line-carousel.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function LineCarousel({ skillsData }) {
+export function LineCarousel({ skillsData }) {
     const loopedSkills = [...skillsData, ...skillsData, ...skillsData];
     return (_jsxs("section", { className: "relative w-full pt-10 pb-5 bg-background text-white", children: [_jsx("h2", { className: "text-2xl font-bold text-left mx-10 md:mx-15 lg:mx-25 tracking-tight text-foreground", children: "Popular Skills Offered" }), _jsx("p", { className: "text-muted-foreground mx-10 md:mx-15 lg:mx-25 mb-10", children: "Discover In-Demand Creative Skills for the Modern World." }), _jsxs("div", { className: "relative w-full overflow-hidden", children: [_jsx("div", { className: "absolute inset-y-0 left-0 w-1/4 bg-gradient-to-r from-background to-transparent z-10" }), _jsx("div", { className: "absolute inset-y-0 right-0 w-1/4 bg-gradient-to-l from-background to-transparent z-10" }), _jsx("div", { className: "flex animate-scroll items-center space-x-10", children: loopedSkills.map((item, i) => (_jsxs("div", { className: "flex items-center space-x-3 px-5 text-lg", children: [_jsx(item.icon, { className: "w-6 h-6 text-foreground" }), _jsx("span", { className: "text-muted-foreground font-semibold", children: item.title })] }, i))) })] })] }));
 }

package/dist/misc/location/leafletMap.d.ts

@@ -0,0 +1,8 @@
+import 'leaflet/dist/leaflet.css';
+interface LeafletMapProps {
+    position: [number, number];
+    onMarkerDrag: (lat: number, lng: number) => void;
+}
+export default function LeafletMap({ position, onMarkerDrag }: LeafletMapProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=leafletMap.d.ts.map

package/dist/misc/location/leafletMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"leafletMap.d.ts","sourceRoot":"","sources":["../../../src/misc/location/leafletMap.tsx"],"names":[],"mappings":"AAIA,OAAO,0BAA0B,CAAC;AAoDlC,UAAU,eAAe;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3B,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,eAAe,2CAmC7E"}

package/dist/misc/location/leafletMap.js

@@ -0,0 +1,62 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Dynamically imported (no SSR) from propertyForm.tsx.
+// Must import leaflet CSS here — this is the only safe place when using next/dynamic.
+import 'leaflet/dist/leaflet.css';
+import { useEffect, useRef } from 'react';
+import { MapContainer, TileLayer, Marker, useMap, useMapEvents } from 'react-leaflet';
+import L from 'leaflet';
+// Fix broken Leaflet default icons in webpack / Next.js
+const defaultIcon = L.icon({
+    iconUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png',
+    iconRetinaUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png',
+    shadowUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png',
+    iconSize: [25, 41],
+    iconAnchor: [12, 41],
+    popupAnchor: [1, -34],
+    shadowSize: [41, 41],
+});
+L.Marker.prototype.options.icon = defaultIcon;
+// Sync map view when position prop changes (e.g. after address search)
+function MapSyncer({ position }) {
+    const map = useMap();
+    const prev = useRef(position);
+    useEffect(() => {
+        if (prev.current[0] !== position[0] || prev.current[1] !== position[1]) {
+            map.flyTo(position, Math.max(map.getZoom(), 13), { animate: true, duration: 0.8 });
+            prev.current = position;
+        }
+    }, [position, map]);
+    return null;
+}
+// Fixes the "half-visible" map bug by forcing a resize after mount
+function ResizeMap() {
+    const map = useMap();
+    useEffect(() => {
+        setTimeout(() => {
+            map.invalidateSize();
+        }, 300);
+    }, [map]);
+    return null;
+}
+// Allows clicking anywhere on map to move the marker
+function ClickHandler({ onDrag }) {
+    useMapEvents({
+        click(e) {
+            onDrag(e.latlng.lat, e.latlng.lng);
+        },
+    });
+    return null;
+}
+export default function LeafletMap({ position, onMarkerDrag }) {
+    const markerRef = useRef(null);
+    return (_jsxs(MapContainer, { center: position, zoom: 13, style: { width: '100%', height: '100%', minHeight: '300px' }, scrollWheelZoom: true, children: [_jsx(TileLayer, { attribution: '\u00A9 <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>', url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" }), _jsx(ResizeMap, {}), _jsx(MapSyncer, { position: position }), _jsx(ClickHandler, { onDrag: onMarkerDrag }), _jsx(Marker, { position: position, draggable: true, ref: markerRef, icon: defaultIcon, eventHandlers: {
+                    dragend() {
+                        const m = markerRef.current;
+                        if (m) {
+                            const p = m.getLatLng();
+                            onMarkerDrag(p.lat, p.lng);
+                        }
+                    },
+                } })] }));
+}

package/dist/misc/location/locationPicker.d.ts

@@ -0,0 +1,5 @@
+import { useForm } from 'react-hook-form';
+export default function LocationPicker({ form }: {
+    form: ReturnType<typeof useForm<any>>;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=locationPicker.d.ts.map

package/dist/misc/location/locationPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locationPicker.d.ts","sourceRoot":"","sources":["../../../src/misc/location/locationPicker.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAsF1C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,UAAU,CAAC,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,CAAA;CAAE,2CA2IzF"}

package/dist/misc/location/locationPicker.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ─── Nominatim address search ─────────────────────────────────────────────────
+import { Loader2, MapPin } from 'lucide-react';
+import { useRef, useState } from 'react';
+import { Input } from '../input';
+import dynamic from 'next/dynamic';
+import { FormControl, FormField, FormItem, FormLabel, FormMessage } from '../form';
+import { Filter } from '../filter';
+import { getCountryNames, getStates } from '@myrjfa/state';
+function NominatimSearch({ onSelect }) {
+    const [query, setQuery] = useState('');
+    const [results, setResults] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const timer = useRef(null);
+    const search = (q) => {
+        setQuery(q);
+        if (timer.current)
+            clearTimeout(timer.current);
+        if (!q.trim()) {
+            setResults([]);
+            return;
+        }
+        timer.current = setTimeout(async () => {
+            setLoading(true);
+            try {
+                const res = await fetch(`https://nominatim.openstreetmap.org/search?q=${encodeURIComponent(q)}&format=json&addressdetails=1&limit=6`, { headers: { 'Accept-Language': 'en' } });
+                const data = (await res.json());
+                setResults(data);
+            }
+            catch (_a) {
+                setResults([]);
+            }
+            setLoading(false);
+        }, 400);
+    };
+    const pick = (r) => {
+        setQuery(r.display_name);
+        setResults([]);
+        onSelect(r);
+    };
+    return (_jsxs("div", { className: "relative", children: [_jsxs("div", { className: "relative", children: [_jsx(MapPin, { className: "absolute left-3 top-2.5 h-4 w-4 text-muted-foreground pointer-events-none" }), loading && _jsx(Loader2, { className: "absolute right-3 top-2.5 h-4 w-4 text-muted-foreground animate-spin" }), _jsx(Input, { id: "address-search", value: query, onChange: (e) => search(e.target.value), placeholder: "Search for a place or address\u2026", className: "pl-9 pr-9", autoComplete: "off" })] }), results.length > 0 && (_jsx("ul", { className: "absolute z-[9999] w-full mt-1 border border-input bg-background rounded-md shadow-lg max-h-60 overflow-auto text-sm", children: results.map((r) => (_jsxs("li", { className: "px-3 py-2 cursor-pointer hover:bg-muted truncate flex items-center gap-2", onClick: () => pick(r), children: [_jsx(MapPin, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }), _jsx("span", { children: r.display_name })] }, r.place_id))) }))] }));
+}
+// Dynamic Leaflet map (SSR disabled — window not available on server)
+const LeafletMap = dynamic(() => import('./leafletMap'), {
+    ssr: false,
+    loading: () => (_jsx("div", { className: "w-full h-64 flex items-center justify-center bg-muted rounded-xl border text-sm text-muted-foreground", children: "Loading map\u2026" })),
+});
+// ─── Location picker ─────────────────────────────────────────────────────────
+export default function LocationPicker({ form }) {
+    var _a, _b, _c, _d;
+    const [mapPos, setMapPos] = useState([
+        (_a = form.getValues('lat')) !== null && _a !== void 0 ? _a : 20.5937,
+        (_b = form.getValues('lng')) !== null && _b !== void 0 ? _b : 78.9629,
+    ]);
+    const fillFromNominatim = (result, lat, lng) => {
+        const a = result.address;
+        const city = a.city || a.town || a.village || a.county || '';
+        const state = a.state || '';
+        const country = a.country || '';
+        const pin = a.postcode || '';
+        form.setValue('lat', lat, { shouldDirty: true });
+        form.setValue('lng', lng, { shouldDirty: true });
+        if (city)
+            form.setValue('city', city, { shouldDirty: true });
+        if (state)
+            form.setValue('state', state, { shouldDirty: true });
+        if (country)
+            form.setValue('country', country, { shouldDirty: true });
+        if (pin)
+            form.setValue('pinCode', pin, { shouldDirty: true });
+        form.setValue('address', result.display_name, { shouldDirty: true });
+    };
+    const handleSearchSelect = (result) => {
+        const lat = parseFloat(result.lat);
+        const lng = parseFloat(result.lon);
+        setMapPos([lat, lng]);
+        fillFromNominatim(result, lat, lng);
+    };
+    const handleMapPin = async (lat, lng) => {
+        setMapPos([lat, lng]);
+        form.setValue('lat', lat, { shouldDirty: true });
+        form.setValue('lng', lng, { shouldDirty: true });
+        try {
+            const res = await fetch(`https://nominatim.openstreetmap.org/reverse?lat=${lat}&lon=${lng}&format=json&addressdetails=1`, { headers: { 'Accept-Language': 'en' } });
+            const data = (await res.json());
+            fillFromNominatim(data, lat, lng);
+        }
+        catch ( /* silent */_a) { /* silent */ }
+    };
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx(FormLabel, { children: "Search Address" }), _jsx("p", { className: "text-xs text-muted-foreground mb-1", children: "Powered by OpenStreetMap \u2014 free, no API key required" }), _jsx(NominatimSearch, { onSelect: handleSearchSelect })] }), _jsx("div", { style: { height: '300px', width: '100%', borderRadius: '0.75rem', overflow: 'hidden', border: '1px solid var(--border)' }, children: _jsx(LeafletMap, { position: mapPos, onMarkerDrag: handleMapPin }) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Click anywhere on the map or drag the pin to set the exact location. Fields below auto-fill." }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx(FormField, { control: form.control, name: "country", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Country *" }), _jsx(FormControl, { children: _jsx("div", { className: "border border-input rounded-md text-sm shadow-sm focus-within:ring-2 focus-within:ring-muted", children: _jsx(Filter, { label: "Country", formType: "autoComplete", selectedValue: field.value, values: getCountryNames(), onChange: (value) => { field.onChange(value); form.setValue('state', ''); } }) }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: "state", render: ({ field }) => {
+                            const stateOptions = form.watch('country') ? getStates(form.watch('country')) : [];
+                            return (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "State *" }), _jsx(FormControl, { children: _jsx("div", { className: "border border-input rounded-md text-sm shadow-sm focus-within:ring-2 focus-within:ring-muted", children: _jsx(Filter, { label: "State", formType: "autoComplete", selectedValue: field.value, values: stateOptions, onChange: field.onChange }) }) }), _jsx(FormMessage, {})] }));
+                        } }), _jsx(FormField, { control: form.control, name: "city", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "City *" }), _jsx(FormControl, { children: _jsx(Input, { id: "city", placeholder: "e.g. Rishikesh", ...field }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: "pinCode", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Pin / Postal Code" }), _jsx(FormControl, { children: _jsx(Input, { id: "pinCode", placeholder: "e.g. 249201", ...field }) }), _jsx(FormMessage, {})] })) })] }), _jsx(FormField, { control: form.control, name: "address", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Full Address" }), _jsx(FormControl, { children: _jsx(Input, { id: "address", placeholder: "Street / Landmark\u2026", ...field }) }), _jsx(FormMessage, {})] })) }), (form.watch('lat') || form.watch('lng')) && (_jsxs("p", { className: "text-xs text-muted-foreground", children: ["\uD83D\uDCCD ", (_c = form.watch('lat')) === null || _c === void 0 ? void 0 : _c.toFixed(5), ", ", (_d = form.watch('lng')) === null || _d === void 0 ? void 0 : _d.toFixed(5)] }))] }));
+}

package/dist/misc/multiImageUploader.d.ts

@@ -3,8 +3,7 @@ type multiImageUploaderType = {
     handleImageUpload: (e: React.ChangeEvent<HTMLInputElement>) => Promise<void>;
     handleRemoveImage: (index: number) => void;
     message: string;
-    enableCompression?: boolean;
 };
-export default function MultiImageUploader({ previewImages, handleImageUpload, handleRemoveImage, message, enableCompression }: multiImageUploaderType): import("react/jsx-runtime").JSX.Element;
+export default function MultiImageUploader({ previewImages, handleImageUpload, handleRemoveImage, message }: multiImageUploaderType): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=multiImageUploader.d.ts.map

package/dist/misc/multiImageUploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multiImageUploader.d.ts","sourceRoot":"","sources":["../../src/misc/multiImageUploader.tsx"],"names":[],"mappings":"AASA,KAAK,sBAAsB,GAAG;IAC1B,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7E,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,OAAO,EAAE,iBAAwB,EAAE,EAAE,sBAAsB,2CAgF5J"}
+{"version":3,"file":"multiImageUploader.d.ts","sourceRoot":"","sources":["../../src/misc/multiImageUploader.tsx"],"names":[],"mappings":"AAOA,KAAK,sBAAsB,GAAG;IAC1B,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7E,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,OAAO,EAAE,MAAM,CAAC;CACnB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,OAAO,EAAE,EAAE,sBAAsB,2CAuDlI"}

package/dist/misc/multiImageUploader.js

@@ -5,30 +5,6 @@ import { Input } from "./input";
 import { Card, CardHeader, CardTitle, CardContent } from "./card";
 import { Trash2, Upload } from "lucide-react";
 import Image from "next/image";
-import { showAlert } from "./alertdialogclaude";
-import { compressImage } from "./image-compressor";
-export default function MultiImageUploader({ previewImages, handleImageUpload, handleRemoveImage, message, enableCompression = true }) {
-    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs(CardTitle, { children: ["Images", _jsx(FormDescription, { children: message })] }) }), _jsxs(CardContent, { children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mb-4", children: [previewImages.map((image, index) => (_jsxs("div", { className: "relative rounded-lg overflow-hidden h-40", children: [_jsx(Image, { id: "image-" + index, src: image, alt: `Opportunity image ${index + 1}`, fill: true, className: "object-cover" }), _jsx(Button, { type: "button", onClick: () => handleRemoveImage(index), className: "absolute top-2 right-2 bg-white/80 rounded-full hover:bg-white", children: _jsx(Trash2, { className: "text-red-500" }) })] }, index))), _jsxs("div", { className: "flex flex-col items-center justify-center w-full space-y-4", children: [_jsx("label", { htmlFor: "image", className: "cursor-pointer w-full", children: _jsxs("div", { className: "border-2 border-dashed border-slate-300 rounded-lg p-6 flex flex-col items-center justify-center text-slate-500 hover:border-primary hover:text-primary transition-colors", children: [_jsx(Upload, { className: "h-12 w-12 text-gray-500 mb-4" }), _jsx("span", { className: "text-lg font-semibold mb-2", children: "Upload Image" }), _jsx("span", { className: "text-sm", children: "Click or drag to upload" })] }) }), _jsx(Input, { id: "image", type: "file", accept: "image/*", multiple: true, onChange: async (e) => {
-                                            const files = Array.from(e.target.files || []);
-                                            const allowedType = 'image/';
-                                            const invalid = files.filter(f => !f.type.includes(allowedType));
-                                            if (invalid.length > 0) {
-                                                showAlert(`Invalid file type(s): ${invalid.map(f => f.name).join(', ')}. Only Images are allowed.`);
-                                                e.target.value = '';
-                                                return;
-                                            }
-                                            if (enableCompression && files.length > 0) {
-                                                try {
-                                                    const compressed = await Promise.all(files.map(f => compressImage(f)));
-                                                    // Rebuild FileList via DataTransfer
-                                                    const dt = new DataTransfer();
-                                                    compressed.forEach(f => dt.items.add(f));
-                                                    e.target.files = dt.files;
-                                                }
-                                                catch (_a) {
-                                                    // compression failed — proceed with originals
-                                                }
-                                            }
-                                            handleImageUpload(e);
-                                        }, placeholder: "Upload Image", className: "hidden" })] })] }), _jsx(FormDescription, { children: "Images should be in Valid format. Maximum file size: 5MB." })] })] }));
+export default function MultiImageUploader({ previewImages, handleImageUpload, handleRemoveImage, message }) {
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs(CardTitle, { children: ["Images", _jsx(FormDescription, { children: message })] }) }), _jsxs(CardContent, { children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mb-4", children: [previewImages.map((image, index) => (_jsxs("div", { className: "relative rounded-lg overflow-hidden h-40", children: [_jsx(Image, { id: "image-" + index, src: image, alt: `Opportunity image ${index + 1}`, fill: true, className: "object-cover" }), _jsx(Button, { type: "button", onClick: () => handleRemoveImage(index), className: "absolute top-2 right-2 bg-white/80 rounded-full hover:bg-white", children: _jsx(Trash2, { className: "text-red-500" }) })] }, index))), _jsxs("div", { className: "flex flex-col items-center justify-center w-full space-y-4", children: [_jsx("label", { htmlFor: "image", className: "cursor-pointer w-full", children: _jsxs("div", { className: "border-2 border-dashed border-slate-300 rounded-lg p-6 flex flex-col items-center justify-center text-slate-500 hover:border-primary hover:text-primary transition-colors", children: [_jsx(Upload, { className: "h-12 w-12 text-gray-500 mb-4" }), _jsx("span", { className: "text-lg font-semibold mb-2", children: "Upload Image" }), _jsx("span", { className: "text-sm", children: "Click or drag to upload" })] }) }), _jsx(Input, { id: "image", type: "file", accept: "image/*", multiple: true, onChange: handleImageUpload, placeholder: "Upload Image", className: "hidden" })] })] }), _jsx(FormDescription, { children: "Images should be in Valid format. Maximum file size: 5MB." })] })] }));
 }

package/dist/misc/newsLetter.d.ts

@@ -1,3 +1,3 @@
 declare const NewsletterSubscribe: () => import("react/jsx-runtime").JSX.Element;
-export default NewsletterSubscribe;
+export { NewsletterSubscribe };
 //# sourceMappingURL=newsLetter.d.ts.map

package/dist/misc/newsLetter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"newsLetter.d.ts","sourceRoot":"","sources":["../../src/misc/newsLetter.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,mBAAmB,+CAgDxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"newsLetter.d.ts","sourceRoot":"","sources":["../../src/misc/newsLetter.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,mBAAmB,+CAgDxB,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/misc/newsLetter.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { subscribeToNewsLetter } from "@myrjfa/state/dist/lib/actions/actions";
+import { subscribeToNewsLetter } from "@myrjfa/state";
 import { usePathname } from "next/navigation";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
@@ -38,4 +38,4 @@ const NewsletterSubscribe = () => {
     };
     return (_jsx(Form, { ...form, children: _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), noValidate: true, className: "mt-4 flex flex-col sm:flex-row gap-3", children: [_jsx(FormField, { control: form.control, name: "email", render: ({ field }) => (_jsxs(FormItem, { className: "flex-1", children: [_jsx(FormControl, { children: _jsx(Input, { placeholder: "Your email address", type: "email", disabled: isSubmitting, ...field }) }), _jsx(FormMessage, {})] })) }), _jsx(Button, { type: "submit", disabled: isSubmitting, className: "w-full sm:w-auto", children: isSubmitting ? "Subscribing..." : "Subscribe" })] }) }));
 };
-export default NewsletterSubscribe;
+export { NewsletterSubscribe };

package/dist/misc/notification.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Popover, PopoverContent, PopoverTrigger } from "@radix-ui/react-popover";
-import { getNotifications, toggleAllNotification, toggleNotification } from "@myrjfa/state/dist/lib/actions/actions";
-import { formatTimestamp } from "@myrjfa/state/dist/lib/utils";
+import { getNotifications, toggleAllNotification, toggleNotification } from "@myrjfa/state";
+import { formatTimestamp } from "@myrjfa/state";
 import { Bell, MessageCircle, CheckCircle2, Receipt, Users, AlertCircle, Megaphone, Briefcase, ShieldCheck, ShieldX, Package, ClipboardList } from "lucide-react";
 import { useRouter } from "next/navigation";
 import { useEffect, useState } from "react";