@next-degree/pickle-shared-js 0.6.50 → 0.7.52

package/dist/components/buttons/BackButton.cjs

@@ -136,7 +136,11 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
   const isAcceptedRoute = (r) => !!acceptedRoutes?.find((route) => new RegExp("^" + route + "$", "i").test(r));
   const goBack = () => {
     const previous = history[history.length - 2];
-    history.length > 1 && isAcceptedRoute(previous) ? router.back() : router.push(fallbackHref ?? "/");
+    if (history.length > 1 && isAcceptedRoute(previous)) {
+      router.back();
+    } else {
+      router.push(fallbackHref ?? "/");
+    }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     Icon,

package/dist/components/buttons/BackButton.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/buttons/BackButton.tsx","../../../src/components/ui/Icon.tsx","../../../src/lib/utils.ts","../../../src/hooks/useWindowHistory.ts","../../../src/contexts/WindowHistoryProvider.tsx"],"sourcesContent":["'use client'\n\nimport { X } from 'lucide-react'\nimport { useRouter } from 'next/navigation'\n\nimport { Icon } from '@/components/ui/Icon'\nimport { useWindowHistory } from '@/hooks/useWindowHistory'\n\ninterface Props extends React.HTMLAttributes<HTMLButtonElement> {\n  acceptedRoutes?: string[]\n  fallbackHref?: string\n}\n\nexport function BackButton({ acceptedRoutes, fallbackHref, className, ...props }: Readonly<Props>) {\n  const { history } = useWindowHistory()\n  const router = useRouter()\n\n  const isAcceptedRoute = (r: string) =>\n    !!acceptedRoutes?.find((route) => new RegExp('^' + route + '$', 'i').test(r))\n\n  const goBack = () => {\n    const previous = history[history.length - 2]\n    history.length > 1 && isAcceptedRoute(previous)\n      ? router.back()\n      : router.push(fallbackHref ?? '/')\n  }\n\n  return (\n    <Icon\n      aria-label=\"back button\"\n      variant=\"transparent\"\n      size=\"small\"\n      onClick={goBack}\n      className={className}\n      {...props}\n    >\n      <X />\n    </Icon>\n  )\n}\n","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 { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { useContext } from 'react'\n\nimport {\n  WindowHistoryContext,\n  type WindowHistoryContextProps,\n} from '@/contexts/WindowHistoryProvider'\n\nexport function useWindowHistory(): WindowHistoryContextProps {\n  const windowHistoryContext = useContext(WindowHistoryContext)\n\n  return windowHistoryContext\n}\n","'use client'\n\nimport { useSearchParams } from 'next/navigation'\nimport { createContext, type PropsWithChildren, useEffect, useMemo, useState } from 'react'\n\nexport interface WindowHistoryContextProps {\n  history: string[]\n}\n\nexport const WindowHistoryContext = createContext({} as WindowHistoryContextProps)\n\nexport function WindowHistoryProvider({ children }: Readonly<PropsWithChildren>) {\n  const [history, setHistory] = useState<string[]>([])\n  const searchParams = useSearchParams()\n\n  useEffect(() => {\n    setHistory((prev) =>\n      prev.at(-1) === window.location.href ? prev : [...prev, window.location.href]\n    )\n  }, [searchParams])\n\n  const contextValue = useMemo(() => ({ history }), [history])\n\n  return (\n    <WindowHistoryContext.Provider value={contextValue}>{children}</WindowHistoryContext.Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,0BAAkB;AAClB,IAAAA,qBAA0B;;;ACH1B,wBAAqB;AACrB,iBAAuC;AACvC,mBAA2B;AAC3B,IAAAC,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;;;AEpFA,IAAAC,gBAA2B;;;ACE3B,wBAAgC;AAChC,IAAAC,gBAAoF;AAqBhF,IAAAC,sBAAA;AAfG,IAAM,2BAAuB,6BAAc,CAAC,CAA8B;;;ADF1E,SAAS,mBAA8C;AAC5D,QAAM,2BAAuB,0BAAW,oBAAoB;AAE5D,SAAO;AACT;;;AHyBM,IAAAC,sBAAA;AAvBC,SAAS,WAAW,EAAE,gBAAgB,cAAc,WAAW,GAAG,MAAM,GAAoB;AACjG,QAAM,EAAE,QAAQ,IAAI,iBAAiB;AACrC,QAAM,aAAS,8BAAU;AAEzB,QAAM,kBAAkB,CAAC,MACvB,CAAC,CAAC,gBAAgB,KAAK,CAAC,UAAU,IAAI,OAAO,MAAM,QAAQ,KAAK,GAAG,EAAE,KAAK,CAAC,CAAC;AAE9E,QAAM,SAAS,MAAM;AACnB,UAAM,WAAW,QAAQ,QAAQ,SAAS,CAAC;AAC3C,YAAQ,SAAS,KAAK,gBAAgB,QAAQ,IAC1C,OAAO,KAAK,IACZ,OAAO,KAAK,gBAAgB,GAAG;AAAA,EACrC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,SAAS;AAAA,MACT;AAAA,MACC,GAAG;AAAA,MAEJ,uDAAC,yBAAE;AAAA;AAAA,EACL;AAEJ;","names":["import_navigation","import_tailwind_merge","import_react","import_react","import_jsx_runtime","import_jsx_runtime"]}
+{"version":3,"sources":["../../../src/components/buttons/BackButton.tsx","../../../src/components/ui/Icon.tsx","../../../src/lib/utils.ts","../../../src/hooks/useWindowHistory.ts","../../../src/contexts/WindowHistoryProvider.tsx"],"sourcesContent":["'use client'\n\nimport { X } from 'lucide-react'\nimport { useRouter } from 'next/navigation'\n\nimport { Icon } from '@/components/ui/Icon'\nimport { useWindowHistory } from '@/hooks/useWindowHistory'\n\ninterface Props extends React.HTMLAttributes<HTMLButtonElement> {\n  acceptedRoutes?: string[]\n  fallbackHref?: string\n}\n\nexport function BackButton({ acceptedRoutes, fallbackHref, className, ...props }: Readonly<Props>) {\n  const { history } = useWindowHistory()\n  const router = useRouter()\n\n  const isAcceptedRoute = (r: string) =>\n    !!acceptedRoutes?.find((route) => new RegExp('^' + route + '$', 'i').test(r))\n\n  const goBack = () => {\n    const previous = history[history.length - 2]\n    if (history.length > 1 && isAcceptedRoute(previous)) {\n      router.back()\n    } else {\n      router.push(fallbackHref ?? '/')\n    }\n  }\n\n  return (\n    <Icon\n      aria-label=\"back button\"\n      variant=\"transparent\"\n      size=\"small\"\n      onClick={goBack}\n      className={className}\n      {...props}\n    >\n      <X />\n    </Icon>\n  )\n}\n","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","import { useContext } from 'react'\n\nimport {\n  WindowHistoryContext,\n  type WindowHistoryContextProps,\n} from '@/contexts/WindowHistoryProvider'\n\nexport function useWindowHistory(): WindowHistoryContextProps {\n  const windowHistoryContext = useContext(WindowHistoryContext)\n\n  return windowHistoryContext\n}\n","'use client'\n\nimport { useSearchParams } from 'next/navigation'\nimport { createContext, type PropsWithChildren, useEffect, useMemo, useState } from 'react'\n\nexport interface WindowHistoryContextProps {\n  history: string[]\n}\n\nexport const WindowHistoryContext = createContext({} as WindowHistoryContextProps)\n\nexport function WindowHistoryProvider({ children }: Readonly<PropsWithChildren>) {\n  const [history, setHistory] = useState<string[]>([])\n  const searchParams = useSearchParams()\n\n  useEffect(() => {\n    setHistory((prev) =>\n      prev.at(-1) === window.location.href ? prev : [...prev, window.location.href]\n    )\n  }, [searchParams])\n\n  const contextValue = useMemo(() => ({ history }), [history])\n\n  return (\n    <WindowHistoryContext.Provider value={contextValue}>{children}</WindowHistoryContext.Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,0BAAkB;AAClB,IAAAA,qBAA0B;;;ACH1B,wBAAqB;AACrB,iBAAuC;AACvC,mBAA2B;AAC3B,IAAAC,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;;;AEpFA,IAAAC,gBAA2B;;;ACE3B,wBAAgC;AAChC,IAAAC,gBAAoF;AAqBhF,IAAAC,sBAAA;AAfG,IAAM,2BAAuB,6BAAc,CAAC,CAA8B;;;ADF1E,SAAS,mBAA8C;AAC5D,QAAM,2BAAuB,0BAAW,oBAAoB;AAE5D,SAAO;AACT;;;AH2BM,IAAAC,sBAAA;AAzBC,SAAS,WAAW,EAAE,gBAAgB,cAAc,WAAW,GAAG,MAAM,GAAoB;AACjG,QAAM,EAAE,QAAQ,IAAI,iBAAiB;AACrC,QAAM,aAAS,8BAAU;AAEzB,QAAM,kBAAkB,CAAC,MACvB,CAAC,CAAC,gBAAgB,KAAK,CAAC,UAAU,IAAI,OAAO,MAAM,QAAQ,KAAK,GAAG,EAAE,KAAK,CAAC,CAAC;AAE9E,QAAM,SAAS,MAAM;AACnB,UAAM,WAAW,QAAQ,QAAQ,SAAS,CAAC;AAC3C,QAAI,QAAQ,SAAS,KAAK,gBAAgB,QAAQ,GAAG;AACnD,aAAO,KAAK;AAAA,IACd,OAAO;AACL,aAAO,KAAK,gBAAgB,GAAG;AAAA,IACjC;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,SAAS;AAAA,MACT;AAAA,MACC,GAAG;AAAA,MAEJ,uDAAC,yBAAE;AAAA;AAAA,EACL;AAEJ;","names":["import_navigation","import_tailwind_merge","import_react","import_react","import_jsx_runtime","import_jsx_runtime"]}

package/dist/components/buttons/BackButton.js

@@ -113,7 +113,11 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
   const isAcceptedRoute = (r) => !!acceptedRoutes?.find((route) => new RegExp("^" + route + "$", "i").test(r));
   const goBack = () => {
     const previous = history[history.length - 2];
-    history.length > 1 && isAcceptedRoute(previous) ? router.back() : router.push(fallbackHref ?? "/");
+    if (history.length > 1 && isAcceptedRoute(previous)) {
+      router.back();
+    } else {
+      router.push(fallbackHref ?? "/");
+    }
   };
   return /* @__PURE__ */ jsx3(
     Icon,

package/dist/components/buttons/BackButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/buttons/BackButton.tsx","../../../src/components/ui/Icon.tsx","../../../src/lib/utils.ts","../../../src/hooks/useWindowHistory.ts","../../../src/contexts/WindowHistoryProvider.tsx"],"sourcesContent":["'use client'\n\nimport { X } from 'lucide-react'\nimport { useRouter } from 'next/navigation'\n\nimport { Icon } from '@/components/ui/Icon'\nimport { useWindowHistory } from '@/hooks/useWindowHistory'\n\ninterface Props extends React.HTMLAttributes<HTMLButtonElement> {\n  acceptedRoutes?: string[]\n  fallbackHref?: string\n}\n\nexport function BackButton({ acceptedRoutes, fallbackHref, className, ...props }: Readonly<Props>) {\n  const { history } = useWindowHistory()\n  const router = useRouter()\n\n  const isAcceptedRoute = (r: string) =>\n    !!acceptedRoutes?.find((route) => new RegExp('^' + route + '$', 'i').test(r))\n\n  const goBack = () => {\n    const previous = history[history.length - 2]\n    history.length > 1 && isAcceptedRoute(previous)\n      ? router.back()\n      : router.push(fallbackHref ?? '/')\n  }\n\n  return (\n    <Icon\n      aria-label=\"back button\"\n      variant=\"transparent\"\n      size=\"small\"\n      onClick={goBack}\n      className={className}\n      {...props}\n    >\n      <X />\n    </Icon>\n  )\n}\n","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 { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { useContext } from 'react'\n\nimport {\n  WindowHistoryContext,\n  type WindowHistoryContextProps,\n} from '@/contexts/WindowHistoryProvider'\n\nexport function useWindowHistory(): WindowHistoryContextProps {\n  const windowHistoryContext = useContext(WindowHistoryContext)\n\n  return windowHistoryContext\n}\n","'use client'\n\nimport { useSearchParams } from 'next/navigation'\nimport { createContext, type PropsWithChildren, useEffect, useMemo, useState } from 'react'\n\nexport interface WindowHistoryContextProps {\n  history: string[]\n}\n\nexport const WindowHistoryContext = createContext({} as WindowHistoryContextProps)\n\nexport function WindowHistoryProvider({ children }: Readonly<PropsWithChildren>) {\n  const [history, setHistory] = useState<string[]>([])\n  const searchParams = useSearchParams()\n\n  useEffect(() => {\n    setHistory((prev) =>\n      prev.at(-1) === window.location.href ? prev : [...prev, window.location.href]\n    )\n  }, [searchParams])\n\n  const contextValue = useMemo(() => ({ history }), [history])\n\n  return (\n    <WindowHistoryContext.Provider value={contextValue}>{children}</WindowHistoryContext.Provider>\n  )\n}\n"],"mappings":";;;AAEA,SAAS,SAAS;AAClB,SAAS,iBAAiB;;;ACH1B,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,SAAS,kBAAkB;AAC3B,SAAS,WAAAA,gBAAe;;;ACHxB,SAAS,YAA6B;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;;;AEpFA,SAAS,kBAAkB;;;ACE3B,SAAS,uBAAuB;AAChC,SAAS,eAAuC,WAAW,SAAS,gBAAgB;AAqBhF,gBAAAC,YAAA;AAfG,IAAM,uBAAuB,cAAc,CAAC,CAA8B;;;ADF1E,SAAS,mBAA8C;AAC5D,QAAM,uBAAuB,WAAW,oBAAoB;AAE5D,SAAO;AACT;;;AHyBM,gBAAAC,YAAA;AAvBC,SAAS,WAAW,EAAE,gBAAgB,cAAc,WAAW,GAAG,MAAM,GAAoB;AACjG,QAAM,EAAE,QAAQ,IAAI,iBAAiB;AACrC,QAAM,SAAS,UAAU;AAEzB,QAAM,kBAAkB,CAAC,MACvB,CAAC,CAAC,gBAAgB,KAAK,CAAC,UAAU,IAAI,OAAO,MAAM,QAAQ,KAAK,GAAG,EAAE,KAAK,CAAC,CAAC;AAE9E,QAAM,SAAS,MAAM;AACnB,UAAM,WAAW,QAAQ,QAAQ,SAAS,CAAC;AAC3C,YAAQ,SAAS,KAAK,gBAAgB,QAAQ,IAC1C,OAAO,KAAK,IACZ,OAAO,KAAK,gBAAgB,GAAG;AAAA,EACrC;AAEA,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,SAAS;AAAA,MACT;AAAA,MACC,GAAG;AAAA,MAEJ,0BAAAA,KAAC,KAAE;AAAA;AAAA,EACL;AAEJ;","names":["twMerge","twMerge","jsx","jsx"]}
+{"version":3,"sources":["../../../src/components/buttons/BackButton.tsx","../../../src/components/ui/Icon.tsx","../../../src/lib/utils.ts","../../../src/hooks/useWindowHistory.ts","../../../src/contexts/WindowHistoryProvider.tsx"],"sourcesContent":["'use client'\n\nimport { X } from 'lucide-react'\nimport { useRouter } from 'next/navigation'\n\nimport { Icon } from '@/components/ui/Icon'\nimport { useWindowHistory } from '@/hooks/useWindowHistory'\n\ninterface Props extends React.HTMLAttributes<HTMLButtonElement> {\n  acceptedRoutes?: string[]\n  fallbackHref?: string\n}\n\nexport function BackButton({ acceptedRoutes, fallbackHref, className, ...props }: Readonly<Props>) {\n  const { history } = useWindowHistory()\n  const router = useRouter()\n\n  const isAcceptedRoute = (r: string) =>\n    !!acceptedRoutes?.find((route) => new RegExp('^' + route + '$', 'i').test(r))\n\n  const goBack = () => {\n    const previous = history[history.length - 2]\n    if (history.length > 1 && isAcceptedRoute(previous)) {\n      router.back()\n    } else {\n      router.push(fallbackHref ?? '/')\n    }\n  }\n\n  return (\n    <Icon\n      aria-label=\"back button\"\n      variant=\"transparent\"\n      size=\"small\"\n      onClick={goBack}\n      className={className}\n      {...props}\n    >\n      <X />\n    </Icon>\n  )\n}\n","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","import { useContext } from 'react'\n\nimport {\n  WindowHistoryContext,\n  type WindowHistoryContextProps,\n} from '@/contexts/WindowHistoryProvider'\n\nexport function useWindowHistory(): WindowHistoryContextProps {\n  const windowHistoryContext = useContext(WindowHistoryContext)\n\n  return windowHistoryContext\n}\n","'use client'\n\nimport { useSearchParams } from 'next/navigation'\nimport { createContext, type PropsWithChildren, useEffect, useMemo, useState } from 'react'\n\nexport interface WindowHistoryContextProps {\n  history: string[]\n}\n\nexport const WindowHistoryContext = createContext({} as WindowHistoryContextProps)\n\nexport function WindowHistoryProvider({ children }: Readonly<PropsWithChildren>) {\n  const [history, setHistory] = useState<string[]>([])\n  const searchParams = useSearchParams()\n\n  useEffect(() => {\n    setHistory((prev) =>\n      prev.at(-1) === window.location.href ? prev : [...prev, window.location.href]\n    )\n  }, [searchParams])\n\n  const contextValue = useMemo(() => ({ history }), [history])\n\n  return (\n    <WindowHistoryContext.Provider value={contextValue}>{children}</WindowHistoryContext.Provider>\n  )\n}\n"],"mappings":";;;AAEA,SAAS,SAAS;AAClB,SAAS,iBAAiB;;;ACH1B,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;;;AEpFA,SAAS,kBAAkB;;;ACE3B,SAAS,uBAAuB;AAChC,SAAS,eAAuC,WAAW,SAAS,gBAAgB;AAqBhF,gBAAAC,YAAA;AAfG,IAAM,uBAAuB,cAAc,CAAC,CAA8B;;;ADF1E,SAAS,mBAA8C;AAC5D,QAAM,uBAAuB,WAAW,oBAAoB;AAE5D,SAAO;AACT;;;AH2BM,gBAAAC,YAAA;AAzBC,SAAS,WAAW,EAAE,gBAAgB,cAAc,WAAW,GAAG,MAAM,GAAoB;AACjG,QAAM,EAAE,QAAQ,IAAI,iBAAiB;AACrC,QAAM,SAAS,UAAU;AAEzB,QAAM,kBAAkB,CAAC,MACvB,CAAC,CAAC,gBAAgB,KAAK,CAAC,UAAU,IAAI,OAAO,MAAM,QAAQ,KAAK,GAAG,EAAE,KAAK,CAAC,CAAC;AAE9E,QAAM,SAAS,MAAM;AACnB,UAAM,WAAW,QAAQ,QAAQ,SAAS,CAAC;AAC3C,QAAI,QAAQ,SAAS,KAAK,gBAAgB,QAAQ,GAAG;AACnD,aAAO,KAAK;AAAA,IACd,OAAO;AACL,aAAO,KAAK,gBAAgB,GAAG;AAAA,IACjC;AAAA,EACF;AAEA,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,SAAS;AAAA,MACT;AAAA,MACC,GAAG;AAAA,MAEJ,0BAAAA,KAAC,KAAE;AAAA;AAAA,EACL;AAEJ;","names":["twMerge","twMerge","jsx","jsx"]}

package/dist/components/company/CompanyTake.cjs

@@ -35,6 +35,10 @@ __export(CompanyTake_exports, {
 });
 module.exports = __toCommonJS(CompanyTake_exports);
 
+// src/components/ui/Avatar.tsx
+var import_cva = require("cva");
+var import_link = __toESM(require("next/link"), 1);
+
 // src/components/primitives/avatar.tsx
 var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"), 1);
 var React = __toESM(require("react"), 1);
@@ -81,8 +85,6 @@ var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PU
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/components/ui/Avatar.tsx
-var import_cva = require("cva");
-var import_link = __toESM(require("next/link"), 1);
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function Avatar({ size, src, href, name, ...linkProps }) {
   const fallbackShort = name?.slice(0, 2);

package/dist/components/company/CompanyTake.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/company/CompanyTake.tsx","../../../src/components/primitives/avatar.tsx","../../../src/lib/utils.ts","../../../src/components/ui/Avatar.tsx"],"sourcesContent":["'use client'\n\nimport { Avatar } from '@/components/ui/Avatar'\n\ninterface Props {\n  content?: string\n  avatarSrc?: string\n}\n\nexport function CompanyTake({ content, avatarSrc }: Readonly<Props>) {\n  if (!content) return null\n\n  return (\n    <div\n      data-testid=\"company-take\"\n      className=\"align-center w-full justify-start rounded-2xl bg-green-90 p-6\"\n    >\n      <p className=\"text-lg font-bold text-white sm:text-xl\">The Real Dill ☘️</p>\n      <div className=\"mt-2 flex items-center justify-start\">\n        <p className=\"text-sm font-normal text-grey-10\">{content}</p>\n      </div>\n      <div className=\"mt-8 flex w-full items-center gap-3\">\n        <Avatar name=\"Jon Lee\" src={avatarSrc} />\n        <div className=\"flex flex-col flex-wrap items-start\">\n          <p className=\"text-sm font-bold text-white\">Jon Lee, PT, DPT, OCS, FAAOMPT, MBA</p>\n          <p className=\"text-xs font-normal text-grey-30\">Pickle co-founder</p>\n        </div>\n      </div>\n    </div>\n  )\n}\n","'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 { clsx, type ClassValue } 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,sBAAiC;AACjC,YAAuB;;;ACHvB,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,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,iBAAkC;AAClC,kBAAiB;AAqBb,IAAAA,sBAAA;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,8CAAC,cAAW,WAAW,eAAe,EAAE,KAAK,CAAC,GAC5C;AAAA,iDAAC,eAAY,KAAU,KAAK,MAAM;AAAA,IAClC,6CAAC,kBAAgB,oBAAU,YAAY,GAAE;AAAA,KAC3C;AAGF,MAAI,MAAM;AACR,WACE,6CAAC,YAAAC,SAAA,EAAK,MAAa,GAAG,WACnB,uBAAa,GAChB;AAAA,EAEJ;AAEA,SAAO,aAAa;AACtB;AAEO,IAAM,qBAAiB,gBAAI,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;;;AHlCK,IAAAC,sBAAA;AARC,SAAS,YAAY,EAAE,SAAS,UAAU,GAAoB;AACnE,MAAI,CAAC,QAAS,QAAO;AAErB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAU;AAAA,MAEV;AAAA,qDAAC,OAAE,WAAU,2CAA0C,wCAAgB;AAAA,QACvE,6CAAC,SAAI,WAAU,wCACb,uDAAC,OAAE,WAAU,oCAAoC,mBAAQ,GAC3D;AAAA,QACA,8CAAC,SAAI,WAAU,uCACb;AAAA,uDAAC,UAAO,MAAK,WAAU,KAAK,WAAW;AAAA,UACvC,8CAAC,SAAI,WAAU,uCACb;AAAA,yDAAC,OAAE,WAAU,gCAA+B,iDAAmC;AAAA,YAC/E,6CAAC,OAAE,WAAU,oCAAmC,+BAAiB;AAAA,aACnE;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["import_jsx_runtime","Link","import_jsx_runtime"]}
+{"version":3,"sources":["../../../src/components/company/CompanyTake.tsx","../../../src/components/ui/Avatar.tsx","../../../src/components/primitives/avatar.tsx","../../../src/lib/utils.ts"],"sourcesContent":["'use client'\n\nimport { Avatar } from '@/components/ui/Avatar'\n\ninterface Props {\n  content?: string\n  avatarSrc?: string\n}\n\nexport function CompanyTake({ content, avatarSrc }: Readonly<Props>) {\n  if (!content) return null\n\n  return (\n    <div\n      data-testid=\"company-take\"\n      className=\"align-center w-full justify-start rounded-2xl bg-green-90 p-6\"\n    >\n      <p className=\"text-lg font-bold text-white sm:text-xl\">The Real Dill ☘️</p>\n      <div className=\"mt-2 flex items-center justify-start\">\n        <p className=\"text-sm font-normal text-grey-10\">{content}</p>\n      </div>\n      <div className=\"mt-8 flex w-full items-center gap-3\">\n        <Avatar name=\"Jon Lee\" src={avatarSrc} />\n        <div className=\"flex flex-col flex-wrap items-start\">\n          <p className=\"text-sm font-bold text-white\">Jon Lee, PT, DPT, OCS, FAAOMPT, MBA</p>\n          <p className=\"text-xs font-normal text-grey-30\">Pickle co-founder</p>\n        </div>\n      </div>\n    </div>\n  )\n}\n","import { cva, type VariantProps } from 'cva'\nimport Link from 'next/link'\nimport { type ComponentProps } from 'react'\n\nimport { AvatarBase, AvatarFallback, AvatarImage } from '@/components/primitives/avatar'\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","'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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,iBAAuC;AACvC,kBAAiB;;;ACCjB,sBAAiC;AACjC,YAAuB;;;ACHvB,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,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;;;AD3BlD,IAAAA,sBAAA;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,8CAAC,cAAW,WAAW,eAAe,EAAE,KAAK,CAAC,GAC5C;AAAA,iDAAC,eAAY,KAAU,KAAK,MAAM;AAAA,IAClC,6CAAC,kBAAgB,oBAAU,YAAY,GAAE;AAAA,KAC3C;AAGF,MAAI,MAAM;AACR,WACE,6CAAC,YAAAC,SAAA,EAAK,MAAa,GAAG,WACnB,uBAAa,GAChB;AAAA,EAEJ;AAEA,SAAO,aAAa;AACtB;AAEO,IAAM,qBAAiB,gBAAI,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;;;ADnCK,IAAAC,sBAAA;AARC,SAAS,YAAY,EAAE,SAAS,UAAU,GAAoB;AACnE,MAAI,CAAC,QAAS,QAAO;AAErB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAU;AAAA,MAEV;AAAA,qDAAC,OAAE,WAAU,2CAA0C,wCAAgB;AAAA,QACvE,6CAAC,SAAI,WAAU,wCACb,uDAAC,OAAE,WAAU,oCAAoC,mBAAQ,GAC3D;AAAA,QACA,8CAAC,SAAI,WAAU,uCACb;AAAA,uDAAC,UAAO,MAAK,WAAU,KAAK,WAAW;AAAA,UACvC,8CAAC,SAAI,WAAU,uCACb;AAAA,yDAAC,OAAE,WAAU,gCAA+B,iDAAmC;AAAA,YAC/E,6CAAC,OAAE,WAAU,oCAAmC,+BAAiB;AAAA,aACnE;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["import_jsx_runtime","Link","import_jsx_runtime"]}

package/dist/components/company/CompanyTake.js

@@ -1,5 +1,9 @@
 "use client";
 
+// src/components/ui/Avatar.tsx
+import { cva } from "cva";
+import Link from "next/link";
+
 // src/components/primitives/avatar.tsx
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import * as React from "react";
@@ -46,8 +50,6 @@ var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PU
 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);

package/dist/components/company/CompanyTake.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/primitives/avatar.tsx","../../../src/lib/utils.ts","../../../src/components/ui/Avatar.tsx","../../../src/components/company/CompanyTake.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 { clsx, type ClassValue } 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","'use client'\n\nimport { Avatar } from '@/components/ui/Avatar'\n\ninterface Props {\n  content?: string\n  avatarSrc?: string\n}\n\nexport function CompanyTake({ content, avatarSrc }: Readonly<Props>) {\n  if (!content) return null\n\n  return (\n    <div\n      data-testid=\"company-take\"\n      className=\"align-center w-full justify-start rounded-2xl bg-green-90 p-6\"\n    >\n      <p className=\"text-lg font-bold text-white sm:text-xl\">The Real Dill ☘️</p>\n      <div className=\"mt-2 flex items-center justify-start\">\n        <p className=\"text-sm font-normal text-grey-10\">{content}</p>\n      </div>\n      <div className=\"mt-8 flex w-full items-center gap-3\">\n        <Avatar name=\"Jon Lee\" src={avatarSrc} />\n        <div className=\"flex flex-col flex-wrap items-start\">\n          <p className=\"text-sm font-bold text-white\">Jon Lee, PT, DPT, OCS, FAAOMPT, MBA</p>\n          <p className=\"text-xs font-normal text-grey-30\">Pickle co-founder</p>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;AAEA,YAAY,qBAAqB;AACjC,YAAY,WAAW;;;ACHvB,SAAS,YAA6B;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;;;AClCK,gBAAAC,MAME,QAAAC,aANF;AARC,SAAS,YAAY,EAAE,SAAS,UAAU,GAAoB;AACnE,MAAI,CAAC,QAAS,QAAO;AAErB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAU;AAAA,MAEV;AAAA,wBAAAD,KAAC,OAAE,WAAU,2CAA0C,wCAAgB;AAAA,QACvE,gBAAAA,KAAC,SAAI,WAAU,wCACb,0BAAAA,KAAC,OAAE,WAAU,oCAAoC,mBAAQ,GAC3D;AAAA,QACA,gBAAAC,MAAC,SAAI,WAAU,uCACb;AAAA,0BAAAD,KAAC,UAAO,MAAK,WAAU,KAAK,WAAW;AAAA,UACvC,gBAAAC,MAAC,SAAI,WAAU,uCACb;AAAA,4BAAAD,KAAC,OAAE,WAAU,gCAA+B,iDAAmC;AAAA,YAC/E,gBAAAA,KAAC,OAAE,WAAU,oCAAmC,+BAAiB;AAAA,aACnE;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["jsx","jsx","jsxs"]}
+{"version":3,"sources":["../../../src/components/ui/Avatar.tsx","../../../src/components/primitives/avatar.tsx","../../../src/lib/utils.ts","../../../src/components/company/CompanyTake.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'cva'\nimport Link from 'next/link'\nimport { type ComponentProps } from 'react'\n\nimport { AvatarBase, AvatarFallback, AvatarImage } from '@/components/primitives/avatar'\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","'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","'use client'\n\nimport { Avatar } from '@/components/ui/Avatar'\n\ninterface Props {\n  content?: string\n  avatarSrc?: string\n}\n\nexport function CompanyTake({ content, avatarSrc }: Readonly<Props>) {\n  if (!content) return null\n\n  return (\n    <div\n      data-testid=\"company-take\"\n      className=\"align-center w-full justify-start rounded-2xl bg-green-90 p-6\"\n    >\n      <p className=\"text-lg font-bold text-white sm:text-xl\">The Real Dill ☘️</p>\n      <div className=\"mt-2 flex items-center justify-start\">\n        <p className=\"text-sm font-normal text-grey-10\">{content}</p>\n      </div>\n      <div className=\"mt-8 flex w-full items-center gap-3\">\n        <Avatar name=\"Jon Lee\" src={avatarSrc} />\n        <div className=\"flex flex-col flex-wrap items-start\">\n          <p className=\"text-sm font-bold text-white\">Jon Lee, PT, DPT, OCS, FAAOMPT, MBA</p>\n          <p className=\"text-xs font-normal text-grey-30\">Pickle co-founder</p>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;AAAA,SAAS,WAA8B;AACvC,OAAO,UAAU;;;ACCjB,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;;;AD3BlD,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;;;AGnCK,gBAAAC,MAME,QAAAC,aANF;AARC,SAAS,YAAY,EAAE,SAAS,UAAU,GAAoB;AACnE,MAAI,CAAC,QAAS,QAAO;AAErB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAU;AAAA,MAEV;AAAA,wBAAAD,KAAC,OAAE,WAAU,2CAA0C,wCAAgB;AAAA,QACvE,gBAAAA,KAAC,SAAI,WAAU,wCACb,0BAAAA,KAAC,OAAE,WAAU,oCAAoC,mBAAQ,GAC3D;AAAA,QACA,gBAAAC,MAAC,SAAI,WAAU,uCACb;AAAA,0BAAAD,KAAC,UAAO,MAAK,WAAU,KAAK,WAAW;AAAA,UACvC,gBAAAC,MAAC,SAAI,WAAU,uCACb;AAAA,4BAAAD,KAAC,OAAE,WAAU,gCAA+B,iDAAmC;AAAA,YAC/E,gBAAAA,KAAC,OAAE,WAAU,oCAAmC,+BAAiB;AAAA,aACnE;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["jsx","jsx","jsxs"]}

package/dist/components/jobPost/JobDescription.cjs

@@ -38,6 +38,11 @@ module.exports = __toCommonJS(JobDescription_exports);
 var import_react2 = require("react");
 var import_react_markdown = __toESM(require("react-markdown"), 1);
 
+// src/components/ui/Button.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_cva = require("cva");
+var import_react = require("react");
+
 // src/lib/utils.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
@@ -46,9 +51,6 @@ function cn(...inputs) {
 }
 
 // src/components/ui/Button.tsx
-var import_react_slot = require("@radix-ui/react-slot");
-var import_cva = require("cva");
-var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Button = (0, import_react.forwardRef)(
   ({ className, variant, size, asChild = false, ...props }, ref) => {

package/dist/components/jobPost/JobDescription.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/jobPost/JobDescription.tsx","../../../src/components/ui/ReadMore.tsx","../../../src/lib/utils.ts","../../../src/components/ui/Button.tsx"],"sourcesContent":["import { ReadMore } from '@/components/ui/ReadMore'\n\nexport type JobDescriptionProps = {\n  description?: string\n}\n\nexport function JobDescription({ description }: JobDescriptionProps) {\n  if (!description) return null\n\n  return (\n    <div className=\"flex w-full flex-col gap-2\">\n      <h3 className=\"text-xl font-bold\">Job Description</h3>\n      <ReadMore text={description} />\n    </div>\n  )\n}\n","'use client'\n\nimport { ComponentProps, useEffect, useState } from 'react'\nimport Markdown from 'react-markdown'\n\nimport { Button } from '@/components/ui/Button'\n\nexport type ReadMoreProps = ComponentProps<'div'> & {\n  text: string\n}\n\nexport function ReadMore({ text, ...props }: Readonly<ReadMoreProps>) {\n  const [isExpanded, setIsExpanded] = useState(false)\n  const [maxWords, setMaxWords] = useState(160)\n\n  useEffect(() => {\n    const updateMaxWords = () => {\n      const windowWidth = window.innerWidth\n      if (windowWidth <= 768) {\n        setMaxWords(50)\n      } else {\n        setMaxWords(160)\n      }\n    }\n\n    updateMaxWords()\n    window.addEventListener('resize', updateMaxWords)\n\n    return () => window.removeEventListener('resize', updateMaxWords)\n  }, [])\n\n  function createReadMoreText(text: string, maxWords: number, isExpanded: boolean): string {\n    const words = text.split(' ')\n\n    const snippet = isExpanded ? text : words.slice(0, maxWords).join(' ')\n    const readMoreText = isExpanded ? '' : '...'\n    return `${snippet} ${readMoreText}`\n  }\n\n  const toggleText = () => setIsExpanded(!isExpanded)\n\n  const snippet = createReadMoreText(text, maxWords, isExpanded)\n\n  return (\n    <div {...props}>\n      <div data-testid=\"read-more-text\" className=\"prose lg:prose-lg\">\n        <Markdown>{snippet}</Markdown>\n      </div>\n      <Button\n        type=\"button\"\n        className=\"mt-2 flex items-center justify-center\"\n        variant=\"link\"\n        onClick={toggleText}\n      >\n        <p className=\"text-sm font-bold underline underline-offset-2\">\n          Read {isExpanded ? 'less' : 'more'}\n        </p>\n      </Button>\n    </div>\n  )\n}\n","import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { cn } from '@/lib/utils'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'cva'\nimport React, { forwardRef } from 'react'\n\ninterface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Component = asChild ? Slot : 'button'\n\n    return (\n      <Component\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nButton.displayName = 'Button'\n\nconst buttonVariants = cva(\n  [\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  ],\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      },\n      size: {\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    },\n    defaultVariants: {\n      variant: 'neutral',\n      size: 'medium',\n    },\n    compoundVariants: [\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  }\n)\n"],"mappings":"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","names":["import_react","import_jsx_runtime","text","maxWords","isExpanded","snippet","Markdown","import_jsx_runtime"]}
+{"version":3,"sources":["../../../src/components/jobPost/JobDescription.tsx","../../../src/components/ui/ReadMore.tsx","../../../src/components/ui/Button.tsx","../../../src/lib/utils.ts"],"sourcesContent":["import { ReadMore } from '@/components/ui/ReadMore'\n\nexport type JobDescriptionProps = {\n  description?: string\n}\n\nexport function JobDescription({ description }: JobDescriptionProps) {\n  if (!description) return null\n\n  return (\n    <div className=\"flex w-full flex-col gap-2\">\n      <h3 className=\"text-xl font-bold\">Job Description</h3>\n      <ReadMore text={description} />\n    </div>\n  )\n}\n","'use client'\n\nimport { type ComponentProps, useEffect, useState } from 'react'\nimport Markdown from 'react-markdown'\n\nimport { Button } from '@/components/ui/Button'\n\nexport type ReadMoreProps = ComponentProps<'div'> & {\n  text: string\n}\n\nexport function ReadMore({ text, ...props }: Readonly<ReadMoreProps>) {\n  const [isExpanded, setIsExpanded] = useState(false)\n  const [maxWords, setMaxWords] = useState(160)\n\n  useEffect(() => {\n    const updateMaxWords = () => {\n      const windowWidth = window.innerWidth\n      if (windowWidth <= 768) {\n        setMaxWords(50)\n      } else {\n        setMaxWords(160)\n      }\n    }\n\n    updateMaxWords()\n    window.addEventListener('resize', updateMaxWords)\n\n    return () => window.removeEventListener('resize', updateMaxWords)\n  }, [])\n\n  function createReadMoreText(text: string, maxWords: number, isExpanded: boolean): string {\n    const words = text.split(' ')\n\n    const snippet = isExpanded ? text : words.slice(0, maxWords).join(' ')\n    const readMoreText = isExpanded ? '' : '...'\n    return `${snippet} ${readMoreText}`\n  }\n\n  const toggleText = () => setIsExpanded(!isExpanded)\n\n  const snippet = createReadMoreText(text, maxWords, isExpanded)\n\n  return (\n    <div {...props}>\n      <div data-testid=\"read-more-text\" className=\"prose lg:prose-lg\">\n        <Markdown>{snippet}</Markdown>\n      </div>\n      <Button\n        type=\"button\"\n        className=\"mt-2 flex items-center justify-center\"\n        variant=\"link\"\n        onClick={toggleText}\n      >\n        <p className=\"text-sm font-bold underline underline-offset-2\">\n          Read {isExpanded ? 'less' : 'more'}\n        </p>\n      </Button>\n    </div>\n  )\n}\n","import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'cva'\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   * When true, the component will render its children directly without wrapping them in a button element.\n   * Useful when you want to use the button styles on a different element.\n   * @default false\n   */\n  asChild?: boolean\n}\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  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Component = asChild ? Slot : 'button'\n\n    return (\n      <Component\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\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 */\nconst buttonVariants = cva(\n  [\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  ],\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      },\n      size: {\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    },\n    defaultVariants: {\n      variant: 'neutral',\n      size: 'medium',\n    },\n    compoundVariants: [\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  }\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":"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","names":["import_react","import_jsx_runtime","text","maxWords","isExpanded","snippet","Markdown","import_jsx_runtime"]}

package/dist/components/jobPost/JobDescription.js

@@ -2,6 +2,11 @@
 import { useEffect, useState } from "react";
 import Markdown from "react-markdown";
 
+// src/components/ui/Button.tsx
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "cva";
+import { forwardRef } from "react";
+
 // src/lib/utils.ts
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
@@ -10,9 +15,6 @@ function cn(...inputs) {
 }
 
 // src/components/ui/Button.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "cva";
-import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 var Button = forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {

package/dist/components/jobPost/JobDescription.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/ReadMore.tsx","../../../src/lib/utils.ts","../../../src/components/ui/Button.tsx","../../../src/components/jobPost/JobDescription.tsx"],"sourcesContent":["'use client'\n\nimport { ComponentProps, useEffect, useState } from 'react'\nimport Markdown from 'react-markdown'\n\nimport { Button } from '@/components/ui/Button'\n\nexport type ReadMoreProps = ComponentProps<'div'> & {\n  text: string\n}\n\nexport function ReadMore({ text, ...props }: Readonly<ReadMoreProps>) {\n  const [isExpanded, setIsExpanded] = useState(false)\n  const [maxWords, setMaxWords] = useState(160)\n\n  useEffect(() => {\n    const updateMaxWords = () => {\n      const windowWidth = window.innerWidth\n      if (windowWidth <= 768) {\n        setMaxWords(50)\n      } else {\n        setMaxWords(160)\n      }\n    }\n\n    updateMaxWords()\n    window.addEventListener('resize', updateMaxWords)\n\n    return () => window.removeEventListener('resize', updateMaxWords)\n  }, [])\n\n  function createReadMoreText(text: string, maxWords: number, isExpanded: boolean): string {\n    const words = text.split(' ')\n\n    const snippet = isExpanded ? text : words.slice(0, maxWords).join(' ')\n    const readMoreText = isExpanded ? '' : '...'\n    return `${snippet} ${readMoreText}`\n  }\n\n  const toggleText = () => setIsExpanded(!isExpanded)\n\n  const snippet = createReadMoreText(text, maxWords, isExpanded)\n\n  return (\n    <div {...props}>\n      <div data-testid=\"read-more-text\" className=\"prose lg:prose-lg\">\n        <Markdown>{snippet}</Markdown>\n      </div>\n      <Button\n        type=\"button\"\n        className=\"mt-2 flex items-center justify-center\"\n        variant=\"link\"\n        onClick={toggleText}\n      >\n        <p className=\"text-sm font-bold underline underline-offset-2\">\n          Read {isExpanded ? 'less' : 'more'}\n        </p>\n      </Button>\n    </div>\n  )\n}\n","import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { cn } from '@/lib/utils'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'cva'\nimport React, { forwardRef } from 'react'\n\ninterface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Component = asChild ? Slot : 'button'\n\n    return (\n      <Component\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nButton.displayName = 'Button'\n\nconst buttonVariants = cva(\n  [\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  ],\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      },\n      size: {\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    },\n    defaultVariants: {\n      variant: 'neutral',\n      size: 'medium',\n    },\n    compoundVariants: [\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  }\n)\n","import { ReadMore } from '@/components/ui/ReadMore'\n\nexport type JobDescriptionProps = {\n  description?: string\n}\n\nexport function JobDescription({ description }: JobDescriptionProps) {\n  if (!description) return null\n\n  return (\n    <div className=\"flex w-full flex-col gap-2\">\n      <h3 className=\"text-xl font-bold\">Job Description</h3>\n      <ReadMore text={description} />\n    </div>\n  )\n}\n"],"mappings":"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","names":["jsx","text","maxWords","isExpanded","snippet","jsx","jsxs"]}
+{"version":3,"sources":["../../../src/components/ui/ReadMore.tsx","../../../src/components/ui/Button.tsx","../../../src/lib/utils.ts","../../../src/components/jobPost/JobDescription.tsx"],"sourcesContent":["'use client'\n\nimport { type ComponentProps, useEffect, useState } from 'react'\nimport Markdown from 'react-markdown'\n\nimport { Button } from '@/components/ui/Button'\n\nexport type ReadMoreProps = ComponentProps<'div'> & {\n  text: string\n}\n\nexport function ReadMore({ text, ...props }: Readonly<ReadMoreProps>) {\n  const [isExpanded, setIsExpanded] = useState(false)\n  const [maxWords, setMaxWords] = useState(160)\n\n  useEffect(() => {\n    const updateMaxWords = () => {\n      const windowWidth = window.innerWidth\n      if (windowWidth <= 768) {\n        setMaxWords(50)\n      } else {\n        setMaxWords(160)\n      }\n    }\n\n    updateMaxWords()\n    window.addEventListener('resize', updateMaxWords)\n\n    return () => window.removeEventListener('resize', updateMaxWords)\n  }, [])\n\n  function createReadMoreText(text: string, maxWords: number, isExpanded: boolean): string {\n    const words = text.split(' ')\n\n    const snippet = isExpanded ? text : words.slice(0, maxWords).join(' ')\n    const readMoreText = isExpanded ? '' : '...'\n    return `${snippet} ${readMoreText}`\n  }\n\n  const toggleText = () => setIsExpanded(!isExpanded)\n\n  const snippet = createReadMoreText(text, maxWords, isExpanded)\n\n  return (\n    <div {...props}>\n      <div data-testid=\"read-more-text\" className=\"prose lg:prose-lg\">\n        <Markdown>{snippet}</Markdown>\n      </div>\n      <Button\n        type=\"button\"\n        className=\"mt-2 flex items-center justify-center\"\n        variant=\"link\"\n        onClick={toggleText}\n      >\n        <p className=\"text-sm font-bold underline underline-offset-2\">\n          Read {isExpanded ? 'less' : 'more'}\n        </p>\n      </Button>\n    </div>\n  )\n}\n","import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'cva'\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   * When true, the component will render its children directly without wrapping them in a button element.\n   * Useful when you want to use the button styles on a different element.\n   * @default false\n   */\n  asChild?: boolean\n}\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  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Component = asChild ? Slot : 'button'\n\n    return (\n      <Component\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\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 */\nconst buttonVariants = cva(\n  [\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  ],\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      },\n      size: {\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    },\n    defaultVariants: {\n      variant: 'neutral',\n      size: 'medium',\n    },\n    compoundVariants: [\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  }\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","import { ReadMore } from '@/components/ui/ReadMore'\n\nexport type JobDescriptionProps = {\n  description?: string\n}\n\nexport function JobDescription({ description }: JobDescriptionProps) {\n  if (!description) return null\n\n  return (\n    <div className=\"flex w-full flex-col gap-2\">\n      <h3 className=\"text-xl font-bold\">Job Description</h3>\n      <ReadMore text={description} />\n    </div>\n  )\n}\n"],"mappings":"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","names":["jsx","text","maxWords","isExpanded","snippet","jsx","jsxs"]}

package/dist/components/jobPost/JobHeader.cjs

@@ -150,7 +150,11 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
   const isAcceptedRoute = (r) => !!acceptedRoutes?.find((route) => new RegExp("^" + route + "$", "i").test(r));
   const goBack = () => {
     const previous = history[history.length - 2];
-    history.length > 1 && isAcceptedRoute(previous) ? router.back() : router.push(fallbackHref ?? "/");
+    if (history.length > 1 && isAcceptedRoute(previous)) {
+      router.back();
+    } else {
+      router.push(fallbackHref ?? "/");
+    }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     Icon,
@@ -166,37 +170,15 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
   );
 }
 
-// src/components/ui/Chip.tsx
+// src/components/ui/Avatar.tsx
 var import_cva2 = require("cva");
-var import_tailwind_merge3 = require("tailwind-merge");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var Chip = ({ className, variant, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: (0, import_tailwind_merge3.twMerge)(chipVariants({ variant, size, className })), ...props });
-var chipVariants = (0, import_cva2.cva)(["flex", "items-center", "rounded-3xl", "border", "w-fit"], {
-  variants: {
-    variant: {
-      neutral: ["text-grey-80", "border-grey-10"],
-      primary: ["text-purple-100", "border-purple-20"],
-      danger: ["text-pumpkin-100", "border-pumpkin-20"],
-      onboarding: ["text-green-100", "bg-green-10", "cursor-pointer"],
-      onboardingSelected: ["text-white", "bg-green-90", "cursor-pointer"]
-    },
-    size: {
-      small: ["text-sm", "leading-5", "px-2", "py-1", "gap-1.5"],
-      medium: ["text-base", "leading-6", "px-3", "py-2", "gap-2"]
-    }
-  },
-  defaultVariants: {
-    variant: "neutral",
-    size: "medium"
-  }
-});
-var Chip_default = Chip;
+var import_link = __toESM(require("next/link"), 1);
 
 // src/components/primitives/avatar.tsx
 var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"), 1);
 var React = __toESM(require("react"), 1);
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var AvatarBase = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var AvatarBase = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
   AvatarPrimitive.Root,
   {
     ref,
@@ -205,7 +187,7 @@ var AvatarBase = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 AvatarBase.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
   AvatarPrimitive.Image,
   {
     ref,
@@ -215,7 +197,7 @@ var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -229,23 +211,21 @@ var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PU
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/components/ui/Avatar.tsx
-var import_cva3 = require("cva");
-var import_link = __toESM(require("next/link"), 1);
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("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__ */ (0, import_jsx_runtime6.jsxs)(AvatarBase, { className: avatarVariants({ size }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AvatarImage, { src, alt: name }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AvatarFallback, { children: fallback?.toUpperCase() })
+  const renderAvatar = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(AvatarBase, { className: avatarVariants({ size }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarImage, { src, alt: name }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarFallback, { children: fallback?.toUpperCase() })
   ] });
   if (href) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_link.default, { href, ...linkProps, children: renderAvatar() });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_link.default, { href, ...linkProps, children: renderAvatar() });
   }
   return renderAvatar();
 }
-var avatarVariants = (0, import_cva3.cva)("ring ring-white ring-2", {
+var avatarVariants = (0, import_cva2.cva)("ring ring-white ring-2", {
   variants: {
     size: {
       large: "h-16 w-16",
@@ -258,6 +238,32 @@ var avatarVariants = (0, import_cva3.cva)("ring ring-white ring-2", {
   }
 });
 
+// src/components/ui/Chip.tsx
+var import_cva3 = require("cva");
+var import_tailwind_merge3 = require("tailwind-merge");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Chip = ({ className, variant, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: (0, import_tailwind_merge3.twMerge)(chipVariants({ variant, size, className })), ...props });
+var chipVariants = (0, import_cva3.cva)(["flex", "items-center", "rounded-3xl", "border", "w-fit"], {
+  variants: {
+    variant: {
+      neutral: ["text-grey-80", "border-grey-10"],
+      primary: ["text-purple-100", "border-purple-20"],
+      danger: ["text-pumpkin-100", "border-pumpkin-20"],
+      onboarding: ["text-green-100", "bg-green-10", "cursor-pointer"],
+      onboardingSelected: ["text-white", "bg-green-90", "cursor-pointer"]
+    },
+    size: {
+      small: ["text-sm", "leading-5", "px-2", "py-1", "gap-1.5"],
+      medium: ["text-base", "leading-6", "px-3", "py-2", "gap-2"]
+    }
+  },
+  defaultVariants: {
+    variant: "neutral",
+    size: "medium"
+  }
+});
+var Chip_default = Chip;
+
 // src/lib/icons.ts
 var import_lucide_react2 = require("lucide-react");
 var iconMap = {