@next-degree/pickle-shared-js 0.12.6 → 0.13.0

package/dist/components/buttons/BackButton.cjs

@@ -41,11 +41,10 @@ function cn(...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)(
+    return /* @__PURE__ */ React.createElement(
       Component,
       {
         className: cn(
@@ -119,7 +118,6 @@ var import_react3 = require("react");
 // src/contexts/WindowHistoryProvider.tsx
 var import_navigation = require("next/navigation");
 var import_react2 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
 var WindowHistoryContext = (0, import_react2.createContext)({});
 
 // src/hooks/useWindowHistory.ts
@@ -129,7 +127,6 @@ function useWindowHistory() {
 }
 
 // src/components/buttons/BackButton.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
 function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
   const { history } = useWindowHistory();
   const router = (0, import_navigation2.useRouter)();
@@ -142,7 +139,7 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
       router.push(fallbackHref ?? "/");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ React.createElement(
     Icon,
     {
       "aria-label": "back button",
@@ -150,9 +147,9 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
       size: "small",
       onClick: goBack,
       className,
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.X, {})
-    }
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(import_lucide_react.X, null)
   );
 }
 // Annotate the CommonJS export names for ESM import in node:

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(new URL(r).pathname))\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,IAAI,IAAI,CAAC,EAAE,QAAQ,CAAC;AAEhG,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"]}
+{"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(new URL(r).pathname))\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;;;ADSO,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;AAM7E,IAAM,2BAAuB,6BAAc,CAAC,CAA8B;;;ADF1E,SAAS,mBAA8C;AAC5D,QAAM,2BAAuB,0BAAW,oBAAoB;AAE5D,SAAO;AACT;;;AHEO,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,IAAI,IAAI,CAAC,EAAE,QAAQ,CAAC;AAEhG,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;AAAA,IAEJ,oCAAC,2BAAE;AAAA,EACL;AAEJ;","names":["import_navigation","import_tailwind_merge","import_react","import_react"]}

package/dist/components/buttons/BackButton.d.cts

@@ -1,9 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
 
 interface Props extends React.HTMLAttributes<HTMLButtonElement> {
     acceptedRoutes?: string[];
     fallbackHref?: string;
 }
-declare function BackButton({ acceptedRoutes, fallbackHref, className, ...props }: Readonly<Props>): react_jsx_runtime.JSX.Element;
+declare function BackButton({ acceptedRoutes, fallbackHref, className, ...props }: Readonly<Props>): React$1.JSX.Element;
 
 export { BackButton };

package/dist/components/buttons/BackButton.d.ts

@@ -1,9 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
 
 interface Props extends React.HTMLAttributes<HTMLButtonElement> {
     acceptedRoutes?: string[];
     fallbackHref?: string;
 }
-declare function BackButton({ acceptedRoutes, fallbackHref, className, ...props }: Readonly<Props>): react_jsx_runtime.JSX.Element;
+declare function BackButton({ acceptedRoutes, fallbackHref, className, ...props }: Readonly<Props>): React$1.JSX.Element;
 
 export { BackButton };

package/dist/components/buttons/BackButton.js

@@ -18,11 +18,10 @@ function cn(...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(
+    return /* @__PURE__ */ React.createElement(
       Component,
       {
         className: cn(
@@ -96,7 +95,6 @@ import { useContext } from "react";
 // src/contexts/WindowHistoryProvider.tsx
 import { useSearchParams } from "next/navigation";
 import { createContext, useEffect, useMemo, useState } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
 var WindowHistoryContext = createContext({});
 
 // src/hooks/useWindowHistory.ts
@@ -106,7 +104,6 @@ function useWindowHistory() {
 }
 
 // src/components/buttons/BackButton.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
 function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
   const { history } = useWindowHistory();
   const router = useRouter();
@@ -119,7 +116,7 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
       router.push(fallbackHref ?? "/");
     }
   };
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ React.createElement(
     Icon,
     {
       "aria-label": "back button",
@@ -127,9 +124,9 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
       size: "small",
       onClick: goBack,
       className,
-      ...props,
-      children: /* @__PURE__ */ jsx3(X, {})
-    }
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(X, null)
   );
 }
 export {

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(new URL(r).pathname))\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,IAAI,IAAI,CAAC,EAAE,QAAQ,CAAC;AAEhG,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"]}
+{"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(new URL(r).pathname))\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;;;ADSO,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;AAM7E,IAAM,uBAAuB,cAAc,CAAC,CAA8B;;;ADF1E,SAAS,mBAA8C;AAC5D,QAAM,uBAAuB,WAAW,oBAAoB;AAE5D,SAAO;AACT;;;AHEO,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,IAAI,IAAI,CAAC,EAAE,QAAQ,CAAC;AAEhG,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;AAAA,IAEJ,oCAAC,OAAE;AAAA,EACL;AAEJ;","names":["twMerge","twMerge"]}

package/dist/components/company/CompanyBenefits.cjs

@@ -23,13 +23,9 @@ __export(CompanyBenefits_exports, {
   CompanyBenefits: () => CompanyBenefits
 });
 module.exports = __toCommonJS(CompanyBenefits_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 function CompanyBenefits({ benefits }) {
   if (!benefits) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-2", "data-testid": "company-benefits", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg", children: "Company benefits" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "flex flex-col gap-3", children: benefits.map((benefit, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: "text-base text-grey-80", children: benefit }, `${benefit}-${i}`)) })
-  ] });
+  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2", "data-testid": "company-benefits" }, /* @__PURE__ */ React.createElement("h2", { className: "break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg" }, "Company benefits"), /* @__PURE__ */ React.createElement("ul", { className: "flex flex-col gap-3" }, benefits.map((benefit, i) => /* @__PURE__ */ React.createElement("li", { key: `${benefit}-${i}`, className: "text-base text-grey-80" }, benefit))));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/company/CompanyBenefits.tsx"],"sourcesContent":["export type CompanyBenefitsProps = {\n  benefits?: string[]\n}\n\nexport function CompanyBenefits({ benefits }: Readonly<CompanyBenefitsProps>) {\n  if (!benefits) return null\n\n  return (\n    <div className=\"flex flex-col gap-2\" data-testid=\"company-benefits\">\n      <h2 className=\"break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg\">\n        Company benefits\n      </h2>\n      <ul className=\"flex flex-col gap-3\">\n        {benefits.map((benefit, i) => (\n          <li key={`${benefit}-${i}`} className=\"text-base text-grey-80\">\n            {benefit}\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQI;AAJG,SAAS,gBAAgB,EAAE,SAAS,GAAmC;AAC5E,MAAI,CAAC,SAAU,QAAO;AAEtB,SACE,6CAAC,SAAI,WAAU,uBAAsB,eAAY,oBAC/C;AAAA,gDAAC,QAAG,WAAU,+EAA8E,8BAE5F;AAAA,IACA,4CAAC,QAAG,WAAU,uBACX,mBAAS,IAAI,CAAC,SAAS,MACtB,4CAAC,QAA2B,WAAU,0BACnC,qBADM,GAAG,OAAO,IAAI,CAAC,EAExB,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/company/CompanyBenefits.tsx"],"sourcesContent":["export type CompanyBenefitsProps = {\n  benefits?: string[]\n}\n\nexport function CompanyBenefits({ benefits }: Readonly<CompanyBenefitsProps>) {\n  if (!benefits) return null\n\n  return (\n    <div className=\"flex flex-col gap-2\" data-testid=\"company-benefits\">\n      <h2 className=\"break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg\">\n        Company benefits\n      </h2>\n      <ul className=\"flex flex-col gap-3\">\n        {benefits.map((benefit, i) => (\n          <li key={`${benefit}-${i}`} className=\"text-base text-grey-80\">\n            {benefit}\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIO,SAAS,gBAAgB,EAAE,SAAS,GAAmC;AAC5E,MAAI,CAAC,SAAU,QAAO;AAEtB,SACE,oCAAC,SAAI,WAAU,uBAAsB,eAAY,sBAC/C,oCAAC,QAAG,WAAU,iFAA8E,kBAE5F,GACA,oCAAC,QAAG,WAAU,yBACX,SAAS,IAAI,CAAC,SAAS,MACtB,oCAAC,QAAG,KAAK,GAAG,OAAO,IAAI,CAAC,IAAI,WAAU,4BACnC,OACH,CACD,CACH,CACF;AAEJ;","names":[]}

package/dist/components/company/CompanyBenefits.d.cts

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 
 type CompanyBenefitsProps = {
     benefits?: string[];
 };
-declare function CompanyBenefits({ benefits }: Readonly<CompanyBenefitsProps>): react_jsx_runtime.JSX.Element | null;
+declare function CompanyBenefits({ benefits }: Readonly<CompanyBenefitsProps>): React.JSX.Element | null;
 
 export { CompanyBenefits, type CompanyBenefitsProps };

package/dist/components/company/CompanyBenefits.d.ts

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 
 type CompanyBenefitsProps = {
     benefits?: string[];
 };
-declare function CompanyBenefits({ benefits }: Readonly<CompanyBenefitsProps>): react_jsx_runtime.JSX.Element | null;
+declare function CompanyBenefits({ benefits }: Readonly<CompanyBenefitsProps>): React.JSX.Element | null;
 
 export { CompanyBenefits, type CompanyBenefitsProps };

package/dist/components/company/CompanyBenefits.js

@@ -1,11 +1,7 @@
 // src/components/company/CompanyBenefits.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
 function CompanyBenefits({ benefits }) {
   if (!benefits) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", "data-testid": "company-benefits", children: [
-    /* @__PURE__ */ jsx("h2", { className: "break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg", children: "Company benefits" }),
-    /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-3", children: benefits.map((benefit, i) => /* @__PURE__ */ jsx("li", { className: "text-base text-grey-80", children: benefit }, `${benefit}-${i}`)) })
-  ] });
+  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2", "data-testid": "company-benefits" }, /* @__PURE__ */ React.createElement("h2", { className: "break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg" }, "Company benefits"), /* @__PURE__ */ React.createElement("ul", { className: "flex flex-col gap-3" }, benefits.map((benefit, i) => /* @__PURE__ */ React.createElement("li", { key: `${benefit}-${i}`, className: "text-base text-grey-80" }, benefit))));
 }
 export {
   CompanyBenefits

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/company/CompanyBenefits.tsx"],"sourcesContent":["export type CompanyBenefitsProps = {\n  benefits?: string[]\n}\n\nexport function CompanyBenefits({ benefits }: Readonly<CompanyBenefitsProps>) {\n  if (!benefits) return null\n\n  return (\n    <div className=\"flex flex-col gap-2\" data-testid=\"company-benefits\">\n      <h2 className=\"break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg\">\n        Company benefits\n      </h2>\n      <ul className=\"flex flex-col gap-3\">\n        {benefits.map((benefit, i) => (\n          <li key={`${benefit}-${i}`} className=\"text-base text-grey-80\">\n            {benefit}\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\n"],"mappings":";AAQI,SACE,KADF;AAJG,SAAS,gBAAgB,EAAE,SAAS,GAAmC;AAC5E,MAAI,CAAC,SAAU,QAAO;AAEtB,SACE,qBAAC,SAAI,WAAU,uBAAsB,eAAY,oBAC/C;AAAA,wBAAC,QAAG,WAAU,+EAA8E,8BAE5F;AAAA,IACA,oBAAC,QAAG,WAAU,uBACX,mBAAS,IAAI,CAAC,SAAS,MACtB,oBAAC,QAA2B,WAAU,0BACnC,qBADM,GAAG,OAAO,IAAI,CAAC,EAExB,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/company/CompanyBenefits.tsx"],"sourcesContent":["export type CompanyBenefitsProps = {\n  benefits?: string[]\n}\n\nexport function CompanyBenefits({ benefits }: Readonly<CompanyBenefitsProps>) {\n  if (!benefits) return null\n\n  return (\n    <div className=\"flex flex-col gap-2\" data-testid=\"company-benefits\">\n      <h2 className=\"break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg\">\n        Company benefits\n      </h2>\n      <ul className=\"flex flex-col gap-3\">\n        {benefits.map((benefit, i) => (\n          <li key={`${benefit}-${i}`} className=\"text-base text-grey-80\">\n            {benefit}\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\n"],"mappings":";AAIO,SAAS,gBAAgB,EAAE,SAAS,GAAmC;AAC5E,MAAI,CAAC,SAAU,QAAO;AAEtB,SACE,oCAAC,SAAI,WAAU,uBAAsB,eAAY,sBAC/C,oCAAC,QAAG,WAAU,iFAA8E,kBAE5F,GACA,oCAAC,QAAG,WAAU,yBACX,SAAS,IAAI,CAAC,SAAS,MACtB,oCAAC,QAAG,KAAK,GAAG,OAAO,IAAI,CAAC,IAAI,WAAU,4BACnC,OACH,CACD,CACH,CACF;AAEJ;","names":[]}

package/dist/components/company/CompanyInformation.cjs

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(CompanyInformation_exports);
 
 // src/components/ui/LinkButton.tsx
 var import_link = __toESM(require("next/link"), 1);
-var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
 var LinkButton = ({
   disabled = false,
   useAnchor = false,
@@ -45,20 +45,19 @@ var LinkButton = ({
   ...props
 }) => {
   const Component = useAnchor ? "a" : import_link.default;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ import_react.default.createElement(
     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
-    }
+      ...props
+    },
+    children
   );
 };
 
 // src/components/company/CompanyInformation.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
 function CompanyInformation({
   name,
   how,
@@ -66,44 +65,24 @@ function CompanyInformation({
   wow,
   website
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-      "h2",
-      {
-        "data-testid": "company-name",
-        className: "break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg",
-        children: [
-          "About ",
-          name
-        ]
-      }
-    ),
-    how && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { "data-testid": "company-information", className: "text-base text-grey-80", children: how }),
-    mission && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "\u{1F680}" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: "text-base text-grey-80", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "pr-1 font-bold", children: "Mission" }),
-        mission
-      ] })
-    ] }),
-    wow && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "\u{1F31F}" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: "text-base text-grey-80", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "pr-1 font-bold", children: "Wow Factor" }),
-        wow
-      ] })
-    ] }),
-    website && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      LinkButton,
-      {
-        "data-testid": "company-website-link",
-        href: website,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        children: "Website"
-      }
-    ) })
-  ] });
+  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2" }, /* @__PURE__ */ React.createElement(
+    "h2",
+    {
+      "data-testid": "company-name",
+      className: "break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg"
+    },
+    "About ",
+    name
+  ), how && /* @__PURE__ */ React.createElement("p", { "data-testid": "company-information", className: "text-base text-grey-80" }, how), mission && /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement("span", null, "\u{1F680}"), /* @__PURE__ */ React.createElement("p", { className: "text-base text-grey-80" }, /* @__PURE__ */ React.createElement("span", { className: "pr-1 font-bold" }, "Mission"), mission)), wow && /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement("span", null, "\u{1F31F}"), /* @__PURE__ */ React.createElement("p", { className: "text-base text-grey-80" }, /* @__PURE__ */ React.createElement("span", { className: "pr-1 font-bold" }, "Wow Factor"), wow)), website && /* @__PURE__ */ React.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React.createElement(
+    LinkButton,
+    {
+      "data-testid": "company-website-link",
+      href: website,
+      target: "_blank",
+      rel: "noopener noreferrer"
+    },
+    "Website"
+  )));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/company/CompanyInformation.tsx","../../../src/components/ui/LinkButton.tsx"],"sourcesContent":["import { LinkButton } from '@/components/ui/LinkButton'\n\nexport type CompanyInformationProps = {\n  name: string\n  how?: string\n  mission?: string\n  wow?: string\n  website?: string\n}\n\nexport function CompanyInformation({\n  name,\n  how,\n  mission,\n  wow,\n  website,\n}: Readonly<CompanyInformationProps>) {\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <h2\n        data-testid=\"company-name\"\n        className=\"break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg\"\n      >\n        About {name}\n      </h2>\n\n      {how && (\n        <p data-testid=\"company-information\" className=\"text-base text-grey-80\">\n          {how}\n        </p>\n      )}\n\n      {mission && (\n        <div className=\"flex gap-2\">\n          <span>🚀</span>\n          <p className=\"text-base text-grey-80\">\n            <span className=\"pr-1 font-bold\">Mission</span>\n            {mission}\n          </p>\n        </div>\n      )}\n\n      {wow && (\n        <div className=\"flex gap-2\">\n          <span>🌟</span>\n          <p className=\"text-base text-grey-80\">\n            <span className=\"pr-1 font-bold\">Wow Factor</span>\n            {wow}\n          </p>\n        </div>\n      )}\n\n      {website && (\n        <div className=\"pt-2\">\n          <LinkButton\n            data-testid=\"company-website-link\"\n            href={website}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Website\n          </LinkButton>\n        </div>\n      )}\n    </div>\n  )\n}\n","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;;;ACAA,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;;;AD5BM,IAAAC,sBAAA;AATC,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsC;AACpC,SACE,8CAAC,SAAI,WAAU,uBACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAU;AAAA,QACX;AAAA;AAAA,UACQ;AAAA;AAAA;AAAA,IACT;AAAA,IAEC,OACC,6CAAC,OAAE,eAAY,uBAAsB,WAAU,0BAC5C,eACH;AAAA,IAGD,WACC,8CAAC,SAAI,WAAU,cACb;AAAA,mDAAC,UAAK,uBAAE;AAAA,MACR,8CAAC,OAAE,WAAU,0BACX;AAAA,qDAAC,UAAK,WAAU,kBAAiB,qBAAO;AAAA,QACvC;AAAA,SACH;AAAA,OACF;AAAA,IAGD,OACC,8CAAC,SAAI,WAAU,cACb;AAAA,mDAAC,UAAK,uBAAE;AAAA,MACR,8CAAC,OAAE,WAAU,0BACX;AAAA,qDAAC,UAAK,WAAU,kBAAiB,wBAAU;AAAA,QAC1C;AAAA,SACH;AAAA,OACF;AAAA,IAGD,WACC,6CAAC,SAAI,WAAU,QACb;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,MAAM;AAAA,QACN,QAAO;AAAA,QACP,KAAI;AAAA,QACL;AAAA;AAAA,IAED,GACF;AAAA,KAEJ;AAEJ;","names":["Link","import_jsx_runtime"]}
+{"version":3,"sources":["../../../src/components/company/CompanyInformation.tsx","../../../src/components/ui/LinkButton.tsx"],"sourcesContent":["import { LinkButton } from '@/components/ui/LinkButton'\n\nexport type CompanyInformationProps = {\n  name: string\n  how?: string\n  mission?: string\n  wow?: string\n  website?: string\n}\n\nexport function CompanyInformation({\n  name,\n  how,\n  mission,\n  wow,\n  website,\n}: Readonly<CompanyInformationProps>) {\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <h2\n        data-testid=\"company-name\"\n        className=\"break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg\"\n      >\n        About {name}\n      </h2>\n\n      {how && (\n        <p data-testid=\"company-information\" className=\"text-base text-grey-80\">\n          {how}\n        </p>\n      )}\n\n      {mission && (\n        <div className=\"flex gap-2\">\n          <span>🚀</span>\n          <p className=\"text-base text-grey-80\">\n            <span className=\"pr-1 font-bold\">Mission</span>\n            {mission}\n          </p>\n        </div>\n      )}\n\n      {wow && (\n        <div className=\"flex gap-2\">\n          <span>🌟</span>\n          <p className=\"text-base text-grey-80\">\n            <span className=\"pr-1 font-bold\">Wow Factor</span>\n            {wow}\n          </p>\n        </div>\n      )}\n\n      {website && (\n        <div className=\"pt-2\">\n          <LinkButton\n            data-testid=\"company-website-link\"\n            href={website}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Website\n          </LinkButton>\n        </div>\n      )}\n    </div>\n  )\n}\n","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;;;ACAA,kBAAiB;AACjB,mBAAkB;AA2BX,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,6BAAAC,QAAA;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;AAAA,IAEH;AAAA,EACH;AAEJ;;;ADrCO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsC;AACpC,SACE,oCAAC,SAAI,WAAU,yBACb;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAU;AAAA;AAAA,IACX;AAAA,IACQ;AAAA,EACT,GAEC,OACC,oCAAC,OAAE,eAAY,uBAAsB,WAAU,4BAC5C,GACH,GAGD,WACC,oCAAC,SAAI,WAAU,gBACb,oCAAC,cAAK,WAAE,GACR,oCAAC,OAAE,WAAU,4BACX,oCAAC,UAAK,WAAU,oBAAiB,SAAO,GACvC,OACH,CACF,GAGD,OACC,oCAAC,SAAI,WAAU,gBACb,oCAAC,cAAK,WAAE,GACR,oCAAC,OAAE,WAAU,4BACX,oCAAC,UAAK,WAAU,oBAAiB,YAAU,GAC1C,GACH,CACF,GAGD,WACC,oCAAC,SAAI,WAAU,UACb;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,MAAM;AAAA,MACN,QAAO;AAAA,MACP,KAAI;AAAA;AAAA,IACL;AAAA,EAED,CACF,CAEJ;AAEJ;","names":["Link","React"]}

package/dist/components/company/CompanyInformation.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 
 type CompanyInformationProps = {
     name: string;
@@ -7,6 +7,6 @@ type CompanyInformationProps = {
     wow?: string;
     website?: string;
 };
-declare function CompanyInformation({ name, how, mission, wow, website, }: Readonly<CompanyInformationProps>): react_jsx_runtime.JSX.Element;
+declare function CompanyInformation({ name, how, mission, wow, website, }: Readonly<CompanyInformationProps>): React.JSX.Element;
 
 export { CompanyInformation, type CompanyInformationProps };

package/dist/components/company/CompanyInformation.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 
 type CompanyInformationProps = {
     name: string;
@@ -7,6 +7,6 @@ type CompanyInformationProps = {
     wow?: string;
     website?: string;
 };
-declare function CompanyInformation({ name, how, mission, wow, website, }: Readonly<CompanyInformationProps>): react_jsx_runtime.JSX.Element;
+declare function CompanyInformation({ name, how, mission, wow, website, }: Readonly<CompanyInformationProps>): React.JSX.Element;
 
 export { CompanyInformation, type CompanyInformationProps };

package/dist/components/company/CompanyInformation.js

@@ -1,6 +1,6 @@
 // src/components/ui/LinkButton.tsx
 import Link from "next/link";
-import { jsx } from "react/jsx-runtime";
+import React2 from "react";
 var LinkButton = ({
   disabled = false,
   useAnchor = false,
@@ -9,20 +9,19 @@ var LinkButton = ({
   ...props
 }) => {
   const Component = useAnchor ? "a" : Link;
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React2.createElement(
     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
-    }
+      ...props
+    },
+    children
   );
 };
 
 // src/components/company/CompanyInformation.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function CompanyInformation({
   name,
   how,
@@ -30,44 +29,24 @@ function CompanyInformation({
   wow,
   website
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxs(
-      "h2",
-      {
-        "data-testid": "company-name",
-        className: "break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg",
-        children: [
-          "About ",
-          name
-        ]
-      }
-    ),
-    how && /* @__PURE__ */ jsx2("p", { "data-testid": "company-information", className: "text-base text-grey-80", children: how }),
-    mission && /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx2("span", { children: "\u{1F680}" }),
-      /* @__PURE__ */ jsxs("p", { className: "text-base text-grey-80", children: [
-        /* @__PURE__ */ jsx2("span", { className: "pr-1 font-bold", children: "Mission" }),
-        mission
-      ] })
-    ] }),
-    wow && /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx2("span", { children: "\u{1F31F}" }),
-      /* @__PURE__ */ jsxs("p", { className: "text-base text-grey-80", children: [
-        /* @__PURE__ */ jsx2("span", { className: "pr-1 font-bold", children: "Wow Factor" }),
-        wow
-      ] })
-    ] }),
-    website && /* @__PURE__ */ jsx2("div", { className: "pt-2", children: /* @__PURE__ */ jsx2(
-      LinkButton,
-      {
-        "data-testid": "company-website-link",
-        href: website,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        children: "Website"
-      }
-    ) })
-  ] });
+  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2" }, /* @__PURE__ */ React.createElement(
+    "h2",
+    {
+      "data-testid": "company-name",
+      className: "break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg"
+    },
+    "About ",
+    name
+  ), how && /* @__PURE__ */ React.createElement("p", { "data-testid": "company-information", className: "text-base text-grey-80" }, how), mission && /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement("span", null, "\u{1F680}"), /* @__PURE__ */ React.createElement("p", { className: "text-base text-grey-80" }, /* @__PURE__ */ React.createElement("span", { className: "pr-1 font-bold" }, "Mission"), mission)), wow && /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement("span", null, "\u{1F31F}"), /* @__PURE__ */ React.createElement("p", { className: "text-base text-grey-80" }, /* @__PURE__ */ React.createElement("span", { className: "pr-1 font-bold" }, "Wow Factor"), wow)), website && /* @__PURE__ */ React.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React.createElement(
+    LinkButton,
+    {
+      "data-testid": "company-website-link",
+      href: website,
+      target: "_blank",
+      rel: "noopener noreferrer"
+    },
+    "Website"
+  )));
 }
 export {
   CompanyInformation

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/LinkButton.tsx","../../../src/components/company/CompanyInformation.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","import { LinkButton } from '@/components/ui/LinkButton'\n\nexport type CompanyInformationProps = {\n  name: string\n  how?: string\n  mission?: string\n  wow?: string\n  website?: string\n}\n\nexport function CompanyInformation({\n  name,\n  how,\n  mission,\n  wow,\n  website,\n}: Readonly<CompanyInformationProps>) {\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <h2\n        data-testid=\"company-name\"\n        className=\"break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg\"\n      >\n        About {name}\n      </h2>\n\n      {how && (\n        <p data-testid=\"company-information\" className=\"text-base text-grey-80\">\n          {how}\n        </p>\n      )}\n\n      {mission && (\n        <div className=\"flex gap-2\">\n          <span>🚀</span>\n          <p className=\"text-base text-grey-80\">\n            <span className=\"pr-1 font-bold\">Mission</span>\n            {mission}\n          </p>\n        </div>\n      )}\n\n      {wow && (\n        <div className=\"flex gap-2\">\n          <span>🌟</span>\n          <p className=\"text-base text-grey-80\">\n            <span className=\"pr-1 font-bold\">Wow Factor</span>\n            {wow}\n          </p>\n        </div>\n      )}\n\n      {website && (\n        <div className=\"pt-2\">\n          <LinkButton\n            data-testid=\"company-website-link\"\n            href={website}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Website\n          </LinkButton>\n        </div>\n      )}\n    </div>\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;;;AC5BM,SAQE,OAAAA,MARF;AATC,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsC;AACpC,SACE,qBAAC,SAAI,WAAU,uBACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAU;AAAA,QACX;AAAA;AAAA,UACQ;AAAA;AAAA;AAAA,IACT;AAAA,IAEC,OACC,gBAAAA,KAAC,OAAE,eAAY,uBAAsB,WAAU,0BAC5C,eACH;AAAA,IAGD,WACC,qBAAC,SAAI,WAAU,cACb;AAAA,sBAAAA,KAAC,UAAK,uBAAE;AAAA,MACR,qBAAC,OAAE,WAAU,0BACX;AAAA,wBAAAA,KAAC,UAAK,WAAU,kBAAiB,qBAAO;AAAA,QACvC;AAAA,SACH;AAAA,OACF;AAAA,IAGD,OACC,qBAAC,SAAI,WAAU,cACb;AAAA,sBAAAA,KAAC,UAAK,uBAAE;AAAA,MACR,qBAAC,OAAE,WAAU,0BACX;AAAA,wBAAAA,KAAC,UAAK,WAAU,kBAAiB,wBAAU;AAAA,QAC1C;AAAA,SACH;AAAA,OACF;AAAA,IAGD,WACC,gBAAAA,KAAC,SAAI,WAAU,QACb,0BAAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,MAAM;AAAA,QACN,QAAO;AAAA,QACP,KAAI;AAAA,QACL;AAAA;AAAA,IAED,GACF;AAAA,KAEJ;AAEJ;","names":["jsx"]}
+{"version":3,"sources":["../../../src/components/ui/LinkButton.tsx","../../../src/components/company/CompanyInformation.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","import { LinkButton } from '@/components/ui/LinkButton'\n\nexport type CompanyInformationProps = {\n  name: string\n  how?: string\n  mission?: string\n  wow?: string\n  website?: string\n}\n\nexport function CompanyInformation({\n  name,\n  how,\n  mission,\n  wow,\n  website,\n}: Readonly<CompanyInformationProps>) {\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <h2\n        data-testid=\"company-name\"\n        className=\"break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg\"\n      >\n        About {name}\n      </h2>\n\n      {how && (\n        <p data-testid=\"company-information\" className=\"text-base text-grey-80\">\n          {how}\n        </p>\n      )}\n\n      {mission && (\n        <div className=\"flex gap-2\">\n          <span>🚀</span>\n          <p className=\"text-base text-grey-80\">\n            <span className=\"pr-1 font-bold\">Mission</span>\n            {mission}\n          </p>\n        </div>\n      )}\n\n      {wow && (\n        <div className=\"flex gap-2\">\n          <span>🌟</span>\n          <p className=\"text-base text-grey-80\">\n            <span className=\"pr-1 font-bold\">Wow Factor</span>\n            {wow}\n          </p>\n        </div>\n      )}\n\n      {website && (\n        <div className=\"pt-2\">\n          <LinkButton\n            data-testid=\"company-website-link\"\n            href={website}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Website\n          </LinkButton>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":";AAAA,OAAO,UAAU;AACjB,OAAOA,YAAW;AA2BX,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,gBAAAA,OAAA;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;AAAA,IAEH;AAAA,EACH;AAEJ;;;ACrCO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsC;AACpC,SACE,oCAAC,SAAI,WAAU,yBACb;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAU;AAAA;AAAA,IACX;AAAA,IACQ;AAAA,EACT,GAEC,OACC,oCAAC,OAAE,eAAY,uBAAsB,WAAU,4BAC5C,GACH,GAGD,WACC,oCAAC,SAAI,WAAU,gBACb,oCAAC,cAAK,WAAE,GACR,oCAAC,OAAE,WAAU,4BACX,oCAAC,UAAK,WAAU,oBAAiB,SAAO,GACvC,OACH,CACF,GAGD,OACC,oCAAC,SAAI,WAAU,gBACb,oCAAC,cAAK,WAAE,GACR,oCAAC,OAAE,WAAU,4BACX,oCAAC,UAAK,WAAU,oBAAiB,YAAU,GAC1C,GACH,CACF,GAGD,WACC,oCAAC,SAAI,WAAU,UACb;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,MAAM;AAAA,MACN,QAAO;AAAA,MACP,KAAI;AAAA;AAAA,IACL;AAAA,EAED,CACF,CAEJ;AAEJ;","names":["React"]}