@next-degree/pickle-shared-js 0.13.1 → 0.13.5

package/dist/chunk-U27VO642.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/PlacesQueryInput.tsx"],"names":[],"mappings":"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","file":"chunk-U27VO642.js","sourcesContent":["'use client'\n\nimport { type PlaceAutocompleteResult } from '@googlemaps/google-maps-services-js'\nimport { CircleX, LoaderCircle } from 'lucide-react'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/components/primitives/command'\nimport { autocomplete } from '@/lib/google'\nimport { cn } from '@/lib/utils'\n\n/**\n * The idea is of this type is to have a more specific type for the Place object,\n * without the repos that use it having to import the PlaceAutocompleteResult type.\n * 'place_id' can be used to query the Google Places API directly for more information about the place.\n */\nexport type Place = Pick<PlaceAutocompleteResult, 'description' | 'place_id'>\n\ninterface PlacesQueryInputProps {\n  apiKey: string\n  selected?: Place\n  onSelect: (place?: Place) => void\n  className?: string\n}\n\nfunction PlacesQueryInput({\n  apiKey,\n  selected,\n  onSelect,\n  className,\n}: Readonly<PlacesQueryInputProps>) {\n  const [predictions, setPredictions] = useState<PlaceAutocompleteResult[] | null>(null)\n  const [input, setInput] = useState(selected?.description ?? '')\n  const [isLoadingPredictions, setIsLoadingPredictions] = useState(false)\n  const [shouldOpenUpward, setShouldOpenUpward] = useState(false)\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null)\n  const inputRef = useRef<HTMLDivElement | null>(null)\n\n  const debouncedAutocomplete = useCallback((value: string) => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current)\n    }\n    timeoutRef.current = setTimeout(async () => {\n      try {\n        if (value.length > 2) {\n          setIsLoadingPredictions(true)\n          const fetchedPredictions = await autocomplete(value, apiKey)\n          setIsLoadingPredictions(false)\n          setPredictions(fetchedPredictions ?? [])\n        } else {\n          setPredictions(null)\n        }\n      } catch (error) {\n        setIsLoadingPredictions(false)\n        setPredictions([])\n        console.error('Autocomplete error:', error)\n      }\n    }, 300)\n  }, [])\n\n  const handleInputChange = (value: string) => {\n    setInput(value)\n    debouncedAutocomplete(value)\n  }\n\n  const handleSelect = (prediction: PlaceAutocompleteResult) => {\n    onSelect(prediction)\n    setPredictions(null)\n    setInput(prediction.description)\n  }\n\n  const handleClear = () => {\n    onSelect()\n    setPredictions(null)\n    setInput('')\n  }\n\n  /** Close the dropdown when the input loses focus, with the timeout to allow the user to click on a prediction.\n   *  */\n  const handleBlur = () => setTimeout(() => setPredictions(null), 200)\n\n  useEffect(() => {\n    const checkDropdownPosition = () => {\n      if (inputRef.current) {\n        const rect = inputRef.current.getBoundingClientRect()\n        const windowHeight = window.innerHeight\n        setShouldOpenUpward(rect.bottom + 200 > windowHeight)\n      }\n    }\n\n    checkDropdownPosition()\n    window.addEventListener('resize', checkDropdownPosition)\n    return () => window.removeEventListener('resize', checkDropdownPosition)\n  }, [])\n\n  return (\n    <div className={cn('relative w-full', className)} ref={inputRef} onBlur={handleBlur}>\n      <Command>\n        <div className=\"relative w-full\">\n          <CommandInput\n            placeholder=\"Type an address to search...\"\n            value={input}\n            onValueChange={handleInputChange}\n            className=\"truncate pr-8\"\n          />\n          {isLoadingPredictions && (\n            <LoaderCircle className=\"absolute inset-y-0 right-2 my-auto flex h-8 w-8 animate-spin items-center justify-center rounded-full text-green-100\" />\n          )}\n          {input && (\n            <button\n              type=\"button\"\n              className=\"absolute inset-y-0 right-2 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20\"\n              onClick={handleClear}\n            >\n              <CircleX className=\"h-4 w-4 text-green-100\" />\n            </button>\n          )}\n        </div>\n        {predictions && (\n          <CommandList\n            className={cn(\n              'absolute z-50 w-full rounded-md border bg-white shadow-lg',\n              shouldOpenUpward ? 'bottom-full' : 'top-full'\n            )}\n          >\n            <CommandEmpty>No results</CommandEmpty>\n            <CommandGroup>\n              {predictions.map((prediction) => (\n                <CommandItem\n                  key={prediction.place_id}\n                  onSelect={() => handleSelect(prediction)}\n                  className=\"truncate\"\n                >\n                  {prediction.description}\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        )}\n      </Command>\n    </div>\n  )\n}\n\nexport default PlacesQueryInput\n"]}

package/dist/chunk-U3D4LL6T.js

@@ -0,0 +1,54 @@
+import { Client, PlaceAutocompleteType } from '@googlemaps/google-maps-services-js';
+
+// src/lib/google.ts
+var client = new Client();
+var autocomplete = async (input, key) => {
+  try {
+    const response = await client.placeAutocomplete({
+      params: { input, key, types: PlaceAutocompleteType.address }
+    });
+    return response.data.predictions;
+  } catch (error) {
+    console.error(error);
+  }
+};
+var fetchLocation = async (place, key) => {
+  try {
+    if (place.place_id) {
+      const placeDetails = await getPlaceDetails(place.place_id, key);
+      if (placeDetails) return placeDetails;
+    }
+    if (place.address) {
+      const result = await geocode(place.address, key);
+      const firstAddress = result?.[0];
+      return firstAddress;
+    }
+    return void 0;
+  } catch (error) {
+    console.error("Error fetching location:", error);
+  }
+};
+var getPlaceDetails = async (place_id, key) => {
+  try {
+    const response = await client.placeDetails({
+      params: { place_id, key }
+    });
+    return response.data.result;
+  } catch (error) {
+    console.error(error);
+  }
+};
+var geocode = async (address, key) => {
+  try {
+    const response = await client.geocode({
+      params: { address, key }
+    });
+    return response.data.results;
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+export { autocomplete, fetchLocation, geocode, getPlaceDetails };
+//# sourceMappingURL=chunk-U3D4LL6T.js.map
+//# sourceMappingURL=chunk-U3D4LL6T.js.map

package/dist/chunk-U3D4LL6T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/google.ts"],"names":[],"mappings":";;;AAIA,IAAM,MAAA,GAAS,IAAI,MAAO,EAAA;AAEb,IAAA,YAAA,GAAe,OAAO,KAAA,EAAe,GAAgB,KAAA;AAChE,EAAI,IAAA;AACF,IAAM,MAAA,QAAA,GAAW,MAAM,MAAA,CAAO,iBAAkB,CAAA;AAAA,MAC9C,QAAQ,EAAE,KAAA,EAAO,GAAK,EAAA,KAAA,EAAO,sBAAsB,OAAQ;AAAA,KAC5D,CAAA;AAED,IAAA,OAAO,SAAS,IAAK,CAAA,WAAA;AAAA,WACd,KAAO,EAAA;AACd,IAAA,OAAA,CAAQ,MAAM,KAAK,CAAA;AAAA;AAEvB;AASa,IAAA,aAAA,GAAgB,OAC3B,KAAA,EACA,GAC4C,KAAA;AAC5C,EAAI,IAAA;AACF,IAAA,IAAI,MAAM,QAAU,EAAA;AAClB,MAAA,MAAM,YAAe,GAAA,MAAM,eAAgB,CAAA,KAAA,CAAM,UAAU,GAAG,CAAA;AAC9D,MAAA,IAAI,cAAqB,OAAA,YAAA;AAAA;AAE3B,IAAA,IAAI,MAAM,OAAS,EAAA;AACjB,MAAA,MAAM,MAAS,GAAA,MAAM,OAAQ,CAAA,KAAA,CAAM,SAAS,GAAG,CAAA;AAC/C,MAAM,MAAA,YAAA,GAAe,SAAS,CAAC,CAAA;AAC/B,MAAO,OAAA,YAAA;AAAA;AAGT,IAAO,OAAA,KAAA,CAAA;AAAA,WACA,KAAO,EAAA;AACd,IAAQ,OAAA,CAAA,KAAA,CAAM,4BAA4B,KAAK,CAAA;AAAA;AAEnD;AASa,IAAA,eAAA,GAAkB,OAAO,QAAA,EAAkB,GAAgB,KAAA;AACtE,EAAI,IAAA;AACF,IAAM,MAAA,QAAA,GAAW,MAAM,MAAA,CAAO,YAAa,CAAA;AAAA,MACzC,MAAA,EAAQ,EAAE,QAAA,EAAU,GAAI;AAAA,KACzB,CAAA;AAED,IAAA,OAAO,SAAS,IAAK,CAAA,MAAA;AAAA,WACd,KAAO,EAAA;AACd,IAAA,OAAA,CAAQ,MAAM,KAAK,CAAA;AAAA;AAEvB;AAKa,IAAA,OAAA,GAAU,OAAO,OAAA,EAAiB,GAAgB,KAAA;AAC7D,EAAI,IAAA;AACF,IAAM,MAAA,QAAA,GAAW,MAAM,MAAA,CAAO,OAAQ,CAAA;AAAA,MACpC,MAAA,EAAQ,EAAE,OAAA,EAAS,GAAI;AAAA,KACxB,CAAA;AAED,IAAA,OAAO,SAAS,IAAK,CAAA,OAAA;AAAA,WACd,KAAO,EAAA;AACd,IAAA,OAAA,CAAQ,MAAM,KAAK,CAAA;AAAA;AAEvB","file":"chunk-U3D4LL6T.js","sourcesContent":["'use server'\n\nimport { Client, PlaceAutocompleteType, type PlaceData } from '@googlemaps/google-maps-services-js'\n\nconst client = new Client()\n\nexport const autocomplete = async (input: string, key: string) => {\n  try {\n    const response = await client.placeAutocomplete({\n      params: { input, key, types: PlaceAutocompleteType.address },\n    })\n\n    return response.data.predictions\n  } catch (error) {\n    console.error(error)\n  }\n}\n\ntype Place = {\n  place_id?: string\n  address?: string\n}\n/**\n * This is the exported function that calls the Google api to fetch the location based on the place_id or address.\n */\nexport const fetchLocation = async (\n  place: Place,\n  key: string\n): Promise<Partial<PlaceData> | undefined> => {\n  try {\n    if (place.place_id) {\n      const placeDetails = await getPlaceDetails(place.place_id, key)\n      if (placeDetails) return placeDetails\n    }\n    if (place.address) {\n      const result = await geocode(place.address, key)\n      const firstAddress = result?.[0]\n      return firstAddress\n    }\n\n    return undefined\n  } catch (error) {\n    console.error('Error fetching location:', error)\n  }\n}\n\n/**\n * If you have a place ID, you can use the placeDetails method to get more information about a place.\n * The advantage over an address is that there will be no ambiguity about the location.\n * @param place_id\n * @param key\n * @returns\n */\nexport const getPlaceDetails = async (place_id: string, key: string) => {\n  try {\n    const response = await client.placeDetails({\n      params: { place_id, key },\n    })\n\n    return response.data.result\n  } catch (error) {\n    console.error(error)\n  }\n}\n\n/**\n * The geocode method is used to convert an address into actual location(s) with lat/long.\n */\nexport const geocode = async (address: string, key: string) => {\n  try {\n    const response = await client.geocode({\n      params: { address, key },\n    })\n\n    return response.data.results\n  } catch (error) {\n    console.error(error)\n  }\n}\n"]}

package/dist/chunk-U7LTIWUS.js

@@ -0,0 +1,28 @@
+import { cn } from './chunk-2FGZQI42.js';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { forwardRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var RadioGroup = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, { className, ...props, ref }));
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs("div", { className: "group flex flex-row items-center gap-2", children: [
+    /* @__PURE__ */ jsx(
+      RadioGroupPrimitive.Item,
+      {
+        ref,
+        className: cn(
+          "peer aspect-square h-4 rounded-full border border-grey-10 shadow outline outline-1 outline-offset-2 outline-transparent focus:outline-none focus:outline-purple-100 focus-visible:ring-1 focus-visible:ring-ring active:border-green-80 disabled:cursor-not-allowed disabled:opacity-50 group-hover:border-grey-20 data-[state=checked]:border-4 data-[disabled]:border-grey-20 data-[state=checked]:border-green-90 data-[disabled]:bg-grey-10 data-[state=checked]:group-hover:border-green-80",
+          className
+        ),
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx("label", { htmlFor: props.id, className: "text-sm peer-data-[disabled]:text-grey-40", children })
+  ] });
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=chunk-U7LTIWUS.js.map
+//# sourceMappingURL=chunk-U7LTIWUS.js.map

package/dist/chunk-U7LTIWUS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/radio-group.tsx"],"names":[],"mappings":";;;;;AAYO,IAAM,aAAa,UAGxB,CAAA,CAAC,EAAE,SAAA,EAAW,GAAG,KAAM,EAAA,EAAG,GAC1B,qBAAA,GAAA,CAAqB,0BAApB,EAAyB,SAAA,EAAuB,GAAG,KAAA,EAAO,KAAU,CACtE;AACD,UAAA,CAAW,cAAkC,mBAAK,CAAA,IAAA,CAAA,WAAA;AAErC,IAAA,cAAA,GAAiB,WAG5B,CAAC,EAAE,WAAW,QAAU,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AAC5C,EACE,uBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,wCACb,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAqB,mBAAA,CAAA,IAAA;AAAA,MAApB;AAAA,QACC,GAAA;AAAA,QACA,SAAW,EAAA,EAAA;AAAA,UACT,keAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,wBACC,OAAM,EAAA,EAAA,OAAA,EAAS,MAAM,EAAI,EAAA,SAAA,EAAU,6CACjC,QACH,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ,CAAC;AACD,cAAA,CAAe,cAAkC,mBAAK,CAAA,IAAA,CAAA,WAAA","file":"chunk-U7LTIWUS.js","sourcesContent":["'use client'\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  forwardRef,\n  type PropsWithChildren,\n} from 'react'\n\nimport { cn } from '@/lib/utils'\n\nexport const RadioGroup = forwardRef<\n  ElementRef<typeof RadioGroupPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <RadioGroupPrimitive.Root className={className} {...props} ref={ref} />\n))\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\nexport const RadioGroupItem = forwardRef<\n  ElementRef<typeof RadioGroupPrimitive.Item>,\n  PropsWithChildren<ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <div className=\"group flex flex-row items-center gap-2\">\n      <RadioGroupPrimitive.Item\n        ref={ref}\n        className={cn(\n          'peer aspect-square h-4 rounded-full border border-grey-10 shadow outline outline-1 outline-offset-2 outline-transparent focus:outline-none focus:outline-purple-100 focus-visible:ring-1 focus-visible:ring-ring active:border-green-80 disabled:cursor-not-allowed disabled:opacity-50 group-hover:border-grey-20 data-[state=checked]:border-4 data-[disabled]:border-grey-20 data-[state=checked]:border-green-90 data-[disabled]:bg-grey-10 data-[state=checked]:group-hover:border-green-80',\n          className\n        )}\n        {...props}\n      />\n      <label htmlFor={props.id} className=\"text-sm peer-data-[disabled]:text-grey-40\">\n        {children}\n      </label>\n    </div>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n"]}

package/dist/chunk-UMVE26I5.cjs

@@ -0,0 +1,61 @@
+'use strict';
+
+var chunkI46VZAK7_cjs = require('./chunk-I46VZAK7.cjs');
+var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
+var lucideReact = require('lucide-react');
+var reactDayPicker = require('react-day-picker');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactDayPicker.DayPicker,
+    {
+      showOutsideDays,
+      className: chunkMGWZXPMF_cjs.cn("p-3", className),
+      classNames: {
+        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+        month: "space-y-4",
+        caption: "flex justify-center pt-1 relative items-center",
+        caption_label: "text-sm font-medium",
+        nav: "space-x-1 flex items-center",
+        nav_button: chunkMGWZXPMF_cjs.cn(
+          chunkI46VZAK7_cjs.buttonVariants({ variant: "outline" }),
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+        ),
+        nav_button_previous: "absolute left-1",
+        nav_button_next: "absolute right-1",
+        table: "w-full border-collapse space-y-1",
+        head_row: "flex",
+        head_cell: "text-neutral-500 rounded-md w-8 font-normal text-[0.8rem] dark:text-neutral-400",
+        row: "flex w-full mt-2",
+        cell: chunkMGWZXPMF_cjs.cn(
+          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-neutral-100 [&:has([aria-selected].day-outside)]:bg-neutral-100/50 [&:has([aria-selected].day-range-end)]:rounded-r-md dark:[&:has([aria-selected])]:bg-neutral-800 dark:[&:has([aria-selected].day-outside)]:bg-neutral-800/50",
+          props.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"
+        ),
+        day: chunkMGWZXPMF_cjs.cn(
+          chunkI46VZAK7_cjs.buttonVariants({ variant: "ghost" }),
+          "h-8 w-8 p-0 font-normal aria-selected:opacity-100"
+        ),
+        day_range_start: "day-range-start",
+        day_range_end: "day-range-end",
+        day_selected: "bg-neutral-900 text-neutral-50 hover:bg-neutral-900 hover:text-neutral-50 focus:bg-neutral-900 focus:text-neutral-50 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50 dark:hover:text-neutral-900 dark:focus:bg-neutral-50 dark:focus:text-neutral-900",
+        day_today: "bg-neutral-100 text-neutral-900 dark:bg-neutral-800 dark:text-neutral-50",
+        day_outside: "day-outside text-neutral-500 aria-selected:bg-neutral-100/50 aria-selected:text-neutral-500 dark:text-neutral-400 dark:aria-selected:bg-neutral-800/50 dark:aria-selected:text-neutral-400",
+        day_disabled: "text-neutral-500 opacity-50 dark:text-neutral-400",
+        day_range_middle: "aria-selected:bg-neutral-100 aria-selected:text-neutral-900 dark:aria-selected:bg-neutral-800 dark:aria-selected:text-neutral-50",
+        day_hidden: "invisible",
+        ...classNames
+      },
+      components: {
+        IconLeft: ({ className: className2, ...props2 }) => /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: chunkMGWZXPMF_cjs.cn("h-4 w-4", className2), ...props2 }),
+        IconRight: ({ className: className2, ...props2 }) => /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: chunkMGWZXPMF_cjs.cn("h-4 w-4", className2), ...props2 })
+      },
+      ...props
+    }
+  );
+}
+Calendar.displayName = "Calendar";
+
+exports.Calendar = Calendar;
+//# sourceMappingURL=chunk-UMVE26I5.cjs.map
+//# sourceMappingURL=chunk-UMVE26I5.cjs.map

package/dist/chunk-UMVE26I5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/calendar.tsx"],"names":["jsx","DayPicker","cn","buttonVariants","className","props","ChevronLeft","ChevronRight"],"mappings":";;;;;;;;AAWA,SAAS,QAAA,CAAS,EAAE,SAAW,EAAA,UAAA,EAAY,kBAAkB,IAAM,EAAA,GAAG,OAAwB,EAAA;AAC5F,EACE,uBAAAA,cAAA;AAAA,IAACC,wBAAA;AAAA,IAAA;AAAA,MACC,eAAA;AAAA,MACA,SAAA,EAAWC,oBAAG,CAAA,KAAA,EAAO,SAAS,CAAA;AAAA,MAC9B,UAAY,EAAA;AAAA,QACV,MAAQ,EAAA,+DAAA;AAAA,QACR,KAAO,EAAA,WAAA;AAAA,QACP,OAAS,EAAA,gDAAA;AAAA,QACT,aAAe,EAAA,qBAAA;AAAA,QACf,GAAK,EAAA,6BAAA;AAAA,QACL,UAAY,EAAAA,oBAAA;AAAA,UACVC,gCAAe,CAAA,EAAE,OAAS,EAAA,SAAA,EAAW,CAAA;AAAA,UACrC;AAAA,SACF;AAAA,QACA,mBAAqB,EAAA,iBAAA;AAAA,QACrB,eAAiB,EAAA,kBAAA;AAAA,QACjB,KAAO,EAAA,kCAAA;AAAA,QACP,QAAU,EAAA,MAAA;AAAA,QACV,SACE,EAAA,iFAAA;AAAA,QACF,GAAK,EAAA,kBAAA;AAAA,QACL,IAAM,EAAAD,oBAAA;AAAA,UACJ,sUAAA;AAAA,UACA,KAAA,CAAM,IAAS,KAAA,OAAA,GACX,sKACA,GAAA;AAAA,SACN;AAAA,QACA,GAAK,EAAAA,oBAAA;AAAA,UACHC,gCAAe,CAAA,EAAE,OAAS,EAAA,OAAA,EAAS,CAAA;AAAA,UACnC;AAAA,SACF;AAAA,QACA,eAAiB,EAAA,iBAAA;AAAA,QACjB,aAAe,EAAA,eAAA;AAAA,QACf,YACE,EAAA,yQAAA;AAAA,QACF,SAAW,EAAA,0EAAA;AAAA,QACX,WACE,EAAA,4LAAA;AAAA,QACF,YAAc,EAAA,mDAAA;AAAA,QACd,gBACE,EAAA,kIAAA;AAAA,QACF,UAAY,EAAA,WAAA;AAAA,QACZ,GAAG;AAAA,OACL;AAAA,MACA,UAAY,EAAA;AAAA,QACV,UAAU,CAAC,EAAE,SAAAC,EAAAA,UAAAA,EAAW,GAAGC,MAAM,EAAA,qBAC9BL,cAAA,CAAAM,uBAAA,EAAA,EAAY,WAAWJ,oBAAG,CAAA,SAAA,EAAWE,UAAS,CAAA,EAAI,GAAGC,MAAO,EAAA,CAAA;AAAA,QAE/D,WAAW,CAAC,EAAE,SAAAD,EAAAA,UAAAA,EAAW,GAAGC,MAAM,EAAA,qBAC/BL,cAAA,CAAAO,wBAAA,EAAA,EAAa,WAAWL,oBAAG,CAAA,SAAA,EAAWE,UAAS,CAAA,EAAI,GAAGC,MAAO,EAAA;AAAA,OAElE;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AACA,QAAA,CAAS,WAAc,GAAA,UAAA","file":"chunk-UMVE26I5.cjs","sourcesContent":["'use client'\n\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport * as React from 'react'\nimport { DayPicker } from 'react-day-picker'\n\nimport { buttonVariants } from '@/components/ui/buttonShadcn'\nimport { cn } from '@/lib/utils'\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>\n\nfunction Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn('p-3', className)}\n      classNames={{\n        months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',\n        month: 'space-y-4',\n        caption: 'flex justify-center pt-1 relative items-center',\n        caption_label: 'text-sm font-medium',\n        nav: 'space-x-1 flex items-center',\n        nav_button: cn(\n          buttonVariants({ variant: 'outline' }),\n          'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100'\n        ),\n        nav_button_previous: 'absolute left-1',\n        nav_button_next: 'absolute right-1',\n        table: 'w-full border-collapse space-y-1',\n        head_row: 'flex',\n        head_cell:\n          'text-neutral-500 rounded-md w-8 font-normal text-[0.8rem] dark:text-neutral-400',\n        row: 'flex w-full mt-2',\n        cell: cn(\n          'relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-neutral-100 [&:has([aria-selected].day-outside)]:bg-neutral-100/50 [&:has([aria-selected].day-range-end)]:rounded-r-md dark:[&:has([aria-selected])]:bg-neutral-800 dark:[&:has([aria-selected].day-outside)]:bg-neutral-800/50',\n          props.mode === 'range'\n            ? '[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'\n            : '[&:has([aria-selected])]:rounded-md'\n        ),\n        day: cn(\n          buttonVariants({ variant: 'ghost' }),\n          'h-8 w-8 p-0 font-normal aria-selected:opacity-100'\n        ),\n        day_range_start: 'day-range-start',\n        day_range_end: 'day-range-end',\n        day_selected:\n          'bg-neutral-900 text-neutral-50 hover:bg-neutral-900 hover:text-neutral-50 focus:bg-neutral-900 focus:text-neutral-50 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50 dark:hover:text-neutral-900 dark:focus:bg-neutral-50 dark:focus:text-neutral-900',\n        day_today: 'bg-neutral-100 text-neutral-900 dark:bg-neutral-800 dark:text-neutral-50',\n        day_outside:\n          'day-outside text-neutral-500 aria-selected:bg-neutral-100/50 aria-selected:text-neutral-500 dark:text-neutral-400 dark:aria-selected:bg-neutral-800/50 dark:aria-selected:text-neutral-400',\n        day_disabled: 'text-neutral-500 opacity-50 dark:text-neutral-400',\n        day_range_middle:\n          'aria-selected:bg-neutral-100 aria-selected:text-neutral-900 dark:aria-selected:bg-neutral-800 dark:aria-selected:text-neutral-50',\n        day_hidden: 'invisible',\n        ...classNames,\n      }}\n      components={{\n        IconLeft: ({ className, ...props }) => (\n          <ChevronLeft className={cn('h-4 w-4', className)} {...props} />\n        ),\n        IconRight: ({ className, ...props }) => (\n          <ChevronRight className={cn('h-4 w-4', className)} {...props} />\n        ),\n      }}\n      {...props}\n    />\n  )\n}\nCalendar.displayName = 'Calendar'\n\nexport { Calendar }\n"]}

package/dist/chunk-UQT2I2CC.js

@@ -0,0 +1,42 @@
+import { cn } from './chunk-2FGZQI42.js';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 dark:focus-visible:ring-neutral-300",
+  {
+    variants: {
+      variant: {
+        default: "bg-neutral-900 text-neutral-50 shadow hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/90",
+        destructive: "bg-red-500 text-neutral-50 shadow-sm hover:bg-red-500/90 dark:bg-red-900 dark:text-neutral-50 dark:hover:bg-red-900/90",
+        outline: "border border-neutral-200 bg-white shadow-sm hover:bg-neutral-100 hover:text-neutral-900 dark:border-neutral-800 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50",
+        secondary: "bg-neutral-100 text-neutral-900 shadow-sm hover:bg-neutral-100/80 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80",
+        ghost: "hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-800 dark:hover:text-neutral-50",
+        link: "text-neutral-900 underline-offset-4 hover:underline dark:text-neutral-50"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
+  }
+);
+Button.displayName = "Button";
+
+export { Button, buttonVariants };
+//# sourceMappingURL=chunk-UQT2I2CC.js.map
+//# sourceMappingURL=chunk-UQT2I2CC.js.map

package/dist/chunk-UQT2I2CC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/buttonShadcn.tsx"],"names":[],"mappings":";;;;;;AAQA,IAAM,cAAiB,GAAA,GAAA;AAAA,EACrB,kVAAA;AAAA,EACA;AAAA,IACE,QAAU,EAAA;AAAA,MACR,OAAS,EAAA;AAAA,QACP,OACE,EAAA,oIAAA;AAAA,QACF,WACE,EAAA,wHAAA;AAAA,QACF,OACE,EAAA,2LAAA;AAAA,QACF,SACE,EAAA,yIAAA;AAAA,QACF,KACE,EAAA,kGAAA;AAAA,QACF,IAAM,EAAA;AAAA,OACR;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,OAAS,EAAA,eAAA;AAAA,QACT,EAAI,EAAA,6BAAA;AAAA,QACJ,EAAI,EAAA,sBAAA;AAAA,QACJ,IAAM,EAAA;AAAA;AACR,KACF;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,OAAS,EAAA,SAAA;AAAA,MACT,IAAM,EAAA;AAAA;AACR;AAEJ;AAQA,IAAM,MAAe,GAAA,KAAA,CAAA,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,OAAS,EAAA,IAAA,EAAM,UAAU,KAAO,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AAChE,IAAM,MAAA,IAAA,GAAO,UAAU,IAAO,GAAA,QAAA;AAC9B,IAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EAAK,SAAW,EAAA,EAAA,CAAG,eAAe,EAAE,OAAA,EAAS,IAAM,EAAA,SAAA,EAAW,CAAC,CAAG,EAAA,GAAA,EAAW,GAAG,KAAO,EAAA,CAAA;AAAA;AAG9F;AACA,MAAA,CAAO,WAAc,GAAA,QAAA","file":"chunk-UQT2I2CC.js","sourcesContent":["'use client'\n\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 dark:focus-visible:ring-neutral-300',\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-neutral-900 text-neutral-50 shadow hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/90',\n        destructive:\n          'bg-red-500 text-neutral-50 shadow-sm hover:bg-red-500/90 dark:bg-red-900 dark:text-neutral-50 dark:hover:bg-red-900/90',\n        outline:\n          'border border-neutral-200 bg-white shadow-sm hover:bg-neutral-100 hover:text-neutral-900 dark:border-neutral-800 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50',\n        secondary:\n          'bg-neutral-100 text-neutral-900 shadow-sm hover:bg-neutral-100/80 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80',\n        ghost:\n          'hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-800 dark:hover:text-neutral-50',\n        link: 'text-neutral-900 underline-offset-4 hover:underline dark:text-neutral-50',\n      },\n      size: {\n        default: 'h-9 px-4 py-2',\n        sm: 'h-8 rounded-md px-3 text-xs',\n        lg: 'h-10 rounded-md px-8',\n        icon: 'h-9 w-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'button'\n    return (\n      <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />\n    )\n  }\n)\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n"]}

package/dist/chunk-UW6NEKBF.cjs

@@ -0,0 +1,151 @@
+'use strict';
+
+var chunkXWQI5MC3_cjs = require('./chunk-XWQI5MC3.cjs');
+var chunkLTJXX7NG_cjs = require('./chunk-LTJXX7NG.cjs');
+var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
+var cva = require('cva');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var Counter = react.forwardRef(
+  ({ label, error, min, max, step = 1, description, theme, value, classNames, onChange, ...props }, ref) => {
+    const [count, setCount] = react.useState(0);
+    react.useEffect(() => {
+      setCount(value ?? 0);
+    }, [value]);
+    const handleChange = (e) => {
+      const newValue = parseInt(e.target.value.replace(/\D/g, ""), 10);
+      if (isNaN(newValue)) return;
+      if (min && newValue < min) {
+        onChange?.(min);
+        setCount(min);
+        return;
+      }
+      if (max && newValue > max) {
+        onChange?.(max);
+        setCount(max);
+        return;
+      }
+      onChange?.(newValue);
+      setCount(newValue);
+    };
+    const decrement = () => {
+      const proposedValue = count - step;
+      const newValue = Math.max(min ?? -Infinity, proposedValue);
+      onChange?.(newValue);
+      setCount(newValue);
+    };
+    const increment = () => {
+      const proposedValue = count + step;
+      const newValue = Math.min(max ?? Infinity, proposedValue);
+      onChange?.(newValue);
+      setCount(newValue);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: chunkMGWZXPMF_cjs.cn("flex w-auto flex-col gap-1", classNames?.root),
+        "data-testid": `counter-wrapper-${props.id}`,
+        children: [
+          label && /* @__PURE__ */ jsxRuntime.jsx(
+            chunkXWQI5MC3_cjs.Label_default,
+            {
+              text: label,
+              htmlFor: props.name,
+              required: props.required,
+              description,
+              className: classNames?.label
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex w-[122px] flex-row items-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "absolute inset-y-0 left-1 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20",
+                onClick: decrement,
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "h-4 w-4 text-green-100" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                className: chunkMGWZXPMF_cjs.cn(counterVariants({ theme }), classNames?.input),
+                ref,
+                value: count,
+                onChange: handleChange,
+                "data-testid": `counter-element-${props.id}`,
+                ...props
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "absolute inset-y-0 right-1 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20",
+                onClick: increment,
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4 text-green-100" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkLTJXX7NG_cjs.ErrorMessage_default, { message: error })
+        ]
+      }
+    );
+  }
+);
+Counter.displayName = "Counter";
+var counterVariants = cva.cva(
+  [
+    "border-input",
+    "placeholder:text-muted-foreground",
+    "focus-visible:ring-ring",
+    "inline-flex",
+    "w-[122px]",
+    "h-11",
+    "items-center",
+    "justify-start",
+    "gap-3",
+    "rounded-lg",
+    "bg-transparent",
+    "px-3",
+    "pt-0.5",
+    "text-sm",
+    "text-center",
+    "shadow-sm",
+    "ring-grey-50",
+    "transition-colors",
+    "focus-visible:outline-none",
+    "focus-visible:ring-1",
+    "disabled:cursor-not-allowed",
+    "disabled:opacity-50",
+    "appearance-none",
+    "[&::-webkit-search-cancel-button]:appearance-none",
+    "[&::-webkit-search-decoration]:appearance-none",
+    "[&::-webkit-search-results-button]:appearance-none",
+    "[&::-webkit-search-results-decoration]:appearance-none",
+    "[&::-ms-clear]:display-none",
+    "[&::-ms-reveal]:display-none"
+  ],
+  {
+    variants: {
+      theme: {
+        light: "text-grey-80 border",
+        dark: "text-white"
+      },
+      hasIcon: {
+        false: "pl-3",
+        true: "pl-8"
+      }
+    },
+    defaultVariants: {
+      theme: "light",
+      hasIcon: false
+    }
+  }
+);
+
+exports.Counter = Counter;
+//# sourceMappingURL=chunk-UW6NEKBF.cjs.map
+//# sourceMappingURL=chunk-UW6NEKBF.cjs.map

package/dist/chunk-UW6NEKBF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Counter.tsx"],"names":["forwardRef","useState","useEffect","jsxs","cn","jsx","Label_default","Minus","Plus","ErrorMessage_default","cva"],"mappings":"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","file":"chunk-UW6NEKBF.cjs","sourcesContent":["'use client'\n\nimport { cva, type VariantProps } from 'cva'\nimport { Minus, Plus } from 'lucide-react'\nimport { type ChangeEvent, forwardRef, type InputHTMLAttributes, useEffect, useState } from 'react'\n\nimport ErrorMessage from '@/components/ui/ErrorMessage'\nimport Label from '@/components/ui/Label'\nimport { cn } from '@/lib/utils'\n\ntype InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'>\ntype CounterVariants = VariantProps<typeof counterVariants>\ntype Props = InputProps &\n  CounterVariants & {\n    label?: string\n    value?: number\n    error?: string\n    min?: number\n    max?: number\n    step?: number\n    description?: string\n    classNames?: { root?: string; input?: string; label?: string }\n    onChange?: (n: number) => void\n  }\n\nexport const Counter = forwardRef<HTMLInputElement, Props>(\n  (\n    { label, error, min, max, step = 1, description, theme, value, classNames, onChange, ...props },\n    ref\n  ) => {\n    const [count, setCount] = useState(0)\n\n    useEffect(() => {\n      setCount(value ?? 0)\n    }, [value])\n\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n      const newValue = parseInt(e.target.value.replace(/\\D/g, ''), 10)\n      if (isNaN(newValue)) return\n      if (min && newValue < min) {\n        onChange?.(min)\n        setCount(min)\n        return\n      }\n      if (max && newValue > max) {\n        onChange?.(max)\n        setCount(max)\n        return\n      }\n      onChange?.(newValue)\n      setCount(newValue)\n    }\n\n    const decrement = () => {\n      const proposedValue = count - step\n      const newValue = Math.max(min ?? -Infinity, proposedValue)\n      onChange?.(newValue)\n      setCount(newValue)\n    }\n\n    const increment = () => {\n      const proposedValue = count + step\n      const newValue = Math.min(max ?? Infinity, proposedValue)\n      onChange?.(newValue)\n      setCount(newValue)\n    }\n\n    return (\n      <div\n        className={cn('flex w-auto flex-col gap-1', classNames?.root)}\n        data-testid={`counter-wrapper-${props.id}`}\n      >\n        {label && (\n          <Label\n            text={label}\n            htmlFor={props.name}\n            required={props.required}\n            description={description}\n            className={classNames?.label}\n          />\n        )}\n\n        <div className=\"relative flex w-[122px] flex-row items-center\">\n          <button\n            type=\"button\"\n            className=\"absolute inset-y-0 left-1 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20\"\n            onClick={decrement}\n          >\n            <Minus className=\"h-4 w-4 text-green-100\" />\n          </button>\n\n          <input\n            className={cn(counterVariants({ theme }), classNames?.input)}\n            ref={ref}\n            value={count}\n            onChange={handleChange}\n            data-testid={`counter-element-${props.id}`}\n            {...props}\n          />\n\n          <button\n            type=\"button\"\n            className=\"absolute inset-y-0 right-1 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20\"\n            onClick={increment}\n          >\n            <Plus className=\"h-4 w-4 text-green-100\" />\n          </button>\n        </div>\n\n        <ErrorMessage message={error} />\n      </div>\n    )\n  }\n)\nCounter.displayName = 'Counter'\n\nconst counterVariants = cva(\n  [\n    'border-input',\n    'placeholder:text-muted-foreground',\n    'focus-visible:ring-ring',\n    'inline-flex',\n    'w-[122px]',\n    'h-11',\n    'items-center',\n    'justify-start',\n    'gap-3',\n    'rounded-lg',\n    'bg-transparent',\n    'px-3',\n    'pt-0.5',\n    'text-sm',\n    'text-center',\n    'shadow-sm',\n    'ring-grey-50',\n    'transition-colors',\n    'focus-visible:outline-none',\n    'focus-visible:ring-1',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-50',\n    'appearance-none',\n    '[&::-webkit-search-cancel-button]:appearance-none',\n    '[&::-webkit-search-decoration]:appearance-none',\n    '[&::-webkit-search-results-button]:appearance-none',\n    '[&::-webkit-search-results-decoration]:appearance-none',\n    '[&::-ms-clear]:display-none',\n    '[&::-ms-reveal]:display-none',\n  ],\n  {\n    variants: {\n      theme: {\n        light: 'text-grey-80 border',\n        dark: 'text-white',\n      },\n      hasIcon: {\n        false: 'pl-3',\n        true: 'pl-8',\n      },\n    },\n    defaultVariants: {\n      theme: 'light',\n      hasIcon: false,\n    },\n  }\n)\n"]}

package/dist/chunk-UXROFDSM.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var Link = require('next/link');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Link__default = /*#__PURE__*/_interopDefault(Link);
+
+// src/components/ui/LinkButton.tsx
+var LinkButton = ({
+  disabled = false,
+  useAnchor = false,
+  children,
+  href,
+  ...props
+}) => {
+  const Component = useAnchor ? "a" : Link__default.default;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Component,
+    {
+      href,
+      className: `inline-flex items-center justify-center gap-2 rounded-full text-sm font-bold leading-tight text-black underline outline-dashed outline-2 outline-offset-2 outline-transparent hover:text-purple-100 focus:text-black focus:outline-purple-100 active:text-purple-80 ${disabled ? "pointer-events-none text-grey-40" : ""} `,
+      ...disabled && { "aria-disabled": true, tabIndex: -1 },
+      ...props,
+      children
+    }
+  );
+};
+
+exports.LinkButton = LinkButton;
+//# sourceMappingURL=chunk-UXROFDSM.cjs.map
+//# sourceMappingURL=chunk-UXROFDSM.cjs.map

package/dist/chunk-UXROFDSM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/LinkButton.tsx"],"names":["Link","jsx"],"mappings":";;;;;;;;;;AA4BO,IAAM,aAAa,CAAC;AAAA,EACzB,QAAW,GAAA,KAAA;AAAA,EACX,SAAY,GAAA,KAAA;AAAA,EACZ,QAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG;AACL,CAAuB,KAAA;AACrB,EAAM,MAAA,SAAA,GAAY,YAAY,GAAM,GAAAA,qBAAA;AAEpC,EACE,uBAAAC,cAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,SAAW,EAAA,CAAA,oQAAA,EAAuQ,QAAW,GAAA,kCAAA,GAAqC,EAAE,CAAA,CAAA,CAAA;AAAA,MACnU,GAAI,QAAY,IAAA,EAAE,eAAiB,EAAA,IAAA,EAAM,UAAU,EAAG,EAAA;AAAA,MACtD,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ","file":"chunk-UXROFDSM.cjs","sourcesContent":["import Link from 'next/link'\nimport React from 'react'\n\nexport interface LinkButtonProps\n  extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>,\n    Omit<React.ComponentProps<typeof Link>, 'href'> {\n  disabled?: boolean\n  href: string // Ensures href is always required and compatible with both\n  useAnchor?: boolean // New prop to decide between <a> and <Link>\n}\n\n/**\n * A custom button component that can render a link using either\n * Next.js's Link component or a regular <a> tag based on a prop.\n *\n * @component\n * @example\n * ```tsx\n * <LinkButton href=\"/about\">About</LinkButton>\n * ```\n *\n * @param {object} props - The component props.\n * @param {boolean} [props.disabled=false] - Determines if the button is disabled.\n * @param {boolean} [props.useAnchor=false] - Whether to render a regular <a> instead of Next.js Link.\n * @param {React.ReactNode} props.children - The content of the button.\n * @param {string} props.href - The URL the button points to.\n * @returns {JSX.Element} The rendered LinkButton component.\n */\nexport const LinkButton = ({\n  disabled = false,\n  useAnchor = false,\n  children,\n  href,\n  ...props\n}: LinkButtonProps) => {\n  const Component = useAnchor ? 'a' : Link\n\n  return (\n    <Component\n      href={href}\n      className={`inline-flex items-center justify-center gap-2 rounded-full text-sm font-bold leading-tight text-black underline outline-dashed outline-2 outline-offset-2 outline-transparent hover:text-purple-100 focus:text-black focus:outline-purple-100 active:text-purple-80 ${disabled ? 'pointer-events-none text-grey-40' : ''} `}\n      {...(disabled && { 'aria-disabled': true, tabIndex: -1 })}\n      {...props}\n    >\n      {children}\n    </Component>\n  )\n}\n"]}

package/dist/chunk-V563IKQH.cjs

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=chunk-V563IKQH.cjs.map
+//# sourceMappingURL=chunk-V563IKQH.cjs.map

package/dist/chunk-V563IKQH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-V563IKQH.cjs"}

package/dist/chunk-VAHZQJTA.cjs

@@ -0,0 +1,117 @@
+'use strict';
+
+var chunkXWQI5MC3_cjs = require('./chunk-XWQI5MC3.cjs');
+var chunkLTJXX7NG_cjs = require('./chunk-LTJXX7NG.cjs');
+var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
+var cva = require('cva');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var Input = react.forwardRef(
+  ({ label, error, description, theme, icon, onClear, value, onChange, classNames, ...props }, ref) => {
+    const handleClear = () => {
+      onChange?.({ target: { value: "" } });
+      onClear?.();
+    };
+    const IconComponent = icon && lucideReact.icons[icon];
+    const placeholder = props.placeholder ?? (icon === "Search" ? "Search..." : "");
+    const hasIcon = !!icon;
+    const iconColor = theme === "dark" ? "text-white" : "text-grey-80";
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group flex w-full flex-col gap-1", "data-testid": `input-wrapper-${props.id}`, children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx(
+        chunkXWQI5MC3_cjs.Label_default,
+        {
+          text: label,
+          htmlFor: props.name,
+          required: props.required,
+          description,
+          className: classNames?.label
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex flex-row items-center", children: [
+        IconComponent && /* @__PURE__ */ jsxRuntime.jsx(
+          IconComponent,
+          {
+            className: `absolute left-3 h-4 w-4 ${iconColor} opacity-50 group-hover:opacity-100`
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            className: chunkMGWZXPMF_cjs.cn(inputVariants({ theme, hasIcon })),
+            ref,
+            placeholder,
+            value,
+            onChange,
+            "data-testid": `input-element-${props.id}`,
+            ...props
+          }
+        ),
+        hasIcon && value && /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.X,
+          {
+            className: `absolute right-3 h-4 w-4 cursor-pointer ${iconColor}`,
+            onClick: handleClear,
+            "data-testid": "clear-button"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkLTJXX7NG_cjs.ErrorMessage_default, { message: error })
+    ] });
+  }
+);
+Input.displayName = "Input";
+var inputVariants = cva.cva(
+  [
+    "border-input",
+    "placeholder:text-muted-foreground",
+    "focus-visible:ring-ring",
+    "inline-flex",
+    "w-full",
+    "h-11",
+    "items-center",
+    "justify-start",
+    "gap-3",
+    "rounded-lg",
+    "bg-transparent",
+    "px-3",
+    "pt-0.5",
+    "text-sm",
+    "shadow-sm",
+    "ring-grey-50",
+    "transition-colors",
+    "focus-visible:outline-none",
+    "focus-visible:ring-1",
+    "disabled:cursor-not-allowed",
+    "disabled:opacity-50",
+    "appearance-none",
+    "[&::-webkit-search-cancel-button]:appearance-none",
+    "[&::-webkit-search-decoration]:appearance-none",
+    "[&::-webkit-search-results-button]:appearance-none",
+    "[&::-webkit-search-results-decoration]:appearance-none",
+    "[&::-ms-clear]:display-none",
+    "[&::-ms-reveal]:display-none"
+  ],
+  {
+    variants: {
+      theme: {
+        light: "text-grey-80 border",
+        dark: "text-white"
+      },
+      hasIcon: {
+        false: "pl-3",
+        true: "pl-8"
+      }
+    },
+    defaultVariants: {
+      theme: "light",
+      hasIcon: false
+    }
+  }
+);
+var Input_default = Input;
+
+exports.Input_default = Input_default;
+//# sourceMappingURL=chunk-VAHZQJTA.cjs.map
+//# sourceMappingURL=chunk-VAHZQJTA.cjs.map

package/dist/chunk-VAHZQJTA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Input.tsx"],"names":["forwardRef","icons","jsxs","jsx","Label_default","cn","X","ErrorMessage_default","cva"],"mappings":"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","file":"chunk-VAHZQJTA.cjs","sourcesContent":["import { cva, type VariantProps } from 'cva'\nimport { icons, X } from 'lucide-react'\nimport { type ChangeEvent, forwardRef, type InputHTMLAttributes } from 'react'\n\nimport ErrorMessage from '@/components/ui/ErrorMessage'\nimport Label from '@/components/ui/Label'\nimport { cn } from '@/lib/utils'\n\ninterface Props extends InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {\n  label?: string\n  error?: string\n  icon?: keyof typeof icons\n  description?: string\n  classNames?: { label?: string }\n  onClear?: () => void\n}\n\n/**\n * A reusable input component that supports icons, labels, error messages, and clearing functionality.\n *\n * @example\n * // Basic usage\n * <Input\n *   id=\"email\"\n *   name=\"email\"\n *   placeholder=\"Enter your email\"\n * />\n *\n * @example\n * // With label and error\n * <Input\n *   id=\"username\"\n *   label=\"Username\"\n *   error=\"Username is required\"\n *   required\n * />\n *\n * @example\n * // Search input with clear functionality\n * <Input\n *   icon=\"Search\"\n *   value={searchValue}\n *   onChange={handleChange}\n *   onClear={() => setSearchValue('')}\n * />\n */\nconst Input = forwardRef<HTMLInputElement, Props>(\n  (\n    { label, error, description, theme, icon, onClear, value, onChange, classNames, ...props },\n    ref\n  ) => {\n    const handleClear = () => {\n      onChange?.({ target: { value: '' } } as ChangeEvent<HTMLInputElement>)\n      onClear?.()\n    }\n\n    const IconComponent = icon && icons[icon]\n\n    const placeholder = props.placeholder ?? (icon === 'Search' ? 'Search...' : '')\n    const hasIcon = !!icon\n\n    const iconColor = theme === 'dark' ? 'text-white' : 'text-grey-80'\n\n    return (\n      <div className=\"group flex w-full flex-col gap-1\" data-testid={`input-wrapper-${props.id}`}>\n        {label && (\n          <Label\n            text={label}\n            htmlFor={props.name}\n            required={props.required}\n            description={description}\n            className={classNames?.label}\n          />\n        )}\n        <div className=\"relative flex flex-row items-center\">\n          {IconComponent && (\n            <IconComponent\n              className={`absolute left-3 h-4 w-4 ${iconColor} opacity-50 group-hover:opacity-100`}\n            />\n          )}\n          <input\n            className={cn(inputVariants({ theme, hasIcon }))}\n            ref={ref}\n            placeholder={placeholder}\n            value={value}\n            onChange={onChange}\n            data-testid={`input-element-${props.id}`}\n            {...props}\n          />\n          {hasIcon && value && (\n            <X\n              className={`absolute right-3 h-4 w-4 cursor-pointer ${iconColor}`}\n              onClick={handleClear}\n              data-testid=\"clear-button\"\n            />\n          )}\n        </div>\n\n        <ErrorMessage message={error} />\n      </div>\n    )\n  }\n)\nInput.displayName = 'Input'\n\nconst inputVariants = cva(\n  [\n    'border-input',\n    'placeholder:text-muted-foreground',\n    'focus-visible:ring-ring',\n    'inline-flex',\n    'w-full',\n    'h-11',\n    'items-center',\n    'justify-start',\n    'gap-3',\n    'rounded-lg',\n    'bg-transparent',\n    'px-3',\n    'pt-0.5',\n    'text-sm',\n    'shadow-sm',\n    'ring-grey-50',\n    'transition-colors',\n    'focus-visible:outline-none',\n    'focus-visible:ring-1',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-50',\n    'appearance-none',\n    '[&::-webkit-search-cancel-button]:appearance-none',\n    '[&::-webkit-search-decoration]:appearance-none',\n    '[&::-webkit-search-results-button]:appearance-none',\n    '[&::-webkit-search-results-decoration]:appearance-none',\n    '[&::-ms-clear]:display-none',\n    '[&::-ms-reveal]:display-none',\n  ],\n  {\n    variants: {\n      theme: {\n        light: 'text-grey-80 border',\n        dark: 'text-white',\n      },\n      hasIcon: {\n        false: 'pl-3',\n        true: 'pl-8',\n      },\n    },\n    defaultVariants: {\n      theme: 'light',\n      hasIcon: false,\n    },\n  }\n)\n\nexport default Input\n"]}

package/dist/chunk-VANX3AQD.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-VANX3AQD.js.map
+//# sourceMappingURL=chunk-VANX3AQD.js.map

package/dist/chunk-VANX3AQD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-VANX3AQD.js"}