@next-degree/pickle-shared-js 0.5.31 → 0.6.43

package/dist/components/ui/Avatar.js

@@ -0,0 +1,79 @@
+// src/components/primitives/avatar.tsx
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import * as React from "react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/primitives/avatar.tsx
+import { jsx } from "react/jsx-runtime";
+var AvatarBase = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn("relative flex shrink-0 overflow-hidden rounded-full", className),
+    ...props
+  }
+));
+AvatarBase.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full", className),
+    "data-testid": "job-card-avatar",
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-pumpkin-100 py-2 text-sm font-bold capitalize leading-normal text-white md:text-lg",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+
+// src/components/ui/Avatar.tsx
+import { cva } from "cva";
+import Link from "next/link";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function Avatar({ size, src, href, name, ...linkProps }) {
+  const fallbackShort = name?.slice(0, 2);
+  const fallbackWords = name?.split(" ").map((n) => n[0]).join("").slice(0, 2);
+  const fallback = fallbackWords && fallbackWords.length > 1 ? fallbackWords : fallbackShort;
+  const renderAvatar = () => /* @__PURE__ */ jsxs(AvatarBase, { className: avatarVariants({ size }), children: [
+    /* @__PURE__ */ jsx2(AvatarImage, { src, alt: name }),
+    /* @__PURE__ */ jsx2(AvatarFallback, { children: fallback?.toUpperCase() })
+  ] });
+  if (href) {
+    return /* @__PURE__ */ jsx2(Link, { href, ...linkProps, children: renderAvatar() });
+  }
+  return renderAvatar();
+}
+var avatarVariants = cva("ring ring-white ring-2", {
+  variants: {
+    size: {
+      large: "h-16 w-16",
+      medium: "h-10 w-10",
+      small: "h-8 w-8"
+    }
+  },
+  defaultVariants: {
+    size: "medium"
+  }
+});
+export {
+  Avatar,
+  avatarVariants
+};
+//# sourceMappingURL=Avatar.js.map

package/dist/components/ui/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/primitives/avatar.tsx","../../../src/lib/utils.ts","../../../src/components/ui/Avatar.tsx"],"sourcesContent":["'use client'\n\nimport * as AvatarPrimitive from '@radix-ui/react-avatar'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\n/**\n * Adapted from Radix Primitives Avatar\n * https://ui.shadcn.com/docs/components/avatar\n * Changes made to support custom size prop and to export Avatar wrapper component\n */\n\nexport const AvatarBase = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Root\n    ref={ref}\n    className={cn('relative flex shrink-0 overflow-hidden rounded-full', className)}\n    {...props}\n  />\n))\nAvatarBase.displayName = AvatarPrimitive.Root.displayName\n\nexport const AvatarImage = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn('aspect-square h-full w-full', className)}\n    data-testid=\"job-card-avatar\"\n    {...props}\n  />\n))\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\n\nexport const AvatarFallback = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn(\n      'flex h-full w-full items-center justify-center rounded-full bg-pumpkin-100 py-2 text-sm font-bold capitalize leading-normal text-white md:text-lg',\n      className\n    )}\n    {...props}\n  />\n))\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { AvatarBase, AvatarFallback, AvatarImage } from '@/components/primitives/avatar'\nimport { cva, VariantProps } from 'cva'\nimport Link from 'next/link'\nimport { ComponentProps } from 'react'\n\nexport type AvatarProps = VariantProps<typeof avatarVariants> &\n  Omit<ComponentProps<'a'>, 'href'> & {\n    src?: string\n    href?: string\n    name?: string\n  }\n\nexport function Avatar({ size, src, href, name, ...linkProps }: AvatarProps) {\n  const fallbackShort = name?.slice(0, 2)\n  const fallbackWords = name\n    ?.split(' ')\n    .map((n) => n[0])\n    .join('')\n    .slice(0, 2)\n\n  const fallback = fallbackWords && fallbackWords.length > 1 ? fallbackWords : fallbackShort\n\n  const renderAvatar = () => (\n    <AvatarBase className={avatarVariants({ size })}>\n      <AvatarImage src={src} alt={name} />\n      <AvatarFallback>{fallback?.toUpperCase()}</AvatarFallback>\n    </AvatarBase>\n  )\n\n  if (href) {\n    return (\n      <Link href={href} {...linkProps}>\n        {renderAvatar()}\n      </Link>\n    )\n  }\n\n  return renderAvatar()\n}\n\nexport const avatarVariants = cva('ring ring-white ring-2', {\n  variants: {\n    size: {\n      large: 'h-16 w-16',\n      medium: 'h-10 w-10',\n      small: 'h-8 w-8',\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n  },\n})\n"],"mappings":";AAEA,YAAY,qBAAqB;AACjC,YAAY,WAAW;;;ACHvB,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADYE;AAJK,IAAM,aAAmB,iBAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,uDAAuD,SAAS;AAAA,IAC7E,GAAG;AAAA;AACN,CACD;AACD,WAAW,cAA8B,qBAAK;AAEvC,IAAM,cAAoB,iBAG/B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,+BAA+B,SAAS;AAAA,IACtD,eAAY;AAAA,IACX,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAA8B,sBAAM;AAEzC,IAAM,iBAAuB,iBAGlC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,eAAe,cAA8B,yBAAS;;;AElDtD,SAAS,WAAyB;AAClC,OAAO,UAAU;AAqBb,SACE,OAAAA,MADF;AAXG,SAAS,OAAO,EAAE,MAAM,KAAK,MAAM,MAAM,GAAG,UAAU,GAAgB;AAC3E,QAAM,gBAAgB,MAAM,MAAM,GAAG,CAAC;AACtC,QAAM,gBAAgB,MAClB,MAAM,GAAG,EACV,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EACf,KAAK,EAAE,EACP,MAAM,GAAG,CAAC;AAEb,QAAM,WAAW,iBAAiB,cAAc,SAAS,IAAI,gBAAgB;AAE7E,QAAM,eAAe,MACnB,qBAAC,cAAW,WAAW,eAAe,EAAE,KAAK,CAAC,GAC5C;AAAA,oBAAAA,KAAC,eAAY,KAAU,KAAK,MAAM;AAAA,IAClC,gBAAAA,KAAC,kBAAgB,oBAAU,YAAY,GAAE;AAAA,KAC3C;AAGF,MAAI,MAAM;AACR,WACE,gBAAAA,KAAC,QAAK,MAAa,GAAG,WACnB,uBAAa,GAChB;AAAA,EAEJ;AAEA,SAAO,aAAa;AACtB;AAEO,IAAM,iBAAiB,IAAI,0BAA0B;AAAA,EAC1D,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":["jsx"]}

package/dist/components/ui/Icon.cjs

@@ -0,0 +1,114 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ui/Icon.tsx
+var Icon_exports = {};
+__export(Icon_exports, {
+  Icon: () => Icon
+});
+module.exports = __toCommonJS(Icon_exports);
+var import_react_slot = require("@radix-ui/react-slot");
+var import_cva = require("cva");
+var import_react = require("react");
+var import_tailwind_merge2 = require("tailwind-merge");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/ui/Icon.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Icon = (0, import_react.forwardRef)(
+  ({ variant, size, active = false, readonly = false, className, ...props }, ref) => {
+    const Component = readonly ? import_react_slot.Slot : "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Component,
+      {
+        className: cn(
+          (0, import_tailwind_merge2.twMerge)(iconVariants({ variant: active ? "active" : variant, size })),
+          className
+        ),
+        ...props,
+        ref
+      }
+    );
+  }
+);
+Icon.displayName = "Icon";
+var iconVariants = (0, import_cva.cva)(
+  [
+    "inline-flex",
+    "items-center",
+    "rounded-full",
+    "outline-2",
+    "outline-offset-2",
+    "outline-dashed",
+    "outline-transparent",
+    "disabled:text-grey-40",
+    "disabled:bg-transparent",
+    "disabled:pointer-events-none"
+  ],
+  {
+    variants: {
+      variant: {
+        filled: [
+          "border",
+          "border-green-80",
+          "bg-green-90",
+          "text-white",
+          "hover:bg-green-80",
+          "active:bg-green-80",
+          "focus:outline-pickle-100",
+          "disabled:bg-green-70"
+        ],
+        transparent: [
+          "text-black",
+          "hover:bg-grey-5",
+          "active:bg-grey-10",
+          "focus:outline-purple-100"
+        ],
+        tonal: [
+          "border",
+          "border-grey-5",
+          "hover:border-grey-10",
+          "active:border-grey-20",
+          "focus:outline-purple-100"
+        ],
+        active: ["text-black", "bg-pickle-100"]
+      },
+      size: {
+        small: ["h-10", "w-10", "p-3"],
+        medium: ["h-12", "w-12", "p-4"],
+        large: ["h-14", "w-14", "p-4"]
+      }
+    },
+    defaultVariants: {
+      variant: "filled",
+      size: "medium"
+    }
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Icon
+});
+//# sourceMappingURL=Icon.cjs.map

package/dist/components/ui/Icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/Icon.tsx","../../../src/lib/utils.ts"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'cva'\nimport { forwardRef } from 'react'\nimport { twMerge } from 'tailwind-merge'\n\nimport { cn } from '@/lib/utils'\n\ninterface IconProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof iconVariants> {\n  active?: boolean\n  readonly?: boolean\n}\n\nexport const Icon = forwardRef<HTMLButtonElement, IconProps>(\n  ({ variant, size, active = false, readonly = false, className, ...props }, ref) => {\n    const Component = readonly ? Slot : 'button'\n    return (\n      <Component\n        className={cn(\n          twMerge(iconVariants({ variant: active ? 'active' : variant, size })),\n          className\n        )}\n        {...props}\n        ref={ref}\n      />\n    )\n  }\n)\n\nIcon.displayName = 'Icon'\n\nconst iconVariants = cva(\n  [\n    'inline-flex',\n    'items-center',\n    'rounded-full',\n    'outline-2',\n    'outline-offset-2',\n    'outline-dashed',\n    'outline-transparent',\n    'disabled:text-grey-40',\n    'disabled:bg-transparent',\n    'disabled:pointer-events-none',\n  ],\n  {\n    variants: {\n      variant: {\n        filled: [\n          'border',\n          'border-green-80',\n          'bg-green-90',\n          'text-white',\n          'hover:bg-green-80',\n          'active:bg-green-80',\n          'focus:outline-pickle-100',\n          'disabled:bg-green-70',\n        ],\n        transparent: [\n          'text-black',\n          'hover:bg-grey-5',\n          'active:bg-grey-10',\n          'focus:outline-purple-100',\n        ],\n        tonal: [\n          'border',\n          'border-grey-5',\n          'hover:border-grey-10',\n          'active:border-grey-20',\n          'focus:outline-purple-100',\n        ],\n        active: ['text-black', 'bg-pickle-100'],\n      },\n      size: {\n        small: ['h-10', 'w-10', 'p-3'],\n        medium: ['h-12', 'w-12', 'p-4'],\n        large: ['h-14', 'w-14', 'p-4'],\n      },\n    },\n    defaultVariants: {\n      variant: 'filled',\n      size: 'medium',\n    },\n  }\n)\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAqB;AACrB,iBAAuC;AACvC,mBAA2B;AAC3B,IAAAA,yBAAwB;;;ACHxB,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADaM;AAJC,IAAM,WAAO;AAAA,EAClB,CAAC,EAAE,SAAS,MAAM,SAAS,OAAO,WAAW,OAAO,WAAW,GAAG,MAAM,GAAG,QAAQ;AACjF,UAAM,YAAY,WAAW,yBAAO;AACpC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,cACT,gCAAQ,aAAa,EAAE,SAAS,SAAS,WAAW,SAAS,KAAK,CAAC,CAAC;AAAA,UACpE;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QACJ;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;AAEnB,IAAM,mBAAe;AAAA,EACnB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,QAAQ;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,aAAa;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,QAAQ,CAAC,cAAc,eAAe;AAAA,MACxC;AAAA,MACA,MAAM;AAAA,QACJ,OAAO,CAAC,QAAQ,QAAQ,KAAK;AAAA,QAC7B,QAAQ,CAAC,QAAQ,QAAQ,KAAK;AAAA,QAC9B,OAAO,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC/B;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;","names":["import_tailwind_merge"]}

package/dist/components/ui/Icon.d.cts

@@ -0,0 +1,15 @@
+import * as cva_types from 'cva/types';
+import * as React$1 from 'react';
+import { VariantProps } from 'cva';
+
+interface IconProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconVariants> {
+    active?: boolean;
+    readonly?: boolean;
+}
+declare const Icon: React$1.ForwardRefExoticComponent<IconProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const iconVariants: (props?: ({
+    variant?: "transparent" | "filled" | "tonal" | "active" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+} & cva_types.ClassProp) | undefined) => string;
+
+export { Icon };

package/dist/components/ui/Icon.d.ts

@@ -0,0 +1,15 @@
+import * as cva_types from 'cva/types';
+import * as React$1 from 'react';
+import { VariantProps } from 'cva';
+
+interface IconProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconVariants> {
+    active?: boolean;
+    readonly?: boolean;
+}
+declare const Icon: React$1.ForwardRefExoticComponent<IconProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const iconVariants: (props?: ({
+    variant?: "transparent" | "filled" | "tonal" | "active" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+} & cva_types.ClassProp) | undefined) => string;
+
+export { Icon };

package/dist/components/ui/Icon.js

@@ -0,0 +1,89 @@
+// src/components/ui/Icon.tsx
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "cva";
+import { forwardRef } from "react";
+import { twMerge as twMerge2 } from "tailwind-merge";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/ui/Icon.tsx
+import { jsx } from "react/jsx-runtime";
+var Icon = forwardRef(
+  ({ variant, size, active = false, readonly = false, className, ...props }, ref) => {
+    const Component = readonly ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        className: cn(
+          twMerge2(iconVariants({ variant: active ? "active" : variant, size })),
+          className
+        ),
+        ...props,
+        ref
+      }
+    );
+  }
+);
+Icon.displayName = "Icon";
+var iconVariants = cva(
+  [
+    "inline-flex",
+    "items-center",
+    "rounded-full",
+    "outline-2",
+    "outline-offset-2",
+    "outline-dashed",
+    "outline-transparent",
+    "disabled:text-grey-40",
+    "disabled:bg-transparent",
+    "disabled:pointer-events-none"
+  ],
+  {
+    variants: {
+      variant: {
+        filled: [
+          "border",
+          "border-green-80",
+          "bg-green-90",
+          "text-white",
+          "hover:bg-green-80",
+          "active:bg-green-80",
+          "focus:outline-pickle-100",
+          "disabled:bg-green-70"
+        ],
+        transparent: [
+          "text-black",
+          "hover:bg-grey-5",
+          "active:bg-grey-10",
+          "focus:outline-purple-100"
+        ],
+        tonal: [
+          "border",
+          "border-grey-5",
+          "hover:border-grey-10",
+          "active:border-grey-20",
+          "focus:outline-purple-100"
+        ],
+        active: ["text-black", "bg-pickle-100"]
+      },
+      size: {
+        small: ["h-10", "w-10", "p-3"],
+        medium: ["h-12", "w-12", "p-4"],
+        large: ["h-14", "w-14", "p-4"]
+      }
+    },
+    defaultVariants: {
+      variant: "filled",
+      size: "medium"
+    }
+  }
+);
+export {
+  Icon
+};
+//# sourceMappingURL=Icon.js.map

package/dist/components/ui/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/Icon.tsx","../../../src/lib/utils.ts"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'cva'\nimport { forwardRef } from 'react'\nimport { twMerge } from 'tailwind-merge'\n\nimport { cn } from '@/lib/utils'\n\ninterface IconProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof iconVariants> {\n  active?: boolean\n  readonly?: boolean\n}\n\nexport const Icon = forwardRef<HTMLButtonElement, IconProps>(\n  ({ variant, size, active = false, readonly = false, className, ...props }, ref) => {\n    const Component = readonly ? Slot : 'button'\n    return (\n      <Component\n        className={cn(\n          twMerge(iconVariants({ variant: active ? 'active' : variant, size })),\n          className\n        )}\n        {...props}\n        ref={ref}\n      />\n    )\n  }\n)\n\nIcon.displayName = 'Icon'\n\nconst iconVariants = cva(\n  [\n    'inline-flex',\n    'items-center',\n    'rounded-full',\n    'outline-2',\n    'outline-offset-2',\n    'outline-dashed',\n    'outline-transparent',\n    'disabled:text-grey-40',\n    'disabled:bg-transparent',\n    'disabled:pointer-events-none',\n  ],\n  {\n    variants: {\n      variant: {\n        filled: [\n          'border',\n          'border-green-80',\n          'bg-green-90',\n          'text-white',\n          'hover:bg-green-80',\n          'active:bg-green-80',\n          'focus:outline-pickle-100',\n          'disabled:bg-green-70',\n        ],\n        transparent: [\n          'text-black',\n          'hover:bg-grey-5',\n          'active:bg-grey-10',\n          'focus:outline-purple-100',\n        ],\n        tonal: [\n          'border',\n          'border-grey-5',\n          'hover:border-grey-10',\n          'active:border-grey-20',\n          'focus:outline-purple-100',\n        ],\n        active: ['text-black', 'bg-pickle-100'],\n      },\n      size: {\n        small: ['h-10', 'w-10', 'p-3'],\n        medium: ['h-12', 'w-12', 'p-4'],\n        large: ['h-14', 'w-14', 'p-4'],\n      },\n    },\n    defaultVariants: {\n      variant: 'filled',\n      size: 'medium',\n    },\n  }\n)\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";AAAA,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,SAAS,kBAAkB;AAC3B,SAAS,WAAAA,gBAAe;;;ACHxB,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADaM;AAJC,IAAM,OAAO;AAAA,EAClB,CAAC,EAAE,SAAS,MAAM,SAAS,OAAO,WAAW,OAAO,WAAW,GAAG,MAAM,GAAG,QAAQ;AACjF,UAAM,YAAY,WAAW,OAAO;AACpC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACTC,SAAQ,aAAa,EAAE,SAAS,SAAS,WAAW,SAAS,KAAK,CAAC,CAAC;AAAA,UACpE;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QACJ;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;AAEnB,IAAM,eAAe;AAAA,EACnB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,QAAQ;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,aAAa;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,QAAQ,CAAC,cAAc,eAAe;AAAA,MACxC;AAAA,MACA,MAAM;AAAA,QACJ,OAAO,CAAC,QAAQ,QAAQ,KAAK;AAAA,QAC7B,QAAQ,CAAC,QAAQ,QAAQ,KAAK;AAAA,QAC9B,OAAO,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC/B;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;","names":["twMerge","twMerge"]}

package/dist/{app/layout.cjs → components/ui/LinkButton.cjs}

@@ -27,45 +27,35 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/app/layout.tsx
-var layout_exports = {};
-__export(layout_exports, {
-  default: () => RootLayout,
-  metadata: () => metadata
+// src/components/ui/LinkButton.tsx
+var LinkButton_exports = {};
+__export(LinkButton_exports, {
+  LinkButton: () => LinkButton
 });
-module.exports = __toCommonJS(layout_exports);
-var import_styles = require("@radix-ui/themes/styles.css");
-var import_local = __toESM(require("next/font/local"), 1);
+module.exports = __toCommonJS(LinkButton_exports);
+var import_link = __toESM(require("next/link"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
-var metadata = {
-  title: "Next.js",
-  description: "Generated by Next.js"
-};
-var ambit = (0, import_local.default)({
-  src: [
-    {
-      path: "../assets/fonts/AmbitRegular.otf",
-      weight: "400",
-      style: "normal"
-    },
-    {
-      path: "../assets/fonts/AmbitBold.otf",
-      weight: "700",
-      style: "normal"
-    },
+var LinkButton = ({
+  disabled = false,
+  useAnchor = false,
+  children,
+  href,
+  ...props
+}) => {
+  const Component = useAnchor ? "a" : import_link.default;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Component,
     {
-      path: "../assets/fonts/AmbitBoldItalic.otf",
-      weight: "700",
-      style: "italic"
+      href,
+      className: `inline-flex items-center justify-center gap-2 rounded-full text-sm font-bold leading-tight text-black underline outline-dashed outline-2 outline-offset-2 outline-transparent hover:text-purple-100 focus:text-black focus:outline-purple-100 active:text-purple-80 ${disabled ? "pointer-events-none text-grey-40" : ""} `,
+      ...disabled && { "aria-disabled": true, tabIndex: -1 },
+      ...props,
+      children
     }
-  ],
-  variable: "--font-ambit"
-});
-function RootLayout({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("html", { lang: "en", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("body", { className: ambit.className, children }) });
-}
+  );
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  metadata
+  LinkButton
 });
-//# sourceMappingURL=layout.cjs.map
+//# sourceMappingURL=LinkButton.cjs.map

package/dist/components/ui/LinkButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/LinkButton.tsx"],"sourcesContent":["import Link from 'next/link'\nimport React from 'react'\n\nexport interface LinkButtonProps\n  extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>,\n    Omit<React.ComponentProps<typeof Link>, 'href'> {\n  disabled?: boolean\n  href: string // Ensures href is always required and compatible with both\n  useAnchor?: boolean // New prop to decide between <a> and <Link>\n}\n\n/**\n * A custom button component that can render a link using either\n * Next.js's Link component or a regular <a> tag based on a prop.\n *\n * @component\n * @example\n * ```tsx\n * <LinkButton href=\"/about\">About</LinkButton>\n * ```\n *\n * @param {object} props - The component props.\n * @param {boolean} [props.disabled=false] - Determines if the button is disabled.\n * @param {boolean} [props.useAnchor=false] - Whether to render a regular <a> instead of Next.js Link.\n * @param {React.ReactNode} props.children - The content of the button.\n * @param {string} props.href - The URL the button points to.\n * @returns {JSX.Element} The rendered LinkButton component.\n */\nexport const LinkButton = ({\n  disabled = false,\n  useAnchor = false,\n  children,\n  href,\n  ...props\n}: LinkButtonProps) => {\n  const Component = useAnchor ? 'a' : Link\n\n  return (\n    <Component\n      href={href}\n      className={`inline-flex items-center justify-center gap-2 rounded-full text-sm font-bold leading-tight text-black underline outline-dashed outline-2 outline-offset-2 outline-transparent hover:text-purple-100 focus:text-black focus:outline-purple-100 active:text-purple-80 ${disabled ? 'pointer-events-none text-grey-40' : ''} `}\n      {...(disabled && { 'aria-disabled': true, tabIndex: -1 })}\n      {...props}\n    >\n      {children}\n    </Component>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AAsCb;AAVG,IAAM,aAAa,CAAC;AAAA,EACzB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuB;AACrB,QAAM,YAAY,YAAY,MAAM,YAAAA;AAEpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,uQAAuQ,WAAW,qCAAqC,EAAE;AAAA,MACnU,GAAI,YAAY,EAAE,iBAAiB,MAAM,UAAU,GAAG;AAAA,MACtD,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":["Link"]}

package/dist/components/ui/LinkButton.d.cts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import Link from 'next/link';
+import React__default from 'react';
+
+interface LinkButtonProps extends Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>, Omit<React__default.ComponentProps<typeof Link>, 'href'> {
+    disabled?: boolean;
+    href: string;
+    useAnchor?: boolean;
+}
+/**
+ * A custom button component that can render a link using either
+ * Next.js's Link component or a regular <a> tag based on a prop.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <LinkButton href="/about">About</LinkButton>
+ * ```
+ *
+ * @param {object} props - The component props.
+ * @param {boolean} [props.disabled=false] - Determines if the button is disabled.
+ * @param {boolean} [props.useAnchor=false] - Whether to render a regular <a> instead of Next.js Link.
+ * @param {React.ReactNode} props.children - The content of the button.
+ * @param {string} props.href - The URL the button points to.
+ * @returns {JSX.Element} The rendered LinkButton component.
+ */
+declare const LinkButton: ({ disabled, useAnchor, children, href, ...props }: LinkButtonProps) => react_jsx_runtime.JSX.Element;
+
+export { LinkButton, type LinkButtonProps };

package/dist/components/ui/LinkButton.d.ts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import Link from 'next/link';
+import React__default from 'react';
+
+interface LinkButtonProps extends Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>, Omit<React__default.ComponentProps<typeof Link>, 'href'> {
+    disabled?: boolean;
+    href: string;
+    useAnchor?: boolean;
+}
+/**
+ * A custom button component that can render a link using either
+ * Next.js's Link component or a regular <a> tag based on a prop.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <LinkButton href="/about">About</LinkButton>
+ * ```
+ *
+ * @param {object} props - The component props.
+ * @param {boolean} [props.disabled=false] - Determines if the button is disabled.
+ * @param {boolean} [props.useAnchor=false] - Whether to render a regular <a> instead of Next.js Link.
+ * @param {React.ReactNode} props.children - The content of the button.
+ * @param {string} props.href - The URL the button points to.
+ * @returns {JSX.Element} The rendered LinkButton component.
+ */
+declare const LinkButton: ({ disabled, useAnchor, children, href, ...props }: LinkButtonProps) => react_jsx_runtime.JSX.Element;
+
+export { LinkButton, type LinkButtonProps };

package/dist/components/ui/LinkButton.js

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

package/dist/components/ui/LinkButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/LinkButton.tsx"],"sourcesContent":["import Link from 'next/link'\nimport React from 'react'\n\nexport interface LinkButtonProps\n  extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>,\n    Omit<React.ComponentProps<typeof Link>, 'href'> {\n  disabled?: boolean\n  href: string // Ensures href is always required and compatible with both\n  useAnchor?: boolean // New prop to decide between <a> and <Link>\n}\n\n/**\n * A custom button component that can render a link using either\n * Next.js's Link component or a regular <a> tag based on a prop.\n *\n * @component\n * @example\n * ```tsx\n * <LinkButton href=\"/about\">About</LinkButton>\n * ```\n *\n * @param {object} props - The component props.\n * @param {boolean} [props.disabled=false] - Determines if the button is disabled.\n * @param {boolean} [props.useAnchor=false] - Whether to render a regular <a> instead of Next.js Link.\n * @param {React.ReactNode} props.children - The content of the button.\n * @param {string} props.href - The URL the button points to.\n * @returns {JSX.Element} The rendered LinkButton component.\n */\nexport const LinkButton = ({\n  disabled = false,\n  useAnchor = false,\n  children,\n  href,\n  ...props\n}: LinkButtonProps) => {\n  const Component = useAnchor ? 'a' : Link\n\n  return (\n    <Component\n      href={href}\n      className={`inline-flex items-center justify-center gap-2 rounded-full text-sm font-bold leading-tight text-black underline outline-dashed outline-2 outline-offset-2 outline-transparent hover:text-purple-100 focus:text-black focus:outline-purple-100 active:text-purple-80 ${disabled ? 'pointer-events-none text-grey-40' : ''} `}\n      {...(disabled && { 'aria-disabled': true, tabIndex: -1 })}\n      {...props}\n    >\n      {children}\n    </Component>\n  )\n}\n"],"mappings":";AAAA,OAAO,UAAU;AAsCb;AAVG,IAAM,aAAa,CAAC;AAAA,EACzB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuB;AACrB,QAAM,YAAY,YAAY,MAAM;AAEpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,uQAAuQ,WAAW,qCAAqC,EAAE;AAAA,MACnU,GAAI,YAAY,EAAE,iBAAiB,MAAM,UAAU,GAAG;AAAA,MACtD,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}