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

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-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-A46BJOVJ.cjs → chunk-ZQFFPZMA.cjs}

@@ -4,6 +4,7 @@ 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;
@@ -25,7 +26,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var InputOTP = React__namespace.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ React__namespace.createElement(
+var InputOTP = React__namespace.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   inputOtp.OTPInput,
   {
     ref,
@@ -38,12 +39,12 @@ var InputOTP = React__namespace.forwardRef(({ className, containerClassName, ...
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React__namespace.createElement("div", { ref, className: chunkMGWZXPMF_cjs.cn("flex items-center", className), ...props }));
+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__ */ React__namespace.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       ref,
@@ -53,19 +54,21 @@ var InputOTPSlot = React__namespace.forwardRef(({ index, error, className, ...pr
         error && "border-red-500 dark:border-red-400",
         className
       ),
-      ...props
-    },
-    char,
-    hasFakeCaret && /* @__PURE__ */ React__namespace.createElement("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "h-4 w-px animate-caret-blink bg-neutral-950 duration-1000 dark:bg-neutral-50" }))
+      ...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__ */ React__namespace.createElement("div", { ref, role: "separator", ...props }, /* @__PURE__ */ React__namespace.createElement(lucideReact.Dot, null)));
+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-A46BJOVJ.cjs.map
-//# sourceMappingURL=chunk-A46BJOVJ.cjs.map
+//# 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"]}

package/dist/{chunk-XFGURTBJ.js → chunk-ZSNEG5J7.js}

@@ -2,7 +2,8 @@ import { cn } from './chunk-2FGZQI42.js';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'cva';
 import { Loader2 } from 'lucide-react';
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var Button = forwardRef(
   ({
@@ -16,15 +17,18 @@ var Button = forwardRef(
     ...props
   }, ref) => {
     const Component = asChild ? Slot : "button";
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       Component,
       {
         className: cn(buttonVariants({ variant, size, className, isLoading, asChild })),
         type,
         ref,
-        ...props
-      },
-      asChild ? children : /* @__PURE__ */ React.createElement(React.Fragment, null, children, isLoading && /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 flex items-center justify-center bg-white/30 backdrop-blur-[0.5px]" }, /* @__PURE__ */ React.createElement(Loader2, { className: "h-5 w-5 animate-spin text-gray-800" })))
+        ...props,
+        children: asChild ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+          children,
+          isLoading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-white/30 backdrop-blur-[0.5px]", children: /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin text-gray-800" }) })
+        ] })
+      }
     );
   }
 );
@@ -255,5 +259,5 @@ var buttonVariants = cva(
 );
 
 export { Button, buttonVariants };
-//# sourceMappingURL=chunk-XFGURTBJ.js.map
-//# sourceMappingURL=chunk-XFGURTBJ.js.map
+//# sourceMappingURL=chunk-ZSNEG5J7.js.map
+//# sourceMappingURL=chunk-ZSNEG5J7.js.map

package/dist/chunk-ZSNEG5J7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Button.tsx"],"names":[],"mappings":"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","file":"chunk-ZSNEG5J7.js","sourcesContent":["'use client'\n\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'cva'\nimport { Loader2 } from 'lucide-react'\nimport React, { forwardRef } from 'react'\n\nimport { cn } from '@/lib/utils'\n\n/**\n * Props for the Button component.\n * @interface ButtonProps\n * @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}\n * @extends {VariantProps<typeof buttonVariants>}\n */\ninterface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {}\n\n/**\n * A versatile button component that supports multiple variants and sizes.\n *\n * @component\n * @example\n * ```tsx\n * // Default button\n * <Button>Click me</Button>\n *\n * // Primary variant with large size\n * <Button variant=\"primary\" size=\"lg\">Large Button</Button>\n *\n * // As a link\n * <Button asChild>\n *   <a href=\"/somewhere\">Go somewhere</a>\n * </Button>\n * ```\n */\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      asChild = false,\n      type = 'button',\n      children,\n      isLoading = false,\n      ...props\n    },\n    ref\n  ) => {\n    const Component = asChild ? Slot : 'button'\n\n    return (\n      <Component\n        className={cn(buttonVariants({ variant, size, className, isLoading, asChild }))}\n        type={type}\n        ref={ref}\n        {...props}\n      >\n        {asChild ? (\n          children\n        ) : (\n          <>\n            {children}\n            {isLoading && (\n              <div className=\"absolute inset-0 flex items-center justify-center bg-white/30 backdrop-blur-[0.5px]\">\n                <Loader2 className=\"h-5 w-5 animate-spin text-gray-800\" />\n              </div>\n            )}\n          </>\n        )}\n      </Component>\n    )\n  }\n)\nButton.displayName = 'Button'\n\n/**\n * Variant definitions for the Button component using class-variance-authority.\n * Provides consistent styling across different button variations.\n */\nexport const buttonVariants = cva(\n  [\n    'relative',\n    'flex',\n    'items-center',\n    'justify-center',\n    'gap-2',\n    'rounded-full',\n    'font-bold',\n    'outline-2',\n    'outline-offset-2',\n    'outline-dashed',\n    'outline-transparent',\n    'overflow-hidden',\n  ],\n  {\n    variants: {\n      variant: {\n        neutral: [\n          'bg-black',\n          'text-white',\n          'hover:bg-grey-90',\n          'active:bg-grey-80',\n          'focus:outline-purple-100',\n          'disabled:text-grey-40',\n          'disabled:bg-grey-10',\n        ],\n        primary: [\n          'bg-pickle-100',\n          'text-black',\n          'hover:bg-pickle-80',\n          'active:bg-pickle-60',\n          'focus:outline-purple-100',\n          'disabled:text-grey-40',\n          'disabled:bg-grey-10',\n        ],\n        secondary: [\n          'bg-green-80',\n          'text-white',\n          'hover:bg-green-90',\n          'active:bg-green-100',\n          'focus:outline-pickle-100',\n          'disabled:text-grey-40',\n          'disabled:bg-grey-10',\n        ],\n        transparent: [\n          'text-white',\n          'hover:bg-green-80',\n          'active:bg-green-100',\n          'focus:outline-pickle-100',\n          'disabled:text-grey-40',\n        ],\n        link: [\n          'leading-tight',\n          'text-black',\n          'underline',\n          'hover:text-purple-100',\n          'focus:text-black',\n          'focus:outline-purple-100',\n          'active:text-purple-80',\n        ],\n        'outline-primary': [\n          'bg-transparent',\n          'border-2',\n          'border-pickle-100',\n          'text-pickle-100',\n          'hover:bg-pickle-100',\n          'hover:text-black',\n          'active:bg-pickle-80',\n          'active:text-black',\n          'focus:outline-purple-100',\n          'disabled:text-grey-40',\n          'disabled:border-grey-40',\n          'disabled:hover:bg-transparent',\n          'disabled:hover:text-grey-40',\n        ],\n        'outline-secondary': [\n          'bg-transparent',\n          'border-2',\n          'border-green-80',\n          'text-green-80',\n          'hover:bg-green-80',\n          'hover:text-white',\n          'active:bg-green-90',\n          'active:text-white',\n          'focus:outline-pickle-100',\n          'disabled:text-grey-40',\n          'disabled:border-grey-40',\n          'disabled:hover:bg-transparent',\n          'disabled:hover:text-grey-40',\n        ],\n        'icon-outline': [\n          'bg-transparent',\n          'text-black',\n          'hover:bg-grey-5',\n          'active:bg-grey-10',\n          'focus:outline-purple-100',\n          'disabled:text-grey-40',\n          'disabled:hover:bg-transparent',\n          'disabled:hover:text-grey-40',\n        ],\n        'icon-primary': [\n          'bg-pickle-100',\n          'text-black',\n          'hover:bg-pickle-80',\n          'active:bg-pickle-60',\n          'focus:outline-purple-100',\n          'disabled:text-grey-40',\n          'disabled:bg-grey-10',\n        ],\n        'icon-secondary': [\n          'bg-green-80',\n          'text-white',\n          'hover:bg-green-90',\n          'active:bg-green-100',\n          'focus:outline-pickle-100',\n          'disabled:text-grey-40',\n          'disabled:bg-grey-10',\n        ],\n      },\n      size: {\n        'extra-small': ['h-8', 'text-xs', 'px-3', 'py-1'],\n        small: ['h-10', 'text-sm', 'px-4', 'py-2'],\n        medium: ['h-12', 'text-base', 'px-6', 'py-3'],\n        large: ['h-14', 'text-lg', 'px-8', 'py-4'],\n      },\n      isLoading: {\n        true: ['cursor-not-allowed', 'pointer-events-none'],\n      },\n      asChild: {\n        true: [],\n        false: ['cursor-pointer', 'pointer-events-auto'],\n      },\n    },\n    defaultVariants: {\n      variant: 'neutral',\n      size: 'medium',\n      isLoading: false,\n      asChild: false,\n    },\n    compoundVariants: [\n      {\n        variant: 'link',\n        size: 'extra-small',\n        class: ['h-3', 'text-xs', 'p-0'],\n      },\n      {\n        variant: 'link',\n        size: 'small',\n        class: ['h-3', 'text-xs', 'p-0'],\n      },\n      {\n        variant: 'link',\n        size: 'medium',\n        class: ['h-4', 'text-sm', 'p-0'],\n      },\n      {\n        variant: 'link',\n        size: 'large',\n        class: ['h-6', 'text-base', 'p-0'],\n      },\n      {\n        variant: 'icon-outline',\n        size: 'extra-small',\n        class: ['h-8', 'w-8', 'p-1.5', '[&>svg]:w-5', '[&>svg]:h-5'],\n      },\n      {\n        variant: 'icon-outline',\n        size: 'small',\n        class: ['h-10', 'w-10', 'p-2', '[&>svg]:w-6', '[&>svg]:h-6'],\n      },\n      {\n        variant: 'icon-outline',\n        size: 'medium',\n        class: ['h-12', 'w-12', 'p-2.5', '[&>svg]:w-7', '[&>svg]:h-7'],\n      },\n      {\n        variant: 'icon-outline',\n        size: 'large',\n        class: ['h-14', 'w-14', 'p-3', '[&>svg]:w-8', '[&>svg]:h-8'],\n      },\n      {\n        variant: 'icon-primary',\n        size: 'extra-small',\n        class: ['h-8', 'w-8', 'p-1.5', '[&>svg]:w-5', '[&>svg]:h-5'],\n      },\n      {\n        variant: 'icon-primary',\n        size: 'small',\n        class: ['h-10', 'w-10', 'p-2', '[&>svg]:w-6', '[&>svg]:h-6'],\n      },\n      {\n        variant: 'icon-primary',\n        size: 'medium',\n        class: ['h-12', 'w-12', 'p-2.5', '[&>svg]:w-7', '[&>svg]:h-7'],\n      },\n      {\n        variant: 'icon-primary',\n        size: 'large',\n        class: ['h-14', 'w-14', 'p-3', '[&>svg]:w-8', '[&>svg]:h-8'],\n      },\n      {\n        variant: 'icon-secondary',\n        size: 'extra-small',\n        class: ['h-8', 'w-8', 'p-1.5', '[&>svg]:w-5', '[&>svg]:h-5'],\n      },\n      {\n        variant: 'icon-secondary',\n        size: 'small',\n        class: ['h-10', 'w-10', 'p-2', '[&>svg]:w-6', '[&>svg]:h-6'],\n      },\n      {\n        variant: 'icon-secondary',\n        size: 'medium',\n        class: ['h-12', 'w-12', 'p-2.5', '[&>svg]:w-7', '[&>svg]:h-7'],\n      },\n      {\n        variant: 'icon-secondary',\n        size: 'large',\n        class: ['h-14', 'w-14', 'p-3', '[&>svg]:w-8', '[&>svg]:h-8'],\n      },\n    ],\n  }\n)\n"]}