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

package/dist/chunk-Y2UMEYQS.js

@@ -0,0 +1,115 @@
+import { JobDescription } from './chunk-5NQTYPZG.js';
+import { JobHeader } from './chunk-YLWUHTOZ.js';
+import { CompanyBenefits } from './chunk-BLMWXMW4.js';
+import { CompanyInformation } from './chunk-J3UEZGEG.js';
+import { CompanyTake } from './chunk-MF24QPA6.js';
+import { salaryRange } from './chunk-PLPEZUCB.js';
+import { cn } from './chunk-2FGZQI42.js';
+import { useDisplayText } from './chunk-CPZFINPG.js';
+import { getAddressList } from './chunk-KZBS5RNE.js';
+import * as DateFns from 'date-fns';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function JobPost({
+  job,
+  bannerSrc,
+  avatarSrc,
+  standalone,
+  avatarHref,
+  fallbackHref,
+  backAcceptedRoutes,
+  actions
+}) {
+  const formattedEmploymentType = useDisplayText("employmentType", job.employmentType);
+  const formattedEmploymentLevel = useDisplayText("employmentLevel", job.employmentLevel);
+  const formattedJobFunction = useDisplayText("jobFunction", job.jobFunction);
+  const formattedLocations = getAddressList(job);
+  const formattedSalary = salaryRange(job.estimatedSalary);
+  const formattedDate = DateFns.formatDistanceToNow(new Date(job.datePosted), {
+    addSuffix: true
+  });
+  const tags = [
+    !!formattedSalary && {
+      icon: "banknote",
+      name: "salary",
+      label: formattedSalary
+    },
+    !!formattedEmploymentType && {
+      icon: "briefcase-business",
+      name: "employmentType",
+      label: formattedEmploymentType
+    },
+    !!formattedEmploymentLevel && {
+      icon: "circle-user",
+      name: "level",
+      label: formattedEmploymentLevel
+    },
+    !!formattedJobFunction && {
+      icon: "briefcase-business",
+      name: "jobFunction",
+      label: formattedJobFunction
+    },
+    ...formattedLocations.map((label) => ({
+      icon: "map-pin",
+      name: "location",
+      label
+    }))
+  ].filter((t) => !!t);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-10 pb-4",
+        !standalone && "border-1 rounded-3xl border-grey-5"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          JobHeader,
+          {
+            title: job.title,
+            bannerSrc,
+            avatarName: job.hiringOrganization?.companyName,
+            avatarSrc: job.hiringOrganization?.logo?.asset?.url,
+            subtitles: [job.hiringOrganization?.companyName ?? "", `Posted ${formattedDate}`],
+            actions,
+            standalone,
+            avatarHref,
+            backFallbackHref: fallbackHref,
+            backAcceptedRoutes,
+            tags
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8 px-6", children: [
+          /* @__PURE__ */ jsx(JobDescription, { description: job.description }),
+          /* @__PURE__ */ jsx(
+            CompanyTake,
+            {
+              avatarSrc,
+              content: job.hiringOrganization?.companyNDG?.companyNDGTake
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            CompanyInformation,
+            {
+              name: job.hiringOrganization?.companyName ?? "",
+              how: job.hiringOrganization?.companyPhilosophy?.companyHow,
+              mission: job.hiringOrganization?.companyPhilosophy?.companyMission,
+              wow: job.hiringOrganization?.companyNDG?.companyWow,
+              website: job.hiringOrganization?.companyWebsite
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            CompanyBenefits,
+            {
+              benefits: job.hiringOrganization?.companyCareers?.companyBenefits?.map((b) => b.title).filter((d) => d !== void 0)
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+export { JobPost };
+//# sourceMappingURL=chunk-Y2UMEYQS.js.map
+//# sourceMappingURL=chunk-Y2UMEYQS.js.map

package/dist/chunk-Y2UMEYQS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/jobPost/JobPost.tsx"],"names":[],"mappings":"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","file":"chunk-Y2UMEYQS.js","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-YB2USB4M.js

@@ -0,0 +1,17 @@
+// src/types/displayText.errors.tsx
+var DisplayTextScopeNotFoundError = class extends Error {
+  constructor(scope) {
+    super(`No display text mapping found for scope: ${scope}`);
+    this.name = "DisplayTextScopeNotFoundError";
+  }
+};
+var DisplayTextValueNotFoundError = class extends Error {
+  constructor(value, scope) {
+    super(`No display text found for value: '${value}' in scope: '${scope}'`);
+    this.name = "DisplayTextValueNotFoundError";
+  }
+};
+
+export { DisplayTextScopeNotFoundError, DisplayTextValueNotFoundError };
+//# sourceMappingURL=chunk-YB2USB4M.js.map
+//# sourceMappingURL=chunk-YB2USB4M.js.map

package/dist/chunk-YB2USB4M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types/displayText.errors.tsx"],"names":[],"mappings":";AAAa,IAAA,6BAAA,GAAN,cAA4C,KAAM,CAAA;AAAA,EACvD,YAAY,KAAe,EAAA;AACzB,IAAM,KAAA,CAAA,CAAA,yCAAA,EAA4C,KAAK,CAAE,CAAA,CAAA;AACzD,IAAA,IAAA,CAAK,IAAO,GAAA,+BAAA;AAAA;AAEhB;AAEa,IAAA,6BAAA,GAAN,cAA4C,KAAM,CAAA;AAAA,EACvD,WAAA,CAAY,OAAe,KAAe,EAAA;AACxC,IAAA,KAAA,CAAM,CAAqC,kCAAA,EAAA,KAAK,CAAgB,aAAA,EAAA,KAAK,CAAG,CAAA,CAAA,CAAA;AACxE,IAAA,IAAA,CAAK,IAAO,GAAA,+BAAA;AAAA;AAEhB","file":"chunk-YB2USB4M.js","sourcesContent":["export class DisplayTextScopeNotFoundError extends Error {\n  constructor(scope: string) {\n    super(`No display text mapping found for scope: ${scope}`)\n    this.name = 'DisplayTextScopeNotFoundError'\n  }\n}\n\nexport class DisplayTextValueNotFoundError extends Error {\n  constructor(value: string, scope: string) {\n    super(`No display text found for value: '${value}' in scope: '${scope}'`)\n    this.name = 'DisplayTextValueNotFoundError'\n  }\n}\n"]}

package/dist/chunk-YLWUHTOZ.js

@@ -0,0 +1,154 @@
+import { Avatar } from './chunk-2TEFWPFS.js';
+import { BackButton } from './chunk-IJQTUD3D.js';
+import { Chip_default } from './chunk-LQ4DG6ST.js';
+import { cn } from './chunk-2FGZQI42.js';
+import { iconMap } from './chunk-PONUWUJ7.js';
+import { Dot } from 'lucide-react';
+import Image from 'next/image';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function JobHeader({
+  title,
+  subtitles,
+  standalone,
+  bannerSrc,
+  avatarSrc,
+  avatarName,
+  avatarHref,
+  backFallbackHref,
+  backAcceptedRoutes,
+  actions,
+  tags
+}) {
+  const renderIcon = (icon) => {
+    const Icon = iconMap[icon];
+    return /* @__PURE__ */ jsx(Icon, { size: 18 });
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-testid": "job-header-root",
+      className: cn(
+        "-mt-8 flex w-full flex-col items-center justify-between gap-6 md:-mt-0",
+        !standalone && "rounded-3xl"
+      ),
+      children: [
+        !standalone && /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-16 w-full items-center rounded-t-3xl bg-transparent md:min-h-24 md:flex-row lg:min-h-32", children: [
+          /* @__PURE__ */ jsx(
+            Image,
+            {
+              className: "h-full w-full rounded-t-3xl object-cover",
+              src: bannerSrc,
+              alt: "job banner",
+              fill: true
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            BackButton,
+            {
+              acceptedRoutes: backAcceptedRoutes,
+              fallbackHref: backFallbackHref,
+              className: "absolute right-2 top-2 flex items-center justify-center text-white sm:hidden",
+              "data-testid": "job-header-back-button"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute left-4 top-8 md:left-6 md:top-16 lg:top-24",
+              "data-testid": "job-header-avatar",
+              children: /* @__PURE__ */ jsx(
+                Avatar,
+                {
+                  size: "large",
+                  target: "_blank",
+                  href: avatarHref,
+                  name: avatarName,
+                  src: avatarSrc,
+                  rel: "noopener noreferrer"
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-start justify-start gap-4 px-6", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row", children: [
+            standalone && /* @__PURE__ */ jsx("div", { className: "-mt-4 mr-4 md:mt-0", "data-testid": "job-header-avatar", children: /* @__PURE__ */ jsx(
+              Avatar,
+              {
+                size: "large",
+                target: "_blank",
+                href: avatarHref,
+                name: avatarName,
+                src: avatarSrc,
+                rel: "noopener noreferrer"
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: "prose mt-4 flex w-full items-center text-grey-80 lg:prose-lg", children: subtitles?.map((subtitle, i) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                "data-testid": `job-header-subtitle-${i}`,
+                className: "flex items-center",
+                children: [
+                  subtitle,
+                  i < subtitles.length - 1 && /* @__PURE__ */ jsx(Dot, { className: "mx-1 shrink-0", size: 10 })
+                ]
+              },
+              subtitle
+            )) })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "data-testid": "job-header-content",
+              className: "mt-2 flex w-full flex-row flex-wrap items-center justify-between gap-1",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "h2",
+                  {
+                    "data-testid": "job-header-title",
+                    className: "break-word max-w-full text-2xl font-bold text-black sm:max-w-2xl md:max-w-lg",
+                    children: title
+                  }
+                ),
+                !!actions && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "flex w-full justify-end gap-2 md:w-auto",
+                    "data-testid": "job-header-actions",
+                    children: actions
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-testid": "job-header-tags",
+              className: "flex flex-row flex-wrap items-center justify-start gap-2",
+              children: tags?.map(({ name, label, icon }) => /* @__PURE__ */ jsxs(
+                Chip_default,
+                {
+                  size: "small",
+                  variant: "neutral",
+                  "aria-label": name,
+                  "data-testid": `job-header-tag-${name}`,
+                  children: [
+                    renderIcon(icon),
+                    /* @__PURE__ */ jsx("span", { children: label })
+                  ]
+                },
+                `${name}-${label}`
+              ))
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+export { JobHeader };
+//# sourceMappingURL=chunk-YLWUHTOZ.js.map
+//# sourceMappingURL=chunk-YLWUHTOZ.js.map

package/dist/chunk-YLWUHTOZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/jobPost/JobHeader.tsx"],"names":[],"mappings":"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","file":"chunk-YLWUHTOZ.js","sourcesContent":["'use client'\n\nimport { Dot } from 'lucide-react'\nimport Image from 'next/image'\nimport { type ReactNode } from 'react'\n\nimport { BackButton } from '@/components/buttons/BackButton'\nimport { Avatar } from '@/components/ui/Avatar'\nimport Chip from '@/components/ui/Chip'\nimport { iconMap } from '@/lib/icons'\nimport { cn } from '@/lib/utils'\n\nexport type JobHeaderTag = {\n  name: string\n  label: string\n  icon: keyof typeof iconMap\n}\n\nexport type JobHeaderProps = {\n  title: string\n  bannerSrc: string\n  subtitles?: string[]\n  standalone?: boolean\n  avatarSrc?: string\n  avatarName?: string\n  avatarHref?: string\n  backFallbackHref?: string\n  backAcceptedRoutes?: string[]\n  actions?: ReactNode\n  tags?: JobHeaderTag[]\n}\n\nexport function JobHeader({\n  title,\n  subtitles,\n  standalone,\n  bannerSrc,\n  avatarSrc,\n  avatarName,\n  avatarHref,\n  backFallbackHref,\n  backAcceptedRoutes,\n  actions,\n  tags,\n}: Readonly<JobHeaderProps>) {\n  const renderIcon = (icon: JobHeaderTag['icon']) => {\n    const Icon = iconMap[icon]\n    return <Icon size={18} />\n  }\n\n  return (\n    <div\n      data-testid=\"job-header-root\"\n      className={cn(\n        '-mt-8 flex w-full flex-col items-center justify-between gap-6 md:-mt-0',\n        !standalone && 'rounded-3xl'\n      )}\n    >\n      {!standalone && (\n        <div className=\"relative flex min-h-16 w-full items-center rounded-t-3xl bg-transparent md:min-h-24 md:flex-row lg:min-h-32\">\n          <Image\n            className=\"h-full w-full rounded-t-3xl object-cover\"\n            src={bannerSrc}\n            alt=\"job banner\"\n            fill\n          />\n          <BackButton\n            acceptedRoutes={backAcceptedRoutes}\n            fallbackHref={backFallbackHref}\n            className=\"absolute right-2 top-2 flex items-center justify-center text-white sm:hidden\"\n            data-testid=\"job-header-back-button\"\n          />\n          <div\n            className=\"absolute left-4 top-8 md:left-6 md:top-16 lg:top-24\"\n            data-testid=\"job-header-avatar\"\n          >\n            <Avatar\n              size=\"large\"\n              target=\"_blank\"\n              href={avatarHref}\n              name={avatarName}\n              src={avatarSrc}\n              rel=\"noopener noreferrer\"\n            />\n          </div>\n        </div>\n      )}\n\n      <div className=\"flex w-full flex-col items-start justify-start gap-4 px-6\">\n        <div className=\"flex flex-col md:flex-row\">\n          {standalone && (\n            <div className=\"-mt-4 mr-4 md:mt-0\" data-testid=\"job-header-avatar\">\n              <Avatar\n                size=\"large\"\n                target=\"_blank\"\n                href={avatarHref}\n                name={avatarName}\n                src={avatarSrc}\n                rel=\"noopener noreferrer\"\n              />\n            </div>\n          )}\n\n          <div className=\"prose mt-4 flex w-full items-center text-grey-80 lg:prose-lg\">\n            {subtitles?.map((subtitle, i) => (\n              <div\n                key={subtitle}\n                data-testid={`job-header-subtitle-${i}`}\n                className=\"flex items-center\"\n              >\n                {subtitle}\n                {i < subtitles.length - 1 && <Dot className=\"mx-1 shrink-0\" size={10} />}\n              </div>\n            ))}\n          </div>\n        </div>\n\n        <div\n          data-testid=\"job-header-content\"\n          className=\"mt-2 flex w-full flex-row flex-wrap items-center justify-between gap-1\"\n        >\n          <h2\n            data-testid=\"job-header-title\"\n            className=\"break-word max-w-full text-2xl font-bold text-black sm:max-w-2xl md:max-w-lg\"\n          >\n            {title}\n          </h2>\n\n          {!!actions && (\n            <div\n              className=\"flex w-full justify-end gap-2 md:w-auto\"\n              data-testid=\"job-header-actions\"\n            >\n              {actions}\n            </div>\n          )}\n        </div>\n\n        <div\n          data-testid=\"job-header-tags\"\n          className=\"flex flex-row flex-wrap items-center justify-start gap-2\"\n        >\n          {tags?.map(({ name, label, icon }) => (\n            <Chip\n              key={`${name}-${label}`}\n              size=\"small\"\n              variant=\"neutral\"\n              aria-label={name}\n              data-testid={`job-header-tag-${name}`}\n            >\n              {renderIcon(icon)}\n              <span>{label}</span>\n            </Chip>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/chunk-YNREEZ75.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
+var cva = require('cva');
+var jsxRuntime = require('react/jsx-runtime');
+
+var badgeVariants = cva.cva("rounded-full px-2 py-0.5 text-xs font-semibold", {
+  variants: {
+    variant: {
+      green: "bg-green-90 text-white",
+      pickle: "bg-pickle-100 text-black",
+      purple: "bg-purple-100 text-white"
+    }
+  },
+  defaultVariants: {
+    variant: "green"
+  }
+});
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkMGWZXPMF_cjs.cn(badgeVariants({ variant }), className), ...props });
+}
+
+exports.Badge = Badge;
+exports.badgeVariants = badgeVariants;
+//# sourceMappingURL=chunk-YNREEZ75.cjs.map
+//# sourceMappingURL=chunk-YNREEZ75.cjs.map

package/dist/chunk-YNREEZ75.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Badge.tsx"],"names":["cva","jsx","cn"],"mappings":";;;;;;AAKM,IAAA,aAAA,GAAgBA,QAAI,gDAAkD,EAAA;AAAA,EAC1E,QAAU,EAAA;AAAA,IACR,OAAS,EAAA;AAAA,MACP,KAAO,EAAA,wBAAA;AAAA,MACP,MAAQ,EAAA,0BAAA;AAAA,MACR,MAAQ,EAAA;AAAA;AACV,GACF;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,OAAS,EAAA;AAAA;AAEb,CAAC;AAMD,SAAS,MAAM,EAAE,SAAA,EAAW,OAAS,EAAA,GAAG,OAAqB,EAAA;AAC3D,EAAA,uBAAQC,cAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAC,oBAAA,CAAG,aAAc,CAAA,EAAE,OAAQ,EAAC,CAAG,EAAA,SAAS,CAAI,EAAA,GAAG,KAAO,EAAA,CAAA;AAC/E","file":"chunk-YNREEZ75.cjs","sourcesContent":["import { cva, type VariantProps } from 'cva'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst badgeVariants = cva('rounded-full px-2 py-0.5 text-xs font-semibold', {\n  variants: {\n    variant: {\n      green: 'bg-green-90 text-white',\n      pickle: 'bg-pickle-100 text-black',\n      purple: 'bg-purple-100 text-white',\n    },\n  },\n  defaultVariants: {\n    variant: 'green',\n  },\n})\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n  return <div className={cn(badgeVariants({ variant }), className)} {...props} />\n}\n\nexport { Badge, badgeVariants }\n"]}

package/dist/chunk-Z33TWZHI.js

@@ -0,0 +1,81 @@
+import { __export } from './chunk-PZ5AY32C.js';
+import { z } from 'zod';
+
+// src/types/latest/shared_pickle_output_latest.ts
+var shared_pickle_output_latest_exports = {};
+__export(shared_pickle_output_latest_exports, {
+  CurrencyEnum: () => CurrencyEnum,
+  DetailLevelEnum: () => DetailLevelEnum,
+  TypeEnum: () => TypeEnum,
+  UnitTextEnum: () => UnitTextEnum,
+  imageAssetSchema: () => imageAssetSchema,
+  imageSchema: () => imageSchema,
+  monetaryAmountSchema: () => monetaryAmountSchema,
+  placeSchema: () => placeSchema,
+  postalAddressSchema: () => postalAddressSchema,
+  quantitativeValueSchema: () => quantitativeValueSchema
+});
+var TypeEnum = z.enum(["IMAGE"]);
+var DetailLevelEnum = z.enum(["COUNTRY", "GEO", "LOCALITY", "POSTAL_CODE", "REGION"]);
+var UnitTextEnum = z.enum(["DAY", "HOUR", "MONTH", "PER_ACTIVITY", "WEEK", "YEAR"]);
+var CurrencyEnum = z.enum(["EUR", "GBP", "USD"]);
+var postalAddressSchema = z.object({
+  version: z.literal("1.0.0").default("1.0.0"),
+  type: z.string().describe("Document type used for schema"),
+  addressCountry: z.string().describe("The physical country as defined in ISO 3166 Alpha-2"),
+  addressRegion: z.optional(z.string()).describe("The region in which the locality is, and which is in the country."),
+  addressLocality: z.optional(z.string()).describe("The locality in which the street address is, and which is in the region. In the US this would be city."),
+  streetAddress: z.optional(z.string()).describe("The street name of the address within the locality."),
+  streetNumber: z.optional(z.string()).describe("The house of building number within the street."),
+  postalCode: z.optional(z.string()).describe("The postal code"),
+  description: z.optional(z.string()).describe("A descriptive string containing the full address.")
+});
+var placeSchema = z.object({
+  version: z.literal("1.0.0").default("1.0.0"),
+  detailLevel: z.optional(DetailLevelEnum),
+  latitude: z.optional(z.number()).describe("The latitude of a location."),
+  longitude: z.optional(z.number()).describe("The longitude of a location."),
+  address: z.optional(postalAddressSchema).describe("The physical place of the location")
+});
+var quantitativeValueSchema = z.object({
+  version: z.literal("1.0.0").default("1.0.0"),
+  type: z.string().describe("Document type used for schema"),
+  value: z.optional(z.number()).describe("The single value for some quantity e.g 5000, if a range is needed use minValue and maxValue. Typically used for a single salary."),
+  minValue: z.optional(z.number()).describe("The single minium value in a range for a quantitative_value, requires a maximum value."),
+  maxValue: z.optional(z.number()).describe("The maximum value in a range for a quantitative_value, requires a minimum value."),
+  unitText: UnitTextEnum
+});
+var monetaryAmountSchema = z.object({
+  version: z.literal("1.0.0").default("1.0.0"),
+  type: z.string().describe("Document type used for schema"),
+  singleValue: z.optional(z.number()).describe("The annualized single value for some quantity e.g 5000, if a range is needed use minValue and maxValue. Deprecated - use value.value instead."),
+  minValue: z.optional(z.number()).describe("The annualized single minium value in a range for a quantitative_value. Deprecated use value.minValue"),
+  maxValue: z.optional(z.number()).describe("The annualized maximum value in a range for a quantitative_value. Deprecated use value.maxValue"),
+  value: z.optional(quantitativeValueSchema).describe("The quantitative_value for a given salary"),
+  currency: z.optional(CurrencyEnum)
+});
+var imageAssetSchema = z.object({
+  version: z.literal("1.0.0").default("1.0.0"),
+  altText: z.optional(z.string()).describe("The alt text for the image"),
+  assetId: z.optional(z.string()).describe("The asset ID for the image"),
+  description: z.optional(z.string()).describe("The description for the image"),
+  extension: z.optional(z.string()).describe("The extension for the image"),
+  label: z.optional(z.string()).describe("The label for the image"),
+  mimeType: z.optional(z.string()).describe("The mime type for the image"),
+  originalFilename: z.optional(z.string()).describe("The original filename for the image"),
+  path: z.optional(z.string()).describe("The path for the image"),
+  sha1Hash: z.optional(z.string()).describe("The SHA1 hash for the image"),
+  size: z.optional(z.number()).describe("The size for the image"),
+  title: z.optional(z.string()).describe("The title for the image"),
+  uploadId: z.optional(z.string()).describe("The upload ID for the image"),
+  url: z.optional(z.string()).describe("The URL for the image")
+});
+var imageSchema = z.object({
+  version: z.literal("1.0.0").default("1.0.0"),
+  type: z.string().describe("Document type used for schema"),
+  asset: z.optional(imageAssetSchema).describe("The asset for the image")
+});
+
+export { CurrencyEnum, DetailLevelEnum, TypeEnum, UnitTextEnum, imageAssetSchema, imageSchema, monetaryAmountSchema, placeSchema, postalAddressSchema, quantitativeValueSchema, shared_pickle_output_latest_exports };
+//# sourceMappingURL=chunk-Z33TWZHI.js.map
+//# sourceMappingURL=chunk-Z33TWZHI.js.map

package/dist/chunk-Z33TWZHI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types/latest/shared_pickle_output_latest.ts"],"names":[],"mappings":"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","file":"chunk-Z33TWZHI.js","sourcesContent":["/*\nID:c2c9f095-256f-44df-ada7-73753d8f4f92\nDomain: shared\nData Product: shared_pickle_output\nVersion: 1.0.2\nThis data contract defines a set of shared outputs from the Pickle model(s).\n*/\n\nimport { z } from 'zod';\n\n\n// Enums\n\nexport const TypeEnum = z.enum(['IMAGE']);\nexport const DetailLevelEnum = z.enum(['COUNTRY', 'GEO', 'LOCALITY', 'POSTAL_CODE', 'REGION']);\nexport const UnitTextEnum = z.enum(['DAY', 'HOUR', 'MONTH', 'PER_ACTIVITY', 'WEEK', 'YEAR']);\nexport const CurrencyEnum = z.enum(['EUR', 'GBP', 'USD']);\n\n\nexport const postalAddressSchema = z.object({\n    version: z.literal('1.0.0').default('1.0.0'),\n    type: z.string().describe(\"Document type used for schema\"),\n    addressCountry: z.string().describe(\"The physical country as defined in ISO 3166 Alpha-2\"),\n    addressRegion: z.optional(z.string()).describe(\"The region in which the locality is, and which is in the country.\"),\n    addressLocality: z.optional(z.string()).describe(\"The locality in which the street address is, and which is in the region. In the US this would be city.\"),\n    streetAddress: z.optional(z.string()).describe(\"The street name of the address within the locality.\"),\n    streetNumber: z.optional(z.string()).describe(\"The house of building number within the street.\"),\n    postalCode: z.optional(z.string()).describe(\"The postal code\"),\n    description: z.optional(z.string()).describe(\"A descriptive string containing the full address.\"),\n});\n\nexport type PostalAddressModel = z.infer<typeof postalAddressSchema>;\n\nexport const placeSchema = z.object({\n    version: z.literal('1.0.0').default('1.0.0'),\n    detailLevel: z.optional(DetailLevelEnum),\n    latitude: z.optional(z.number()).describe(\"The latitude of a location.\"),\n    longitude: z.optional(z.number()).describe(\"The longitude of a location.\"),\n    address: z.optional(postalAddressSchema).describe(\"The physical place of the location\"),\n});\n\nexport type PlaceModel = z.infer<typeof placeSchema>;\n\nexport const quantitativeValueSchema = z.object({\n    version: z.literal('1.0.0').default('1.0.0'),\n    type: z.string().describe(\"Document type used for schema\"),\n    value: z.optional(z.number()).describe(\"The single value for some quantity e.g 5000, if a range is needed use minValue and maxValue. Typically used for a single salary.\"),\n    minValue: z.optional(z.number()).describe(\"The single minium value in a range for a quantitative_value, requires a maximum value.\"),\n    maxValue: z.optional(z.number()).describe(\"The maximum value in a range for a quantitative_value, requires a minimum value.\"),\n    unitText: UnitTextEnum,\n});\n\nexport type QuantitativeValueModel = z.infer<typeof quantitativeValueSchema>;\n\nexport const monetaryAmountSchema = z.object({\n    version: z.literal('1.0.0').default('1.0.0'),\n    type: z.string().describe(\"Document type used for schema\"),\n    singleValue: z.optional(z.number()).describe(\"The annualized single value for some quantity e.g 5000, if a range is needed use minValue and maxValue. Deprecated - use value.value instead.\"),\n    minValue: z.optional(z.number()).describe(\"The annualized single minium value in a range for a quantitative_value. Deprecated use value.minValue\"),\n    maxValue: z.optional(z.number()).describe(\"The annualized maximum value in a range for a quantitative_value. Deprecated use value.maxValue\"),\n    value: z.optional(quantitativeValueSchema).describe(\"The quantitative_value for a given salary\"),\n    currency: z.optional(CurrencyEnum),\n});\n\nexport type MonetaryAmountModel = z.infer<typeof monetaryAmountSchema>;\n\nexport const imageAssetSchema = z.object({\n    version: z.literal('1.0.0').default('1.0.0'),\n    altText: z.optional(z.string()).describe(\"The alt text for the image\"),\n    assetId: z.optional(z.string()).describe(\"The asset ID for the image\"),\n    description: z.optional(z.string()).describe(\"The description for the image\"),\n    extension: z.optional(z.string()).describe(\"The extension for the image\"),\n    label: z.optional(z.string()).describe(\"The label for the image\"),\n    mimeType: z.optional(z.string()).describe(\"The mime type for the image\"),\n    originalFilename: z.optional(z.string()).describe(\"The original filename for the image\"),\n    path: z.optional(z.string()).describe(\"The path for the image\"),\n    sha1Hash: z.optional(z.string()).describe(\"The SHA1 hash for the image\"),\n    size: z.optional(z.number()).describe(\"The size for the image\"),\n    title: z.optional(z.string()).describe(\"The title for the image\"),\n    uploadId: z.optional(z.string()).describe(\"The upload ID for the image\"),\n    url: z.optional(z.string()).describe(\"The URL for the image\"),\n});\n\nexport type ImageAssetModel = z.infer<typeof imageAssetSchema>;\n\nexport const imageSchema = z.object({\n    version: z.literal('1.0.0').default('1.0.0'),\n    type: z.string().describe(\"Document type used for schema\"),\n    asset: z.optional(imageAssetSchema).describe(\"The asset for the image\"),\n});\n\nexport type ImageModel = z.infer<typeof imageSchema>;\n"]}

package/dist/chunk-ZCRWSWPJ.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+var chunkAEYPJ5YA_cjs = require('./chunk-AEYPJ5YA.cjs');
+var chunk6BFFHI2V_cjs = require('./chunk-6BFFHI2V.cjs');
+var chunkXAPQTBJR_cjs = require('./chunk-XAPQTBJR.cjs');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function JobLocation({ jobPost }) {
+  const locations = chunkXAPQTBJR_cjs.getAddressList(jobPost);
+  if (!locations || locations.length === 0) return null;
+  const primaryOffice = locations[0];
+  const extendedLocations = locations.slice(1).map((address) => address);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", "data-testid": "job-location-element", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPin, { size: 16 }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-thin", children: primaryOffice }),
+    extendedLocations.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunkAEYPJ5YA_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkAEYPJ5YA_cjs.Tooltip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkAEYPJ5YA_cjs.TooltipTrigger, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+        chunk6BFFHI2V_cjs.Chip_default,
+        {
+          className: "font-bold",
+          size: "small",
+          variant: "jobLocation",
+          "data-testid": "job-location-tooltip",
+          children: [
+            "+ ",
+            extendedLocations.length,
+            " more"
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkAEYPJ5YA_cjs.TooltipContent,
+        {
+          className: "border-1 rounded-md border border-grey-5 bg-white p-2",
+          "data-testid": "job-location-tooltip-content",
+          children: extendedLocations.map((location) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-nowrap text-sm", children: location }, location))
+        }
+      )
+    ] }) })
+  ] });
+}
+
+exports.JobLocation = JobLocation;
+//# sourceMappingURL=chunk-ZCRWSWPJ.cjs.map
+//# sourceMappingURL=chunk-ZCRWSWPJ.cjs.map

package/dist/chunk-ZCRWSWPJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/jobCard/JobLocation.tsx"],"names":["getAddressList","jsxs","jsx","MapPin","TooltipProvider","Tooltip","TooltipTrigger","Chip_default","TooltipContent"],"mappings":";;;;;;;;AAmBO,SAAS,WAAA,CAAY,EAAE,OAAA,EAA6B,EAAA;AACzD,EAAM,MAAA,SAAA,GAAYA,iCAAe,OAAO,CAAA;AACxC,EAAA,IAAI,CAAC,SAAA,IAAa,SAAU,CAAA,MAAA,KAAW,GAAU,OAAA,IAAA;AAEjD,EAAM,MAAA,aAAA,GAAgB,UAAU,CAAC,CAAA;AACjC,EAAM,MAAA,iBAAA,GAAoB,UAAU,KAAM,CAAA,CAAC,EAAE,GAAI,CAAA,CAAC,YAAY,OAAO,CAAA;AAErE,EAAA,uBACGC,eAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,yBAAA,EAA0B,eAAY,sBACnD,EAAA,QAAA,EAAA;AAAA,oBAACC,cAAA,CAAAC,kBAAA,EAAA,EAAO,MAAM,EAAI,EAAA,CAAA;AAAA,oBACjBD,cAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,mBAAA,EAAqB,QAAc,EAAA,aAAA,EAAA,CAAA;AAAA,IAClD,kBAAkB,MAAS,GAAA,CAAA,oBACzBA,cAAA,CAAAE,iCAAA,EAAA,EACC,0CAACC,yBACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,gCACC,EAAA,EAAA,QAAA,kBAAAL,eAAA;AAAA,QAACM,8BAAA;AAAA,QAAA;AAAA,UACC,SAAU,EAAA,WAAA;AAAA,UACV,IAAM,EAAA,OAAA;AAAA,UACN,OAAS,EAAA,aAAA;AAAA,UACT,aAAY,EAAA,sBAAA;AAAA,UACb,QAAA,EAAA;AAAA,YAAA,IAAA;AAAA,YACI,iBAAkB,CAAA,MAAA;AAAA,YAAO;AAAA;AAAA;AAAA,OAEhC,EAAA,CAAA;AAAA,sBACAL,cAAA;AAAA,QAACM,gCAAA;AAAA,QAAA;AAAA,UACC,SAAU,EAAA,uDAAA;AAAA,UACV,aAAY,EAAA,8BAAA;AAAA,UAEX,QAAA,EAAA,iBAAA,CAAkB,GAAI,CAAA,CAAC,QACtB,qBAAAN,cAAA,CAAC,SAAmB,SAAU,EAAA,qBAAA,EAC3B,QADO,EAAA,QAAA,EAAA,EAAA,QAEV,CACD;AAAA;AAAA;AACH,KAAA,EACF,CACF,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ","file":"chunk-ZCRWSWPJ.cjs","sourcesContent":["import { MapPin } from 'lucide-react'\nimport { type z } from 'zod'\n\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@/components/primitives/tooltip'\nimport Chip from '@/components/ui/Chip'\nimport { getAddressList } from '@/lib/locations'\nimport { type jobPostSchema } from '@/types/latest/job_posting_service_latest'\n\ntype JobPost = z.infer<typeof jobPostSchema>\n\nexport type JobLocationProps = {\n  jobPost: JobPost\n}\n\nexport function JobLocation({ jobPost }: JobLocationProps) {\n  const locations = getAddressList(jobPost)\n  if (!locations || locations.length === 0) return null\n\n  const primaryOffice = locations[0]\n  const extendedLocations = locations.slice(1).map((address) => address)\n\n  return (\n    <div className=\"flex items-center gap-2\" data-testid=\"job-location-element\">\n      <MapPin size={16} />\n      <span className=\"text-sm font-thin\">{primaryOffice}</span>\n      {extendedLocations.length > 0 && (\n        <TooltipProvider>\n          <Tooltip>\n            <TooltipTrigger>\n              <Chip\n                className=\"font-bold\"\n                size={'small'}\n                variant={'jobLocation'}\n                data-testid=\"job-location-tooltip\"\n              >\n                + {extendedLocations.length} more\n              </Chip>\n            </TooltipTrigger>\n            <TooltipContent\n              className=\"border-1 rounded-md border border-grey-5 bg-white p-2\"\n              data-testid=\"job-location-tooltip-content\"\n            >\n              {extendedLocations.map((location) => (\n                <div key={location} className=\"text-nowrap text-sm\">\n                  {location}\n                </div>\n              ))}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  )\n}\n"]}

package/dist/chunk-ZQFFPZMA.cjs

@@ -0,0 +1,74 @@
+'use strict';
+
+var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
+var inputOtp = require('input-otp');
+var lucideReact = require('lucide-react');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var InputOTP = React__namespace.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  inputOtp.OTPInput,
+  {
+    ref,
+    containerClassName: chunkMGWZXPMF_cjs.cn(
+      "flex items-center gap-2 has-[:disabled]:opacity-50",
+      containerClassName
+    ),
+    className: chunkMGWZXPMF_cjs.cn("disabled:cursor-not-allowed", className),
+    ...props
+  }
+));
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkMGWZXPMF_cjs.cn("flex items-center", className), ...props }));
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React__namespace.forwardRef(({ index, error, className, ...props }, ref) => {
+  const inputOTPContext = React__namespace.useContext(inputOtp.OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: chunkMGWZXPMF_cjs.cn(
+        "relative flex h-10 w-10 items-center justify-center border-y border-r border-neutral-200 text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md dark:border-neutral-800",
+        isActive && "z-10 ring-2 ring-purple-100 ring-offset-white dark:ring-purple-20 dark:ring-offset-purple-100",
+        error && "border-red-500 dark:border-red-400",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-px animate-caret-blink bg-neutral-950 duration-1000 dark:bg-neutral-50" }) })
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Dot, {}) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+exports.InputOTP = InputOTP;
+exports.InputOTPGroup = InputOTPGroup;
+exports.InputOTPSeparator = InputOTPSeparator;
+exports.InputOTPSlot = InputOTPSlot;
+//# sourceMappingURL=chunk-ZQFFPZMA.cjs.map
+//# sourceMappingURL=chunk-ZQFFPZMA.cjs.map

package/dist/chunk-ZQFFPZMA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/input-otp.tsx"],"names":["React","jsx","OTPInput","cn","OTPInputContext","jsxs","Dot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQM,IAAA,QAAA,GAAiBA,4BAGrB,CAAC,EAAE,WAAW,kBAAoB,EAAA,GAAG,KAAM,EAAA,EAAG,GAC9C,qBAAAC,cAAA;AAAA,EAACC,iBAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,kBAAoB,EAAAC,oBAAA;AAAA,MAClB,oDAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,SAAA,EAAWA,oBAAG,CAAA,6BAAA,EAA+B,SAAS,CAAA;AAAA,IACrD,GAAG;AAAA;AACN,CACD;AACD,QAAA,CAAS,WAAc,GAAA,UAAA;AAEvB,IAAM,gBAAsBH,gBAG1B,CAAA,UAAA,CAAA,CAAC,EAAE,SAAW,EAAA,GAAG,OAAS,EAAA,GAAA,oCACzB,KAAI,EAAA,EAAA,GAAA,EAAU,WAAWG,oBAAG,CAAA,mBAAA,EAAqB,SAAS,CAAI,EAAA,GAAG,OAAO,CAC1E;AACD,aAAA,CAAc,WAAc,GAAA,eAAA;AAEtB,IAAA,YAAA,GAAqBH,gBAGzB,CAAA,UAAA,CAAA,CAAC,EAAE,KAAA,EAAO,OAAO,SAAW,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AAChD,EAAM,MAAA,eAAA,GAAwBA,4BAAWI,wBAAe,CAAA;AACxD,EAAA,MAAM,EAAE,IAAM,EAAA,YAAA,EAAc,UAAa,GAAA,eAAA,CAAgB,MAAM,KAAK,CAAA;AAEpE,EACE,uBAAAC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAAF,oBAAA;AAAA,QACT,6LAAA;AAAA,QACA,QACE,IAAA,+FAAA;AAAA,QACF,KAAS,IAAA,oCAAA;AAAA,QACT;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,IAAA;AAAA,QACA,YAAA,mCACE,KAAI,EAAA,EAAA,SAAA,EAAU,yEACb,QAAC,kBAAAF,cAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,8EAAA,EAA+E,CAChG,EAAA;AAAA;AAAA;AAAA,GAEJ;AAEJ,CAAC;AACD,YAAA,CAAa,WAAc,GAAA,cAAA;AAE3B,IAAM,oBAA0BD,gBAG9B,CAAA,UAAA,CAAA,CAAC,EAAE,GAAG,KAAA,IAAS,GACf,qBAAAC,cAAA,CAAC,KAAI,EAAA,EAAA,GAAA,EAAU,MAAK,WAAa,EAAA,GAAG,OAClC,QAAC,kBAAAA,cAAA,CAAAK,eAAA,EAAA,EAAI,GACP,CACD;AACD,iBAAA,CAAkB,WAAc,GAAA,mBAAA","file":"chunk-ZQFFPZMA.cjs","sourcesContent":["'use client'\n\nimport { OTPInput, OTPInputContext } from 'input-otp'\nimport { Dot } from 'lucide-react'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  React.ComponentPropsWithoutRef<typeof OTPInput>\n>(({ className, containerClassName, ...props }, ref) => (\n  <OTPInput\n    ref={ref}\n    containerClassName={cn(\n      'flex items-center gap-2 has-[:disabled]:opacity-50',\n      containerClassName\n    )}\n    className={cn('disabled:cursor-not-allowed', className)}\n    {...props}\n  />\n))\nInputOTP.displayName = 'InputOTP'\n\nconst InputOTPGroup = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center', className)} {...props} />\n))\nInputOTPGroup.displayName = 'InputOTPGroup'\n\nconst InputOTPSlot = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'> & { index: number; error?: boolean }\n>(({ index, error, className, ...props }, ref) => {\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'relative flex h-10 w-10 items-center justify-center border-y border-r border-neutral-200 text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md dark:border-neutral-800',\n        isActive &&\n          'z-10 ring-2 ring-purple-100 ring-offset-white dark:ring-purple-20 dark:ring-offset-purple-100',\n        error && 'border-red-500 dark:border-red-400',\n        className\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"h-4 w-px animate-caret-blink bg-neutral-950 duration-1000 dark:bg-neutral-50\" />\n        </div>\n      )}\n    </div>\n  )\n})\nInputOTPSlot.displayName = 'InputOTPSlot'\n\nconst InputOTPSeparator = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'>\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <Dot />\n  </div>\n))\nInputOTPSeparator.displayName = 'InputOTPSeparator'\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot }\n"]}