@next-degree/pickle-shared-js 0.13.7 → 0.14.0

package/dist/{chunk-6EW2D7K7.cjs → chunk-7TFFAGVB.cjs}

@@ -2,6 +2,7 @@
 
 var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
+var cva = require('cva');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -25,27 +26,51 @@ function _interopNamespace(e) {
 
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
 
+var radioItemVariants = cva.cva(
+  "peer aspect-square rounded-full border border-grey-20 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-30 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",
+  {
+    variants: {
+      size: {
+        small: "h-3",
+        normal: "h-4",
+        large: "h-5"
+      }
+    },
+    defaultVariants: {
+      size: "normal"
+    }
+  }
+);
+var radioLabelVariants = cva.cva("text-grey-80 peer-data-[disabled]:text-grey-40", {
+  variants: {
+    size: {
+      small: "text-xs",
+      normal: "text-sm",
+      large: "text-base"
+    }
+  },
+  defaultVariants: {
+    size: "normal"
+  }
+});
 var RadioGroup = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Root, { className, ...props, ref }));
 RadioGroup.displayName = RadioGroupPrimitive__namespace.Root.displayName;
-var RadioGroupItem = react.forwardRef(({ className, children, ...props }, ref) => {
+var RadioGroupItem = react.forwardRef(({ className, children, size, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group flex flex-row items-center gap-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       RadioGroupPrimitive__namespace.Item,
       {
         ref,
-        className: chunkMGWZXPMF_cjs.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
-        ),
+        className: chunkMGWZXPMF_cjs.cn(radioItemVariants({ size }), className),
         ...props
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: props.id, className: "text-sm peer-data-[disabled]:text-grey-40", children })
+    /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: props.id, className: radioLabelVariants({ size }), children })
   ] });
 });
 RadioGroupItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
 
 exports.RadioGroup = RadioGroup;
 exports.RadioGroupItem = RadioGroupItem;
-//# sourceMappingURL=chunk-6EW2D7K7.cjs.map
-//# sourceMappingURL=chunk-6EW2D7K7.cjs.map
+//# sourceMappingURL=chunk-7TFFAGVB.cjs.map
+//# sourceMappingURL=chunk-7TFFAGVB.cjs.map

package/dist/chunk-7TFFAGVB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/radio-group.tsx"],"names":["cva","forwardRef","jsx","RadioGroupPrimitive","jsxs","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAM,iBAAoB,GAAAA,OAAA;AAAA,EACxB,8dAAA;AAAA,EACA;AAAA,IACE,QAAU,EAAA;AAAA,MACR,IAAM,EAAA;AAAA,QACJ,KAAO,EAAA,KAAA;AAAA,QACP,MAAQ,EAAA,KAAA;AAAA,QACR,KAAO,EAAA;AAAA;AACT,KACF;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,IAAM,EAAA;AAAA;AACR;AAEJ,CAAA;AAEA,IAAM,kBAAA,GAAqBA,QAAI,gDAAkD,EAAA;AAAA,EAC/E,QAAU,EAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,SAAA;AAAA,MACP,MAAQ,EAAA,SAAA;AAAA,MACR,KAAO,EAAA;AAAA;AACT,GACF;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA;AAAA;AAEV,CAAC,CAAA;AAIM,IAAM,aAAaC,gBAGxB,CAAA,CAAC,EAAE,SAAA,EAAW,GAAG,KAAM,EAAA,EAAG,GAC1B,qBAAAC,cAAA,CAAqBC,qCAApB,EAAyB,SAAA,EAAuB,GAAG,KAAA,EAAO,KAAU,CACtE;AACD,UAAA,CAAW,cAAkCA,8BAAK,CAAA,IAAA,CAAA,WAAA;AAQrC,IAAA,cAAA,GAAiBF,gBAG5B,CAAA,CAAC,EAAE,SAAA,EAAW,UAAU,IAAM,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AAClD,EACE,uBAAAG,eAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,wCACb,EAAA,QAAA,EAAA;AAAA,oBAAAF,cAAA;AAAA,MAAqBC,8BAAA,CAAA,IAAA;AAAA,MAApB;AAAA,QACC,GAAA;AAAA,QACA,WAAWE,oBAAG,CAAA,iBAAA,CAAkB,EAAE,IAAK,EAAC,GAAG,SAAS,CAAA;AAAA,QACnD,GAAG;AAAA;AAAA,KACN;AAAA,oBACAH,cAAA,CAAC,OAAM,EAAA,EAAA,OAAA,EAAS,KAAM,CAAA,EAAA,EAAI,SAAW,EAAA,kBAAA,CAAmB,EAAE,IAAA,EAAM,CAAA,EAC7D,QACH,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ,CAAC;AACD,cAAA,CAAe,cAAkCC,8BAAK,CAAA,IAAA,CAAA,WAAA","file":"chunk-7TFFAGVB.cjs","sourcesContent":["'use client'\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport { cva, type VariantProps } from 'cva'\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  forwardRef,\n  type PropsWithChildren,\n} from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst radioItemVariants = cva(\n  'peer aspect-square rounded-full border border-grey-20 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-30 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  {\n    variants: {\n      size: {\n        small: 'h-3',\n        normal: 'h-4',\n        large: 'h-5',\n      },\n    },\n    defaultVariants: {\n      size: 'normal',\n    },\n  }\n)\n\nconst radioLabelVariants = cva('text-grey-80 peer-data-[disabled]:text-grey-40', {\n  variants: {\n    size: {\n      small: 'text-xs',\n      normal: 'text-sm',\n      large: 'text-base',\n    },\n  },\n  defaultVariants: {\n    size: 'normal',\n  },\n})\n\nexport type RadioSize = VariantProps<typeof radioItemVariants>['size']\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\ntype RadioGroupItemProps = PropsWithChildren<\n  ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> & {\n    size?: RadioSize\n  }\n>\n\nexport const RadioGroupItem = forwardRef<\n  ElementRef<typeof RadioGroupPrimitive.Item>,\n  RadioGroupItemProps\n>(({ className, children, size, ...props }, ref) => {\n  return (\n    <div className=\"group flex flex-row items-center gap-2\">\n      <RadioGroupPrimitive.Item\n        ref={ref}\n        className={cn(radioItemVariants({ size }), className)}\n        {...props}\n      />\n      <label htmlFor={props.id} className={radioLabelVariants({ size })}>\n        {children}\n      </label>\n    </div>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n"]}

package/dist/{chunk-LFWX5GEE.cjs → chunk-CGCGALTZ.cjs}

@@ -7,7 +7,7 @@ var chunkTOEADI6J_cjs = require('./chunk-TOEADI6J.cjs');
 var chunkGQNVPLSG_cjs = require('./chunk-GQNVPLSG.cjs');
 var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
 var chunk4LUPQO4R_cjs = require('./chunk-4LUPQO4R.cjs');
-var chunk567FG76G_cjs = require('./chunk-567FG76G.cjs');
+var chunkOXDKVZZ5_cjs = require('./chunk-OXDKVZZ5.cjs');
 var chunkXAPQTBJR_cjs = require('./chunk-XAPQTBJR.cjs');
 var DateFns = require('date-fns');
 var jsxRuntime = require('react/jsx-runtime');
@@ -42,9 +42,9 @@ function JobPost({
   backAcceptedRoutes,
   actions
 }) {
-  const formattedEmploymentType = chunk567FG76G_cjs.useDisplayText("employmentType", job.employmentType);
-  const formattedEmploymentLevel = chunk567FG76G_cjs.useDisplayText("employmentLevel", job.employmentLevel);
-  const formattedJobFunction = chunk567FG76G_cjs.useDisplayText("jobFunction", job.jobFunction);
+  const formattedEmploymentType = chunkOXDKVZZ5_cjs.useDisplayText("employmentType", job.employmentType);
+  const formattedEmploymentLevel = chunkOXDKVZZ5_cjs.useDisplayText("employmentLevel", job.employmentLevel);
+  const formattedJobFunction = chunkOXDKVZZ5_cjs.useDisplayText("jobFunction", job.jobFunction);
   const formattedLocations = chunkXAPQTBJR_cjs.getAddressList(job);
   const formattedSalary = chunkGQNVPLSG_cjs.salaryRange(job.estimatedSalary);
   const formattedDate = DateFns__namespace.formatDistanceToNow(new Date(job.datePosted), {
@@ -133,5 +133,5 @@ function JobPost({
 }
 
 exports.JobPost = JobPost;
-//# sourceMappingURL=chunk-LFWX5GEE.cjs.map
-//# sourceMappingURL=chunk-LFWX5GEE.cjs.map
+//# sourceMappingURL=chunk-CGCGALTZ.cjs.map
+//# sourceMappingURL=chunk-CGCGALTZ.cjs.map

package/dist/{chunk-LFWX5GEE.cjs.map → chunk-CGCGALTZ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/jobPost/JobPost.tsx"],"names":["useDisplayText","getAddressList","salaryRange","DateFns","jsxs","cn","jsx","JobHeader","JobDescription","CompanyTake","CompanyInformation","CompanyBenefits"],"mappings":"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","file":"chunk-LFWX5GEE.cjs","sourcesContent":["'use client'\n\nimport * as DateFns from 'date-fns'\nimport { type ReactNode } from 'react'\n\nimport { CompanyBenefits } from '@/components/company/CompanyBenefits'\nimport { CompanyInformation } from '@/components/company/CompanyInformation'\nimport { CompanyTake } from '@/components/company/CompanyTake'\nimport { JobDescription } from '@/components/jobPost/JobDescription'\nimport { JobHeader } from '@/components/jobPost/JobHeader'\nimport { useDisplayText } from '@/hooks/useDisplayText'\nimport { getAddressList } from '@/lib/locations'\nimport { salaryRange } from '@/lib/salaryRange'\nimport { cn } from '@/lib/utils'\nimport { type JobPostModel } from '@/types/data/job_posting_service_latest'\n\nexport type JobPostProps = {\n  job: JobPostModel\n  bannerSrc: string\n  avatarSrc?: string\n  standalone?: boolean\n  avatarHref?: string\n  fallbackHref?: string\n  backAcceptedRoutes?: string[]\n  actions?: ReactNode\n}\n\nexport function JobPost({\n  job,\n  bannerSrc,\n  avatarSrc,\n  standalone,\n  avatarHref,\n  fallbackHref,\n  backAcceptedRoutes,\n  actions,\n}: Readonly<JobPostProps>) {\n  const formattedEmploymentType = useDisplayText('employmentType', job.employmentType)\n  const formattedEmploymentLevel = useDisplayText('employmentLevel', job.employmentLevel)\n  const formattedJobFunction = useDisplayText('jobFunction', job.jobFunction)\n  const formattedLocations = getAddressList(job)\n  const formattedSalary = salaryRange(job.estimatedSalary)\n  const formattedDate = DateFns.formatDistanceToNow(new Date(job.datePosted as string), {\n    addSuffix: true,\n  })\n\n  const tags = [\n    !!formattedSalary && {\n      icon: 'banknote' as const,\n      name: 'salary',\n      label: formattedSalary,\n    },\n    !!formattedEmploymentType && {\n      icon: 'briefcase-business' as const,\n      name: 'employmentType',\n      label: formattedEmploymentType,\n    },\n    !!formattedEmploymentLevel && {\n      icon: 'circle-user' as const,\n      name: 'level',\n      label: formattedEmploymentLevel,\n    },\n    !!formattedJobFunction && {\n      icon: 'briefcase-business' as const,\n      name: 'jobFunction',\n      label: formattedJobFunction,\n    },\n    ...formattedLocations.map((label) => ({\n      icon: 'map-pin' as const,\n      name: 'location',\n      label,\n    })),\n  ].filter((t) => !!t)\n\n  return (\n    <div\n      className={cn(\n        'flex flex-col gap-10 pb-4',\n        !standalone && 'border-1 rounded-3xl border-grey-5'\n      )}\n    >\n      <JobHeader\n        title={job.title}\n        bannerSrc={bannerSrc}\n        avatarName={job.hiringOrganization?.companyName}\n        avatarSrc={job.hiringOrganization?.logo?.asset?.url}\n        subtitles={[job.hiringOrganization?.companyName ?? '', `Posted ${formattedDate}`]}\n        actions={actions}\n        standalone={standalone}\n        avatarHref={avatarHref}\n        backFallbackHref={fallbackHref}\n        backAcceptedRoutes={backAcceptedRoutes}\n        tags={tags}\n      />\n\n      <div className=\"flex flex-col gap-8 px-6\">\n        <JobDescription description={job.description} />\n\n        <CompanyTake\n          avatarSrc={avatarSrc}\n          content={job.hiringOrganization?.companyNDG?.companyNDGTake}\n        />\n\n        <CompanyInformation\n          name={job.hiringOrganization?.companyName ?? ''}\n          how={job.hiringOrganization?.companyPhilosophy?.companyHow}\n          mission={job.hiringOrganization?.companyPhilosophy?.companyMission}\n          wow={job.hiringOrganization?.companyNDG?.companyWow}\n          website={job.hiringOrganization?.companyWebsite}\n        />\n\n        <CompanyBenefits\n          benefits={job.hiringOrganization?.companyCareers?.companyBenefits\n            ?.map((b) => b.title)\n            .filter((d) => d !== undefined)}\n        />\n      </div>\n    </div>\n  )\n}\n"]}
+{"version":3,"sources":["../src/components/jobPost/JobPost.tsx"],"names":["useDisplayText","getAddressList","salaryRange","DateFns","jsxs","cn","jsx","JobHeader","JobDescription","CompanyTake","CompanyInformation","CompanyBenefits"],"mappings":"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","file":"chunk-CGCGALTZ.cjs","sourcesContent":["'use client'\n\nimport * as DateFns from 'date-fns'\nimport { type ReactNode } from 'react'\n\nimport { CompanyBenefits } from '@/components/company/CompanyBenefits'\nimport { CompanyInformation } from '@/components/company/CompanyInformation'\nimport { CompanyTake } from '@/components/company/CompanyTake'\nimport { JobDescription } from '@/components/jobPost/JobDescription'\nimport { JobHeader } from '@/components/jobPost/JobHeader'\nimport { useDisplayText } from '@/hooks/useDisplayText'\nimport { getAddressList } from '@/lib/locations'\nimport { salaryRange } from '@/lib/salaryRange'\nimport { cn } from '@/lib/utils'\nimport { type JobPostModel } from '@/types/data/job_posting_service_latest'\n\nexport type JobPostProps = {\n  job: JobPostModel\n  bannerSrc: string\n  avatarSrc?: string\n  standalone?: boolean\n  avatarHref?: string\n  fallbackHref?: string\n  backAcceptedRoutes?: string[]\n  actions?: ReactNode\n}\n\nexport function JobPost({\n  job,\n  bannerSrc,\n  avatarSrc,\n  standalone,\n  avatarHref,\n  fallbackHref,\n  backAcceptedRoutes,\n  actions,\n}: Readonly<JobPostProps>) {\n  const formattedEmploymentType = useDisplayText('employmentType', job.employmentType)\n  const formattedEmploymentLevel = useDisplayText('employmentLevel', job.employmentLevel)\n  const formattedJobFunction = useDisplayText('jobFunction', job.jobFunction)\n  const formattedLocations = getAddressList(job)\n  const formattedSalary = salaryRange(job.estimatedSalary)\n  const formattedDate = DateFns.formatDistanceToNow(new Date(job.datePosted as string), {\n    addSuffix: true,\n  })\n\n  const tags = [\n    !!formattedSalary && {\n      icon: 'banknote' as const,\n      name: 'salary',\n      label: formattedSalary,\n    },\n    !!formattedEmploymentType && {\n      icon: 'briefcase-business' as const,\n      name: 'employmentType',\n      label: formattedEmploymentType,\n    },\n    !!formattedEmploymentLevel && {\n      icon: 'circle-user' as const,\n      name: 'level',\n      label: formattedEmploymentLevel,\n    },\n    !!formattedJobFunction && {\n      icon: 'briefcase-business' as const,\n      name: 'jobFunction',\n      label: formattedJobFunction,\n    },\n    ...formattedLocations.map((label) => ({\n      icon: 'map-pin' as const,\n      name: 'location',\n      label,\n    })),\n  ].filter((t) => !!t)\n\n  return (\n    <div\n      className={cn(\n        'flex flex-col gap-10 pb-4',\n        !standalone && 'border-1 rounded-3xl border-grey-5'\n      )}\n    >\n      <JobHeader\n        title={job.title}\n        bannerSrc={bannerSrc}\n        avatarName={job.hiringOrganization?.companyName}\n        avatarSrc={job.hiringOrganization?.logo?.asset?.url}\n        subtitles={[job.hiringOrganization?.companyName ?? '', `Posted ${formattedDate}`]}\n        actions={actions}\n        standalone={standalone}\n        avatarHref={avatarHref}\n        backFallbackHref={fallbackHref}\n        backAcceptedRoutes={backAcceptedRoutes}\n        tags={tags}\n      />\n\n      <div className=\"flex flex-col gap-8 px-6\">\n        <JobDescription description={job.description} />\n\n        <CompanyTake\n          avatarSrc={avatarSrc}\n          content={job.hiringOrganization?.companyNDG?.companyNDGTake}\n        />\n\n        <CompanyInformation\n          name={job.hiringOrganization?.companyName ?? ''}\n          how={job.hiringOrganization?.companyPhilosophy?.companyHow}\n          mission={job.hiringOrganization?.companyPhilosophy?.companyMission}\n          wow={job.hiringOrganization?.companyNDG?.companyWow}\n          website={job.hiringOrganization?.companyWebsite}\n        />\n\n        <CompanyBenefits\n          benefits={job.hiringOrganization?.companyCareers?.companyBenefits\n            ?.map((b) => b.title)\n            .filter((d) => d !== undefined)}\n        />\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/{chunk-K76RPF2X.js → chunk-CPZFINPG.js}

@@ -1,4 +1,4 @@
-import { DisplayTextService } from './chunk-4E3ANVRR.js';
+import { DisplayTextService } from './chunk-OZJZVEF2.js';
 import { DisplayTextValueNotFoundError } from './chunk-YB2USB4M.js';
 import { useState, useMemo, useEffect } from 'react';
 
@@ -33,5 +33,5 @@ var useDisplayText = (scope, value) => {
 };
 
 export { useDisplayText };
-//# sourceMappingURL=chunk-K76RPF2X.js.map
-//# sourceMappingURL=chunk-K76RPF2X.js.map
+//# sourceMappingURL=chunk-CPZFINPG.js.map
+//# sourceMappingURL=chunk-CPZFINPG.js.map

package/dist/{chunk-K76RPF2X.js.map → chunk-CPZFINPG.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/useDisplayText.ts"],"names":[],"mappings":";;;;AAKa,IAAA,cAAA,GAAiB,CAC5B,KAAA,EACA,KACG,KAAA;AACH,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,EAAE,CAAA;AACjD,EAAA,MAAM,iBAAiB,OAAQ,CAAA,MAAM,IAAI,kBAAmB,EAAA,EAAG,EAAE,CAAA;AAEjE,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,CAAC,cAAkB,IAAA,CAAC,KAAO,EAAA;AAC7B,MAAA,cAAA,CAAe,EAAE,CAAA;AACjB,MAAA;AAAA;AAEF,IAAA,KAAA,CAAM,YAAY;AAChB,MAAI,IAAA;AACF,QAAA,MAAM,MAAS,GAAA,MAAM,cAAe,CAAA,cAAA,CAAe,OAAO,KAAK,CAAA;AAC/D,QAAI,IAAA,OAAO,WAAW,QAAU,EAAA;AAC9B,UAAA,cAAA,CAAe,MAAM,CAAA;AAAA,SAChB,MAAA;AACL,UAAQ,OAAA,CAAA,KAAA,CAAM,sCAAsC,MAAM,CAAA;AAAA;AAC5D,eACO,KAAO,EAAA;AACd,QAAA,IAAI,iBAAiB,6BAA+B,EAAA;AAClD,UAAQ,OAAA,CAAA,IAAA,CAAK,iCAAiC,KAAK,CAAA;AACnD,UAAe,cAAA,CAAA,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,SACvB,MAAA;AACL,UAAQ,OAAA,CAAA,KAAA,CAAM,qCAAqC,KAAK,CAAA;AACxD,UAAe,cAAA,CAAA,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA;AAC9B;AACF,KACC,GAAA;AAAA,GACF,EAAA,CAAC,KAAO,EAAA,KAAA,EAAO,cAAc,CAAC,CAAA;AAEjC,EAAO,OAAA,WAAA;AACT","file":"chunk-K76RPF2X.js","sourcesContent":["import { useEffect, useMemo, useState } from 'react'\n\nimport { DisplayTextService, type ServiceMappings } from '@/services/displayText'\nimport { DisplayTextValueNotFoundError } from '@/types/displayText.errors'\n\nexport const useDisplayText = (\n  scope: keyof ServiceMappings,\n  value: string | string[] | undefined | null\n) => {\n  const [displayText, setDisplayText] = useState('')\n  const displayService = useMemo(() => new DisplayTextService(), [])\n\n  useEffect(() => {\n    if (!displayService || !value) {\n      setDisplayText('')\n      return\n    }\n    void (async () => {\n      try {\n        const result = await displayService.getDisplayText(scope, value)\n        if (typeof result === 'string') {\n          setDisplayText(result)\n        } else {\n          console.error('Expected a string result, but got:', result)\n        }\n      } catch (error) {\n        if (error instanceof DisplayTextValueNotFoundError) {\n          console.warn('Display text value not found:', value)\n          setDisplayText(String(value))\n        } else {\n          console.error('Unexpected error formatting text:', error)\n          setDisplayText(String(value))\n        }\n      }\n    })()\n  }, [scope, value, displayService])\n\n  return displayText\n}\n"]}
+{"version":3,"sources":["../src/hooks/useDisplayText.ts"],"names":[],"mappings":";;;;AAKa,IAAA,cAAA,GAAiB,CAC5B,KAAA,EACA,KACG,KAAA;AACH,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,EAAE,CAAA;AACjD,EAAA,MAAM,iBAAiB,OAAQ,CAAA,MAAM,IAAI,kBAAmB,EAAA,EAAG,EAAE,CAAA;AAEjE,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,CAAC,cAAkB,IAAA,CAAC,KAAO,EAAA;AAC7B,MAAA,cAAA,CAAe,EAAE,CAAA;AACjB,MAAA;AAAA;AAEF,IAAA,KAAA,CAAM,YAAY;AAChB,MAAI,IAAA;AACF,QAAA,MAAM,MAAS,GAAA,MAAM,cAAe,CAAA,cAAA,CAAe,OAAO,KAAK,CAAA;AAC/D,QAAI,IAAA,OAAO,WAAW,QAAU,EAAA;AAC9B,UAAA,cAAA,CAAe,MAAM,CAAA;AAAA,SAChB,MAAA;AACL,UAAQ,OAAA,CAAA,KAAA,CAAM,sCAAsC,MAAM,CAAA;AAAA;AAC5D,eACO,KAAO,EAAA;AACd,QAAA,IAAI,iBAAiB,6BAA+B,EAAA;AAClD,UAAQ,OAAA,CAAA,IAAA,CAAK,iCAAiC,KAAK,CAAA;AACnD,UAAe,cAAA,CAAA,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,SACvB,MAAA;AACL,UAAQ,OAAA,CAAA,KAAA,CAAM,qCAAqC,KAAK,CAAA;AACxD,UAAe,cAAA,CAAA,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA;AAC9B;AACF,KACC,GAAA;AAAA,GACF,EAAA,CAAC,KAAO,EAAA,KAAA,EAAO,cAAc,CAAC,CAAA;AAEjC,EAAO,OAAA,WAAA;AACT","file":"chunk-CPZFINPG.js","sourcesContent":["import { useEffect, useMemo, useState } from 'react'\n\nimport { DisplayTextService, type ServiceMappings } from '@/services/displayText'\nimport { DisplayTextValueNotFoundError } from '@/types/displayText.errors'\n\nexport const useDisplayText = (\n  scope: keyof ServiceMappings,\n  value: string | string[] | undefined | null\n) => {\n  const [displayText, setDisplayText] = useState('')\n  const displayService = useMemo(() => new DisplayTextService(), [])\n\n  useEffect(() => {\n    if (!displayService || !value) {\n      setDisplayText('')\n      return\n    }\n    void (async () => {\n      try {\n        const result = await displayService.getDisplayText(scope, value)\n        if (typeof result === 'string') {\n          setDisplayText(result)\n        } else {\n          console.error('Expected a string result, but got:', result)\n        }\n      } catch (error) {\n        if (error instanceof DisplayTextValueNotFoundError) {\n          console.warn('Display text value not found:', value)\n          setDisplayText(String(value))\n        } else {\n          console.error('Unexpected error formatting text:', error)\n          setDisplayText(String(value))\n        }\n      }\n    })()\n  }, [scope, value, displayService])\n\n  return displayText\n}\n"]}

package/dist/{chunk-LT35HARQ.cjs → chunk-EYN3RHOF.cjs}

@@ -1,17 +1,24 @@
 'use strict';
 
-var chunkC3DCFPJC_cjs = require('./chunk-C3DCFPJC.cjs');
+var chunkKBAY4F7D_cjs = require('./chunk-KBAY4F7D.cjs');
 var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
 var chunkAMNEAWA7_cjs = require('./chunk-AMNEAWA7.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
+var sizeClasses = {
+  small: "h-8 text-xs",
+  normal: "h-9 text-sm",
+  large: "h-10 text-base",
+  xlarge: "h-11 text-base"
+};
 function PlacesQueryInput({
   apiKey,
   selected,
   onSelect,
-  className
+  className,
+  size = "normal"
 }) {
   const [predictions, setPredictions] = react.useState(null);
   const [input, setInput] = react.useState(selected?.description ?? "");
@@ -67,15 +74,15 @@ function PlacesQueryInput({
     window.addEventListener("resize", checkDropdownPosition);
     return () => window.removeEventListener("resize", checkDropdownPosition);
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkMGWZXPMF_cjs.cn("relative w-full", className), ref: inputRef, onBlur: handleBlur, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkC3DCFPJC_cjs.Command, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkMGWZXPMF_cjs.cn("relative w-full", className), ref: inputRef, onBlur: handleBlur, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkKBAY4F7D_cjs.Command, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkC3DCFPJC_cjs.CommandInput,
+        chunkKBAY4F7D_cjs.CommandInput,
         {
           placeholder: "Type an address to search...",
           value: input,
           onValueChange: handleInputChange,
-          className: "truncate pr-8"
+          className: chunkMGWZXPMF_cjs.cn("truncate pr-8", sizeClasses[size])
         }
       ),
       isLoadingPredictions && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.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" }),
@@ -90,16 +97,16 @@ function PlacesQueryInput({
       )
     ] }),
     predictions && /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkC3DCFPJC_cjs.CommandList,
+      chunkKBAY4F7D_cjs.CommandList,
       {
         className: chunkMGWZXPMF_cjs.cn(
           "absolute z-50 w-full rounded-md border bg-white shadow-lg",
           shouldOpenUpward ? "bottom-full" : "top-full"
         ),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkC3DCFPJC_cjs.CommandEmpty, { children: "No results" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkC3DCFPJC_cjs.CommandGroup, { children: predictions.map((prediction) => /* @__PURE__ */ jsxRuntime.jsx(
-            chunkC3DCFPJC_cjs.CommandItem,
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKBAY4F7D_cjs.CommandEmpty, { children: "No results" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKBAY4F7D_cjs.CommandGroup, { children: predictions.map((prediction) => /* @__PURE__ */ jsxRuntime.jsx(
+            chunkKBAY4F7D_cjs.CommandItem,
             {
               onSelect: () => handleSelect(prediction),
               className: "truncate",
@@ -115,5 +122,5 @@ function PlacesQueryInput({
 var PlacesQueryInput_default = PlacesQueryInput;
 
 exports.PlacesQueryInput_default = PlacesQueryInput_default;
-//# sourceMappingURL=chunk-LT35HARQ.cjs.map
-//# sourceMappingURL=chunk-LT35HARQ.cjs.map
+//# sourceMappingURL=chunk-EYN3RHOF.cjs.map
+//# sourceMappingURL=chunk-EYN3RHOF.cjs.map

package/dist/chunk-EYN3RHOF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/PlacesQueryInput.tsx"],"names":["useState","useRef","useCallback","autocomplete","useEffect","jsx","cn","jsxs","Command","CommandInput","LoaderCircle","CircleX","CommandList","CommandEmpty","CommandGroup","CommandItem"],"mappings":"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","file":"chunk-EYN3RHOF.cjs","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\ntype Size = 'small' | 'normal' | 'large' | 'xlarge'\n\ninterface PlacesQueryInputProps {\n  apiKey: string\n  selected?: Place\n  onSelect: (place?: Place) => void\n  className?: string\n  size?: Size\n}\n\nconst sizeClasses: Record<Size, string> = {\n  small: 'h-8 text-xs',\n  normal: 'h-9 text-sm',\n  large: 'h-10 text-base',\n  xlarge: 'h-11 text-base',\n}\n\nfunction PlacesQueryInput({\n  apiKey,\n  selected,\n  onSelect,\n  className,\n  size = 'normal',\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={cn('truncate pr-8', sizeClasses[size])}\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-3FQTSGHL.cjs → chunk-F567WG2X.cjs}

@@ -12,7 +12,7 @@ var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var DatePicker = react.forwardRef(
-  ({ label, description, required, classNames, value, onChange, error, id, testId }, ref) => {
+  ({ label, description, required, classNames, value, onChange, error, id, testId, size }, ref) => {
     const [date, setDate] = react.useState(null);
     react.useEffect(() => {
       setDate(value ?? null);
@@ -33,7 +33,7 @@ var DatePicker = react.forwardRef(
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(chunkRKLUMDJB_cjs.Popover, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkRKLUMDJB_cjs.PopoverTrigger, { "data-testid": testId, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkMGWZXPMF_cjs.cn(datePickerStyle(), classNames?.input), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkRKLUMDJB_cjs.PopoverTrigger, { "data-testid": testId, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkMGWZXPMF_cjs.cn(datePickerStyle({ size }), classNames?.input), children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { size: 16 }),
           date ? dateFns.format(date, "MM/dd/yyyy") : "Select a date"
         ] }) }),
@@ -53,38 +53,50 @@ var DatePicker = react.forwardRef(
     ] });
   }
 );
-var datePickerStyle = cva.cva([
-  "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",
-  "text-grey-80 border",
-  "font-normal"
-]);
+var datePickerStyle = cva.cva(
+  [
+    "placeholder:text-grey-50",
+    "focus-visible:ring-ring",
+    "inline-flex",
+    "w-full",
+    "items-center",
+    "justify-start",
+    "gap-3",
+    "rounded-lg",
+    "bg-transparent",
+    "shadow-sm",
+    "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",
+    "text-grey-80",
+    "border",
+    "border-grey-20",
+    "font-normal"
+  ],
+  {
+    variants: {
+      size: {
+        small: "h-8 px-3 py-1 text-xs",
+        normal: "h-9 px-3 py-2 text-sm",
+        large: "h-10 px-4 py-2 text-base",
+        xlarge: "h-11 px-4 py-3 text-base"
+      }
+    },
+    defaultVariants: {
+      size: "normal"
+    }
+  }
+);
 
 exports.DatePicker = DatePicker;
-//# sourceMappingURL=chunk-3FQTSGHL.cjs.map
-//# sourceMappingURL=chunk-3FQTSGHL.cjs.map
+//# sourceMappingURL=chunk-F567WG2X.cjs.map
+//# sourceMappingURL=chunk-F567WG2X.cjs.map

package/dist/chunk-F567WG2X.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/DatePicker.tsx"],"names":["forwardRef","useState","useEffect","cn","jsx","Label_default","Popover","PopoverTrigger","jsxs","CalendarIcon","format","PopoverContent","Calendar","ErrorMessage_default","cva"],"mappings":"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","file":"chunk-F567WG2X.cjs","sourcesContent":["'use client'\n\nimport { cva, type VariantProps } from 'cva'\nimport { format } from 'date-fns'\nimport { Calendar as CalendarIcon } from 'lucide-react'\nimport { forwardRef, useEffect, useState } from 'react'\n\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/primitives/popover'\nimport { Calendar } from '@/components/ui/calendar'\nimport ErrorMessage from '@/components/ui/ErrorMessage'\nimport Label from '@/components/ui/Label'\nimport { cn } from '@/lib/utils'\n\ntype DatePickerVariants = VariantProps<typeof datePickerStyle>\n\ntype Props = DatePickerVariants & {\n  label?: string\n  description?: string\n  required?: boolean\n  id?: string\n  classNames?: {\n    label?: string\n    input?: string\n    calendar?: string\n  }\n  value?: Date | null\n  onChange?: (date: Date) => void\n  error?: string\n  testId?: string\n}\n\nexport const DatePicker = forwardRef<HTMLInputElement, Props>(\n  ({ label, description, required, classNames, value, onChange, error, id, testId, size }, ref) => {\n    const [date, setDate] = useState<Date | null>(null)\n\n    useEffect(() => {\n      setDate(value ?? null)\n    }, [value])\n\n    const handleDateSelect = (dateSelected: Date | undefined) => {\n      if (!dateSelected) return\n      onChange?.(dateSelected)\n      setDate(dateSelected)\n    }\n\n    return (\n      <div id={id} className={cn('flex w-auto flex-col gap-1')}>\n        {label && (\n          <Label\n            text={label}\n            required={required}\n            description={description}\n            className={classNames?.label}\n          />\n        )}\n        <Popover>\n          <PopoverTrigger data-testid={testId}>\n            <div className={cn(datePickerStyle({ size }), classNames?.input)}>\n              <CalendarIcon size={16} />\n              {date ? format(date, 'MM/dd/yyyy') : 'Select a date'}\n            </div>\n          </PopoverTrigger>\n          <PopoverContent ref={ref}>\n            <Calendar\n              mode=\"single\"\n              selected={date || undefined}\n              onSelect={handleDateSelect}\n              captionLayout=\"dropdown\"\n              showOutsideDays={true}\n              className={classNames?.calendar}\n            />\n          </PopoverContent>\n        </Popover>\n\n        <ErrorMessage message={error} />\n      </div>\n    )\n  }\n)\n\nconst datePickerStyle = cva(\n  [\n    'placeholder:text-grey-50',\n    'focus-visible:ring-ring',\n    'inline-flex',\n    'w-full',\n    'items-center',\n    'justify-start',\n    'gap-3',\n    'rounded-lg',\n    'bg-transparent',\n    'shadow-sm',\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    'text-grey-80',\n    'border',\n    'border-grey-20',\n    'font-normal',\n  ],\n  {\n    variants: {\n      size: {\n        small: 'h-8 px-3 py-1 text-xs',\n        normal: 'h-9 px-3 py-2 text-sm',\n        large: 'h-10 px-4 py-2 text-base',\n        xlarge: 'h-11 px-4 py-3 text-base',\n      },\n    },\n    defaultVariants: {\n      size: 'normal',\n    },\n  }\n)\n"]}

package/dist/{chunk-DUVGFEGU.js → chunk-G4KDEQIL.js}

@@ -7,7 +7,20 @@ import { forwardRef, useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var Counter = forwardRef(
-  ({ label, error, min, max, step = 1, description, theme, value, classNames, onChange, ...props }, ref) => {
+  ({
+    label,
+    error,
+    min,
+    max,
+    step = 1,
+    description,
+    theme,
+    size,
+    value,
+    classNames,
+    onChange,
+    ...props
+  }, ref) => {
     const [count, setCount] = useState(0);
     useEffect(() => {
       setCount(value ?? 0);
@@ -69,7 +82,7 @@ var Counter = forwardRef(
             /* @__PURE__ */ jsx(
               "input",
               {
-                className: cn(counterVariants({ theme }), classNames?.input),
+                className: cn(counterVariants({ theme, size }), classNames?.input),
                 ref,
                 value: count,
                 onChange: handleChange,
@@ -96,23 +109,18 @@ var Counter = forwardRef(
 Counter.displayName = "Counter";
 var counterVariants = cva(
   [
-    "border-input",
-    "placeholder:text-muted-foreground",
+    "border",
+    "border-grey-20",
+    "placeholder:text-grey-50",
     "focus-visible:ring-ring",
     "inline-flex",
     "w-[122px]",
-    "h-11",
     "items-center",
-    "justify-start",
-    "gap-3",
+    "justify-center",
     "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",
@@ -129,21 +137,23 @@ var counterVariants = cva(
   {
     variants: {
       theme: {
-        light: "text-grey-80 border",
+        light: "text-grey-80",
         dark: "text-white"
       },
-      hasIcon: {
-        false: "pl-3",
-        true: "pl-8"
+      size: {
+        small: "h-8 px-3 py-1 text-xs",
+        normal: "h-9 px-3 py-2 text-sm",
+        large: "h-10 px-4 py-2 text-base",
+        xlarge: "h-11 px-4 py-3 text-base"
       }
     },
     defaultVariants: {
       theme: "light",
-      hasIcon: false
+      size: "normal"
     }
   }
 );
 
 export { Counter };
-//# sourceMappingURL=chunk-DUVGFEGU.js.map
-//# sourceMappingURL=chunk-DUVGFEGU.js.map
+//# sourceMappingURL=chunk-G4KDEQIL.js.map
+//# sourceMappingURL=chunk-G4KDEQIL.js.map

package/dist/chunk-G4KDEQIL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Counter.tsx"],"names":[],"mappings":"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","file":"chunk-G4KDEQIL.js","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' | 'size'>\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    {\n      label,\n      error,\n      min,\n      max,\n      step = 1,\n      description,\n      theme,\n      size,\n      value,\n      classNames,\n      onChange,\n      ...props\n    },\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, size }), 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',\n    'border-grey-20',\n    'placeholder:text-grey-50',\n    'focus-visible:ring-ring',\n    'inline-flex',\n    'w-[122px]',\n    'items-center',\n    'justify-center',\n    'rounded-lg',\n    'bg-transparent',\n    'text-center',\n    'shadow-sm',\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',\n        dark: 'text-white',\n      },\n      size: {\n        small: 'h-8 px-3 py-1 text-xs',\n        normal: 'h-9 px-3 py-2 text-sm',\n        large: 'h-10 px-4 py-2 text-base',\n        xlarge: 'h-11 px-4 py-3 text-base',\n      },\n    },\n    defaultVariants: {\n      theme: 'light',\n      size: 'normal',\n    },\n  }\n)\n"]}

package/dist/chunk-IPP5X4TY.js

@@ -0,0 +1,53 @@
+import { cn } from './chunk-2FGZQI42.js';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { cva } from 'cva';
+import { forwardRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var radioItemVariants = cva(
+  "peer aspect-square rounded-full border border-grey-20 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-30 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",
+  {
+    variants: {
+      size: {
+        small: "h-3",
+        normal: "h-4",
+        large: "h-5"
+      }
+    },
+    defaultVariants: {
+      size: "normal"
+    }
+  }
+);
+var radioLabelVariants = cva("text-grey-80 peer-data-[disabled]:text-grey-40", {
+  variants: {
+    size: {
+      small: "text-xs",
+      normal: "text-sm",
+      large: "text-base"
+    }
+  },
+  defaultVariants: {
+    size: "normal"
+  }
+});
+var RadioGroup = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, { className, ...props, ref }));
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = forwardRef(({ className, children, size, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs("div", { className: "group flex flex-row items-center gap-2", children: [
+    /* @__PURE__ */ jsx(
+      RadioGroupPrimitive.Item,
+      {
+        ref,
+        className: cn(radioItemVariants({ size }), className),
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx("label", { htmlFor: props.id, className: radioLabelVariants({ size }), children })
+  ] });
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=chunk-IPP5X4TY.js.map
+//# sourceMappingURL=chunk-IPP5X4TY.js.map

package/dist/chunk-IPP5X4TY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/radio-group.tsx"],"names":[],"mappings":";;;;;;AAaA,IAAM,iBAAoB,GAAA,GAAA;AAAA,EACxB,8dAAA;AAAA,EACA;AAAA,IACE,QAAU,EAAA;AAAA,MACR,IAAM,EAAA;AAAA,QACJ,KAAO,EAAA,KAAA;AAAA,QACP,MAAQ,EAAA,KAAA;AAAA,QACR,KAAO,EAAA;AAAA;AACT,KACF;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,IAAM,EAAA;AAAA;AACR;AAEJ,CAAA;AAEA,IAAM,kBAAA,GAAqB,IAAI,gDAAkD,EAAA;AAAA,EAC/E,QAAU,EAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,SAAA;AAAA,MACP,MAAQ,EAAA,SAAA;AAAA,MACR,KAAO,EAAA;AAAA;AACT,GACF;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA;AAAA;AAEV,CAAC,CAAA;AAIM,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;AAQrC,IAAA,cAAA,GAAiB,UAG5B,CAAA,CAAC,EAAE,SAAA,EAAW,UAAU,IAAM,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AAClD,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,WAAW,EAAG,CAAA,iBAAA,CAAkB,EAAE,IAAK,EAAC,GAAG,SAAS,CAAA;AAAA,QACnD,GAAG;AAAA;AAAA,KACN;AAAA,oBACA,GAAA,CAAC,OAAM,EAAA,EAAA,OAAA,EAAS,KAAM,CAAA,EAAA,EAAI,SAAW,EAAA,kBAAA,CAAmB,EAAE,IAAA,EAAM,CAAA,EAC7D,QACH,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ,CAAC;AACD,cAAA,CAAe,cAAkC,mBAAK,CAAA,IAAA,CAAA,WAAA","file":"chunk-IPP5X4TY.js","sourcesContent":["'use client'\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport { cva, type VariantProps } from 'cva'\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  forwardRef,\n  type PropsWithChildren,\n} from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst radioItemVariants = cva(\n  'peer aspect-square rounded-full border border-grey-20 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-30 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  {\n    variants: {\n      size: {\n        small: 'h-3',\n        normal: 'h-4',\n        large: 'h-5',\n      },\n    },\n    defaultVariants: {\n      size: 'normal',\n    },\n  }\n)\n\nconst radioLabelVariants = cva('text-grey-80 peer-data-[disabled]:text-grey-40', {\n  variants: {\n    size: {\n      small: 'text-xs',\n      normal: 'text-sm',\n      large: 'text-base',\n    },\n  },\n  defaultVariants: {\n    size: 'normal',\n  },\n})\n\nexport type RadioSize = VariantProps<typeof radioItemVariants>['size']\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\ntype RadioGroupItemProps = PropsWithChildren<\n  ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> & {\n    size?: RadioSize\n  }\n>\n\nexport const RadioGroupItem = forwardRef<\n  ElementRef<typeof RadioGroupPrimitive.Item>,\n  RadioGroupItemProps\n>(({ className, children, size, ...props }, ref) => {\n  return (\n    <div className=\"group flex flex-row items-center gap-2\">\n      <RadioGroupPrimitive.Item\n        ref={ref}\n        className={cn(radioItemVariants({ size }), className)}\n        {...props}\n      />\n      <label htmlFor={props.id} className={radioLabelVariants({ size })}>\n        {children}\n      </label>\n    </div>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n"]}