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

package/dist/chunk-LUFPA3WC.cjs

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

package/dist/chunk-LUFPA3WC.cjs.map

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

package/dist/chunk-M3HMXHAL.cjs

@@ -0,0 +1,266 @@
+'use strict';
+
+var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
+var reactSlot = require('@radix-ui/react-slot');
+var cva = require('cva');
+var lucideReact = require('lucide-react');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var Button = React.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    asChild = false,
+    type = "button",
+    children,
+    isLoading = false,
+    ...props
+  }, ref) => {
+    const Component = asChild ? reactSlot.Slot : "button";
+    return /* @__PURE__ */ React__default.default.createElement(
+      Component,
+      {
+        className: chunkMGWZXPMF_cjs.cn(buttonVariants({ variant, size, className, isLoading, asChild })),
+        type,
+        ref,
+        ...props
+      },
+      asChild ? children : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, children, isLoading && /* @__PURE__ */ React__default.default.createElement("div", { className: "absolute inset-0 flex items-center justify-center bg-white/30 backdrop-blur-[0.5px]" }, /* @__PURE__ */ React__default.default.createElement(lucideReact.Loader2, { className: "h-5 w-5 animate-spin text-gray-800" })))
+    );
+  }
+);
+Button.displayName = "Button";
+var buttonVariants = cva.cva(
+  [
+    "relative",
+    "flex",
+    "items-center",
+    "justify-center",
+    "gap-2",
+    "rounded-full",
+    "font-bold",
+    "outline-2",
+    "outline-offset-2",
+    "outline-dashed",
+    "outline-transparent",
+    "overflow-hidden"
+  ],
+  {
+    variants: {
+      variant: {
+        neutral: [
+          "bg-black",
+          "text-white",
+          "hover:bg-grey-90",
+          "active:bg-grey-80",
+          "focus:outline-purple-100",
+          "disabled:text-grey-40",
+          "disabled:bg-grey-10"
+        ],
+        primary: [
+          "bg-pickle-100",
+          "text-black",
+          "hover:bg-pickle-80",
+          "active:bg-pickle-60",
+          "focus:outline-purple-100",
+          "disabled:text-grey-40",
+          "disabled:bg-grey-10"
+        ],
+        secondary: [
+          "bg-green-80",
+          "text-white",
+          "hover:bg-green-90",
+          "active:bg-green-100",
+          "focus:outline-pickle-100",
+          "disabled:text-grey-40",
+          "disabled:bg-grey-10"
+        ],
+        transparent: [
+          "text-white",
+          "hover:bg-green-80",
+          "active:bg-green-100",
+          "focus:outline-pickle-100",
+          "disabled:text-grey-40"
+        ],
+        link: [
+          "leading-tight",
+          "text-black",
+          "underline",
+          "hover:text-purple-100",
+          "focus:text-black",
+          "focus:outline-purple-100",
+          "active:text-purple-80"
+        ],
+        "outline-primary": [
+          "bg-transparent",
+          "border-2",
+          "border-pickle-100",
+          "text-pickle-100",
+          "hover:bg-pickle-100",
+          "hover:text-black",
+          "active:bg-pickle-80",
+          "active:text-black",
+          "focus:outline-purple-100",
+          "disabled:text-grey-40",
+          "disabled:border-grey-40",
+          "disabled:hover:bg-transparent",
+          "disabled:hover:text-grey-40"
+        ],
+        "outline-secondary": [
+          "bg-transparent",
+          "border-2",
+          "border-green-80",
+          "text-green-80",
+          "hover:bg-green-80",
+          "hover:text-white",
+          "active:bg-green-90",
+          "active:text-white",
+          "focus:outline-pickle-100",
+          "disabled:text-grey-40",
+          "disabled:border-grey-40",
+          "disabled:hover:bg-transparent",
+          "disabled:hover:text-grey-40"
+        ],
+        "icon-outline": [
+          "bg-transparent",
+          "text-black",
+          "hover:bg-grey-5",
+          "active:bg-grey-10",
+          "focus:outline-purple-100",
+          "disabled:text-grey-40",
+          "disabled:hover:bg-transparent",
+          "disabled:hover:text-grey-40"
+        ],
+        "icon-primary": [
+          "bg-pickle-100",
+          "text-black",
+          "hover:bg-pickle-80",
+          "active:bg-pickle-60",
+          "focus:outline-purple-100",
+          "disabled:text-grey-40",
+          "disabled:bg-grey-10"
+        ],
+        "icon-secondary": [
+          "bg-green-80",
+          "text-white",
+          "hover:bg-green-90",
+          "active:bg-green-100",
+          "focus:outline-pickle-100",
+          "disabled:text-grey-40",
+          "disabled:bg-grey-10"
+        ]
+      },
+      size: {
+        "extra-small": ["h-8", "text-xs", "px-3", "py-1"],
+        small: ["h-10", "text-sm", "px-4", "py-2"],
+        medium: ["h-12", "text-base", "px-6", "py-3"],
+        large: ["h-14", "text-lg", "px-8", "py-4"]
+      },
+      isLoading: {
+        true: ["cursor-not-allowed", "pointer-events-none"]
+      },
+      asChild: {
+        true: [],
+        false: ["cursor-pointer", "pointer-events-auto"]
+      }
+    },
+    defaultVariants: {
+      variant: "neutral",
+      size: "medium",
+      isLoading: false,
+      asChild: false
+    },
+    compoundVariants: [
+      {
+        variant: "link",
+        size: "extra-small",
+        class: ["h-3", "text-xs", "p-0"]
+      },
+      {
+        variant: "link",
+        size: "small",
+        class: ["h-3", "text-xs", "p-0"]
+      },
+      {
+        variant: "link",
+        size: "medium",
+        class: ["h-4", "text-sm", "p-0"]
+      },
+      {
+        variant: "link",
+        size: "large",
+        class: ["h-6", "text-base", "p-0"]
+      },
+      {
+        variant: "icon-outline",
+        size: "extra-small",
+        class: ["h-8", "w-8", "p-1.5", "[&>svg]:w-5", "[&>svg]:h-5"]
+      },
+      {
+        variant: "icon-outline",
+        size: "small",
+        class: ["h-10", "w-10", "p-2", "[&>svg]:w-6", "[&>svg]:h-6"]
+      },
+      {
+        variant: "icon-outline",
+        size: "medium",
+        class: ["h-12", "w-12", "p-2.5", "[&>svg]:w-7", "[&>svg]:h-7"]
+      },
+      {
+        variant: "icon-outline",
+        size: "large",
+        class: ["h-14", "w-14", "p-3", "[&>svg]:w-8", "[&>svg]:h-8"]
+      },
+      {
+        variant: "icon-primary",
+        size: "extra-small",
+        class: ["h-8", "w-8", "p-1.5", "[&>svg]:w-5", "[&>svg]:h-5"]
+      },
+      {
+        variant: "icon-primary",
+        size: "small",
+        class: ["h-10", "w-10", "p-2", "[&>svg]:w-6", "[&>svg]:h-6"]
+      },
+      {
+        variant: "icon-primary",
+        size: "medium",
+        class: ["h-12", "w-12", "p-2.5", "[&>svg]:w-7", "[&>svg]:h-7"]
+      },
+      {
+        variant: "icon-primary",
+        size: "large",
+        class: ["h-14", "w-14", "p-3", "[&>svg]:w-8", "[&>svg]:h-8"]
+      },
+      {
+        variant: "icon-secondary",
+        size: "extra-small",
+        class: ["h-8", "w-8", "p-1.5", "[&>svg]:w-5", "[&>svg]:h-5"]
+      },
+      {
+        variant: "icon-secondary",
+        size: "small",
+        class: ["h-10", "w-10", "p-2", "[&>svg]:w-6", "[&>svg]:h-6"]
+      },
+      {
+        variant: "icon-secondary",
+        size: "medium",
+        class: ["h-12", "w-12", "p-2.5", "[&>svg]:w-7", "[&>svg]:h-7"]
+      },
+      {
+        variant: "icon-secondary",
+        size: "large",
+        class: ["h-14", "w-14", "p-3", "[&>svg]:w-8", "[&>svg]:h-8"]
+      }
+    ]
+  }
+);
+
+exports.Button = Button;
+exports.buttonVariants = buttonVariants;
+//# sourceMappingURL=chunk-M3HMXHAL.cjs.map
+//# sourceMappingURL=chunk-M3HMXHAL.cjs.map

package/dist/chunk-M3HMXHAL.cjs.map

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

package/dist/chunk-MDLLVPLD.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var chunkYPA6HVCD_cjs = require('./chunk-YPA6HVCD.cjs');
+
+// src/components/company/CompanyInformation.tsx
+function CompanyInformation({
+  name,
+  how,
+  mission,
+  wow,
+  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(
+    chunkYPA6HVCD_cjs.LinkButton,
+    {
+      "data-testid": "company-website-link",
+      href: website,
+      target: "_blank",
+      rel: "noopener noreferrer"
+    },
+    "Website"
+  )));
+}
+
+exports.CompanyInformation = CompanyInformation;
+//# sourceMappingURL=chunk-MDLLVPLD.cjs.map
+//# sourceMappingURL=chunk-MDLLVPLD.cjs.map

package/dist/chunk-MDLLVPLD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/company/CompanyInformation.tsx"],"names":["LinkButton"],"mappings":";;;;;AAUO,SAAS,kBAAmB,CAAA;AAAA,EACjC,IAAA;AAAA,EACA,GAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAsC,EAAA;AACpC,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,qBACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,cAAA;AAAA,MACZ,SAAU,EAAA;AAAA,KAAA;AAAA,IACX,QAAA;AAAA,IACQ;AAAA,GACT,EAEC,GACC,oBAAA,KAAA,CAAA,aAAA,CAAC,GAAE,EAAA,EAAA,aAAA,EAAY,qBAAsB,EAAA,SAAA,EAAU,wBAC5C,EAAA,EAAA,GACH,CAGD,EAAA,OAAA,oBACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,YAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAK,WAAE,CAAA,kBACP,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAE,SAAU,EAAA,wBAAA,EAAA,kBACV,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,gBAAA,EAAA,EAAiB,SAAO,CAAA,EACvC,OACH,CACF,CAAA,EAGD,GACC,oBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,YACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,MAAK,EAAA,IAAA,EAAA,WAAE,CACR,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAE,EAAA,EAAA,SAAA,EAAU,wBACX,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAU,gBAAiB,EAAA,EAAA,YAAU,CAC1C,EAAA,GACH,CACF,CAAA,EAGD,OACC,oBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,MACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,4BAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,sBAAA;AAAA,MACZ,IAAM,EAAA,OAAA;AAAA,MACN,MAAO,EAAA,QAAA;AAAA,MACP,GAAI,EAAA;AAAA,KAAA;AAAA,IACL;AAAA,GAGH,CAEJ,CAAA;AAEJ","file":"chunk-MDLLVPLD.cjs","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"]}

package/dist/chunk-MGWZXPMF.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+
+// src/lib/utils.ts
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+
+exports.cn = cn;
+//# sourceMappingURL=chunk-MGWZXPMF.cjs.map
+//# sourceMappingURL=chunk-MGWZXPMF.cjs.map

package/dist/chunk-MGWZXPMF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts"],"names":["twMerge","clsx"],"mappings":";;;;;;AAGO,SAAS,MAAM,MAAsB,EAAA;AAC1C,EAAO,OAAAA,qBAAA,CAAQC,SAAK,CAAA,MAAM,CAAC,CAAA;AAC7B","file":"chunk-MGWZXPMF.cjs","sourcesContent":["import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"]}

package/dist/chunk-NHAD5YHP.js

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

package/dist/chunk-NHAD5YHP.js.map

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