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

package/dist/components/ui/ReadMore.js

@@ -1,312 +1,6 @@
-"use client";
-
-// src/components/ui/ReadMore.tsx
-import { useEffect, useState } from "react";
-import Markdown from "react-markdown";
-
-// src/components/ui/Button.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "cva";
-import { Loader2 } from "lucide-react";
-import React2, { forwardRef } from "react";
-
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/ui/Button.tsx
-var Button = forwardRef(
-  ({
-    className,
-    variant,
-    size,
-    asChild = false,
-    type = "button",
-    children,
-    isLoading = false,
-    ...props
-  }, ref) => {
-    const Component = asChild ? Slot : "button";
-    return /* @__PURE__ */ React2.createElement(
-      Component,
-      {
-        className: cn(buttonVariants({ variant, size, className, isLoading, asChild })),
-        type,
-        ref,
-        ...props
-      },
-      asChild ? children : /* @__PURE__ */ React2.createElement(React2.Fragment, null, children, isLoading && /* @__PURE__ */ React2.createElement("div", { className: "absolute inset-0 flex items-center justify-center bg-white/30 backdrop-blur-[0.5px]" }, /* @__PURE__ */ React2.createElement(Loader2, { className: "h-5 w-5 animate-spin text-gray-800" })))
-    );
-  }
-);
-Button.displayName = "Button";
-var buttonVariants = 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-2"]
-      },
-      {
-        variant: "icon-outline",
-        size: "small",
-        class: ["h-10", "w-10", "p-3"]
-      },
-      {
-        variant: "icon-outline",
-        size: "medium",
-        class: ["h-12", "w-12", "p-4"]
-      },
-      {
-        variant: "icon-outline",
-        size: "large",
-        class: ["h-14", "w-14", "p-4"]
-      },
-      {
-        variant: "icon-primary",
-        size: "extra-small",
-        class: ["h-8", "w-8", "p-2"]
-      },
-      {
-        variant: "icon-primary",
-        size: "small",
-        class: ["h-10", "w-10", "p-3"]
-      },
-      {
-        variant: "icon-primary",
-        size: "medium",
-        class: ["h-12", "w-12", "p-4"]
-      },
-      {
-        variant: "icon-primary",
-        size: "large",
-        class: ["h-14", "w-14", "p-4"]
-      },
-      {
-        variant: "icon-secondary",
-        size: "extra-small",
-        class: ["h-8", "w-8", "p-2"]
-      },
-      {
-        variant: "icon-secondary",
-        size: "small",
-        class: ["h-10", "w-10", "p-3"]
-      },
-      {
-        variant: "icon-secondary",
-        size: "medium",
-        class: ["h-12", "w-12", "p-4"]
-      },
-      {
-        variant: "icon-secondary",
-        size: "large",
-        class: ["h-14", "w-14", "p-4"]
-      }
-    ]
-  }
-);
-
-// src/components/ui/ReadMore.tsx
-function ReadMore({ text, ...props }) {
-  const [isExpanded, setIsExpanded] = useState(false);
-  const [maxWords, setMaxWords] = useState(160);
-  const isOverMaxWords = text.split(" ").length > maxWords;
-  useEffect(() => {
-    const updateMaxWords = () => {
-      const windowWidth = window.innerWidth;
-      if (windowWidth <= 768) {
-        setMaxWords(50);
-      } else {
-        setMaxWords(160);
-      }
-    };
-    updateMaxWords();
-    window.addEventListener("resize", updateMaxWords);
-    return () => window.removeEventListener("resize", updateMaxWords);
-  }, []);
-  function createReadMoreText(text2, maxWords2, isExpanded2) {
-    if (!isOverMaxWords) return text2;
-    const words = text2.split(" ");
-    const snippet2 = isExpanded2 ? text2 : words.slice(0, maxWords2).join(" ");
-    const readMoreText = isExpanded2 ? "" : "...";
-    return `${snippet2} ${readMoreText}`;
-  }
-  const toggleText = () => setIsExpanded(!isExpanded);
-  const snippet = createReadMoreText(text, maxWords, isExpanded);
-  return /* @__PURE__ */ React.createElement("div", { ...props }, /* @__PURE__ */ React.createElement("div", { "data-testid": "read-more-text", className: "prose lg:prose-lg" }, /* @__PURE__ */ React.createElement(Markdown, null, snippet)), isOverMaxWords && /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      type: "button",
-      className: "mt-2 flex items-center justify-center",
-      variant: "link",
-      onClick: toggleText
-    },
-    /* @__PURE__ */ React.createElement("p", { className: "text-sm font-bold underline underline-offset-2" }, "Read ", isExpanded ? "less" : "more")
-  ));
-}
-export {
-  ReadMore
-};
+export { ReadMore } from '../../chunk-W4VQ5YRX.js';
+import '../../chunk-XFGURTBJ.js';
+import '../../chunk-2FGZQI42.js';
+import '../../chunk-PZ5AY32C.js';
+//# sourceMappingURL=ReadMore.js.map
 //# sourceMappingURL=ReadMore.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/ReadMore.tsx","../../../src/components/ui/Button.tsx","../../../src/lib/utils.ts"],"sourcesContent":["'use client'\n\nimport { type ComponentProps, useEffect, useState } from 'react'\nimport Markdown from 'react-markdown'\n\nimport { Button } from '@/components/ui/Button'\n\nexport type ReadMoreProps = ComponentProps<'div'> & {\n  text: string\n}\n\nexport function ReadMore({ text, ...props }: Readonly<ReadMoreProps>) {\n  const [isExpanded, setIsExpanded] = useState(false)\n  const [maxWords, setMaxWords] = useState(160)\n\n  const isOverMaxWords = text.split(' ').length > maxWords\n\n  useEffect(() => {\n    const updateMaxWords = () => {\n      const windowWidth = window.innerWidth\n      if (windowWidth <= 768) {\n        setMaxWords(50)\n      } else {\n        setMaxWords(160)\n      }\n    }\n\n    updateMaxWords()\n    window.addEventListener('resize', updateMaxWords)\n\n    return () => window.removeEventListener('resize', updateMaxWords)\n  }, [])\n\n  function createReadMoreText(text: string, maxWords: number, isExpanded: boolean): string {\n    if (!isOverMaxWords) return text\n\n    const words = text.split(' ')\n    const snippet = isExpanded ? text : words.slice(0, maxWords).join(' ')\n    const readMoreText = isExpanded ? '' : '...'\n    return `${snippet} ${readMoreText}`\n  }\n\n  const toggleText = () => setIsExpanded(!isExpanded)\n\n  const snippet = createReadMoreText(text, maxWords, isExpanded)\n\n  return (\n    <div {...props}>\n      <div data-testid=\"read-more-text\" className=\"prose lg:prose-lg\">\n        <Markdown>{snippet}</Markdown>\n      </div>\n      {isOverMaxWords && (\n        <Button\n          type=\"button\"\n          className=\"mt-2 flex items-center justify-center\"\n          variant=\"link\"\n          onClick={toggleText}\n        >\n          <p className=\"text-sm font-bold underline underline-offset-2\">\n            Read {isExpanded ? 'less' : 'more'}\n          </p>\n        </Button>\n      )}\n    </div>\n  )\n}\n","import { 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-2'],\n      },\n      {\n        variant: 'icon-outline',\n        size: 'small',\n        class: ['h-10', 'w-10', 'p-3'],\n      },\n      {\n        variant: 'icon-outline',\n        size: 'medium',\n        class: ['h-12', 'w-12', 'p-4'],\n      },\n      {\n        variant: 'icon-outline',\n        size: 'large',\n        class: ['h-14', 'w-14', 'p-4'],\n      },\n      {\n        variant: 'icon-primary',\n        size: 'extra-small',\n        class: ['h-8', 'w-8', 'p-2'],\n      },\n      {\n        variant: 'icon-primary',\n        size: 'small',\n        class: ['h-10', 'w-10', 'p-3'],\n      },\n      {\n        variant: 'icon-primary',\n        size: 'medium',\n        class: ['h-12', 'w-12', 'p-4'],\n      },\n      {\n        variant: 'icon-primary',\n        size: 'large',\n        class: ['h-14', 'w-14', 'p-4'],\n      },\n      {\n        variant: 'icon-secondary',\n        size: 'extra-small',\n        class: ['h-8', 'w-8', 'p-2'],\n      },\n      {\n        variant: 'icon-secondary',\n        size: 'small',\n        class: ['h-10', 'w-10', 'p-3'],\n      },\n      {\n        variant: 'icon-secondary',\n        size: 'medium',\n        class: ['h-12', 'w-12', 'p-4'],\n      },\n      {\n        variant: 'icon-secondary',\n        size: 'large',\n        class: ['h-14', 'w-14', 'p-4'],\n      },\n    ],\n  }\n)\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;AAEA,SAA8B,WAAW,gBAAgB;AACzD,OAAO,cAAc;;;ACHrB,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,SAAS,eAAe;AACxB,OAAOA,UAAS,kBAAkB;;;ACHlC,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;AD8BO,IAAM,SAAS;AAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA,YAAY;AAAA,IACZ,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,YAAY,UAAU,OAAO;AAEnC,WACE,gBAAAC,OAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,WAAW,WAAW,QAAQ,CAAC,CAAC;AAAA,QAC9E;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,MAEH,UACC,WAEA,gBAAAA,OAAA,cAAAA,OAAA,gBACG,UACA,aACC,gBAAAA,OAAA,cAAC,SAAI,WAAU,yFACb,gBAAAA,OAAA,cAAC,WAAQ,WAAU,sCAAqC,CAC1D,CAEJ;AAAA,IAEJ;AAAA,EAEJ;AACF;AACA,OAAO,cAAc;AAMd,IAAM,iBAAiB;AAAA,EAC5B;AAAA,IACE;AAAA,IACA;AAAA,IACA;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,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,WAAW;AAAA,UACT;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,UACA;AAAA,QACF;AAAA,QACA,MAAM;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,mBAAmB;AAAA,UACjB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,qBAAqB;AAAA,UACnB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,gBAAgB;AAAA,UACd;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,gBAAgB;AAAA,UACd;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,kBAAkB;AAAA,UAChB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,MACA,MAAM;AAAA,QACJ,eAAe,CAAC,OAAO,WAAW,QAAQ,MAAM;AAAA,QAChD,OAAO,CAAC,QAAQ,WAAW,QAAQ,MAAM;AAAA,QACzC,QAAQ,CAAC,QAAQ,aAAa,QAAQ,MAAM;AAAA,QAC5C,OAAO,CAAC,QAAQ,WAAW,QAAQ,MAAM;AAAA,MAC3C;AAAA,MACA,WAAW;AAAA,QACT,MAAM,CAAC,sBAAsB,qBAAqB;AAAA,MACpD;AAAA,MACA,SAAS;AAAA,QACP,MAAM,CAAC;AAAA,QACP,OAAO,CAAC,kBAAkB,qBAAqB;AAAA,MACjD;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,WAAW;AAAA,MACX,SAAS;AAAA,IACX;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO,CAAC,OAAO,WAAW,KAAK;AAAA,MACjC;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO,CAAC,OAAO,WAAW,KAAK;AAAA,MACjC;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO,CAAC,OAAO,WAAW,KAAK;AAAA,MACjC;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO,CAAC,OAAO,aAAa,KAAK;AAAA,MACnC;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO,CAAC,OAAO,OAAO,KAAK;AAAA,MAC7B;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC/B;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC/B;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC/B;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO,CAAC,OAAO,OAAO,KAAK;AAAA,MAC7B;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC/B;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC/B;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC/B;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO,CAAC,OAAO,OAAO,KAAK;AAAA,MAC7B;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC/B;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC/B;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC/B;AAAA,IACF;AAAA,EACF;AACF;;;ADpSO,SAAS,SAAS,EAAE,MAAM,GAAG,MAAM,GAA4B;AACpE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,GAAG;AAE5C,QAAM,iBAAiB,KAAK,MAAM,GAAG,EAAE,SAAS;AAEhD,YAAU,MAAM;AACd,UAAM,iBAAiB,MAAM;AAC3B,YAAM,cAAc,OAAO;AAC3B,UAAI,eAAe,KAAK;AACtB,oBAAY,EAAE;AAAA,MAChB,OAAO;AACL,oBAAY,GAAG;AAAA,MACjB;AAAA,IACF;AAEA,mBAAe;AACf,WAAO,iBAAiB,UAAU,cAAc;AAEhD,WAAO,MAAM,OAAO,oBAAoB,UAAU,cAAc;AAAA,EAClE,GAAG,CAAC,CAAC;AAEL,WAAS,mBAAmBC,OAAcC,WAAkBC,aAA6B;AACvF,QAAI,CAAC,eAAgB,QAAOF;AAE5B,UAAM,QAAQA,MAAK,MAAM,GAAG;AAC5B,UAAMG,WAAUD,cAAaF,QAAO,MAAM,MAAM,GAAGC,SAAQ,EAAE,KAAK,GAAG;AACrE,UAAM,eAAeC,cAAa,KAAK;AACvC,WAAO,GAAGC,QAAO,IAAI,YAAY;AAAA,EACnC;AAEA,QAAM,aAAa,MAAM,cAAc,CAAC,UAAU;AAElD,QAAM,UAAU,mBAAmB,MAAM,UAAU,UAAU;AAE7D,SACE,oCAAC,SAAK,GAAG,SACP,oCAAC,SAAI,eAAY,kBAAiB,WAAU,uBAC1C,oCAAC,gBAAU,OAAQ,CACrB,GACC,kBACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,SAAS;AAAA;AAAA,IAET,oCAAC,OAAE,WAAU,oDAAiD,SACtD,aAAa,SAAS,MAC9B;AAAA,EACF,CAEJ;AAEJ;","names":["React","React","text","maxWords","isExpanded","snippet"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ReadMore.js"}

package/dist/components/ui/Select.cjs

@@ -1,308 +1,16 @@
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// src/components/ui/Select.tsx
-var Select_exports = {};
-__export(Select_exports, {
-  default: () => Select_default
-});
-module.exports = __toCommonJS(Select_exports);
-var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
-var import_lucide_react2 = require("lucide-react");
-var import_react2 = require("react");
+var chunkP7CAVAYY_cjs = require('../../chunk-P7CAVAYY.cjs');
+require('../../chunk-3BGXWNKI.cjs');
+require('../../chunk-HMKEBIBE.cjs');
+require('../../chunk-CDQM72QX.cjs');
+require('../../chunk-RDPMXAQG.cjs');
+require('../../chunk-HCXPKYJR.cjs');
+require('../../chunk-MGWZXPMF.cjs');
+require('../../chunk-Q7SFCCGT.cjs');
 
-// src/components/primitives/separator.tsx
-var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var React2 = __toESM(require("react"), 1);
 
-// src/lib/utils.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-}
 
-// src/components/primitives/separator.tsx
-var Separator = React2.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ React2.createElement(
-  SeparatorPrimitive.Root,
-  {
-    ref,
-    decorative,
-    orientation,
-    className: cn(
-      "shrink-0 bg-grey-10",
-      orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-      className
-    ),
-    ...props
-  }
-));
-Separator.displayName = SeparatorPrimitive.Root.displayName;
-
-// src/components/ui/Chip.tsx
-var import_cva = require("cva");
-var import_react = __toESM(require("react"), 1);
-var import_tailwind_merge2 = require("tailwind-merge");
-var Chip = ({ className, variant, size, ...props }) => /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_tailwind_merge2.twMerge)(chipVariants({ variant, size, className })), ...props });
-var chipVariants = (0, import_cva.cva)(["flex", "items-center", "rounded-3xl", "border", "w-fit"], {
-  variants: {
-    variant: {
-      neutral: ["text-grey-80", "border-grey-10"],
-      primary: ["text-purple-100", "border-purple-20"],
-      danger: ["text-pumpkin-100", "border-pumpkin-20"],
-      jobLocation: ["text-grey-80", "border-grey-10", "bg-grey-5"],
-      onboarding: ["text-green-100", "bg-green-10", "cursor-pointer"],
-      onboardingSelected: ["text-white", "bg-green-90", "cursor-pointer"]
-    },
-    size: {
-      small: ["text-sm", "leading-5", "px-2", "py-1", "gap-1.5"],
-      medium: ["text-base", "leading-6", "px-3", "py-2", "gap-2"]
-    }
-  },
-  defaultVariants: {
-    variant: "neutral",
-    size: "medium"
-  }
-});
-var Chip_default = Chip;
-
-// src/components/ui/ErrorMessage.tsx
-function ErrorMessage({ message, className, ...props }) {
-  if (!message) return null;
-  return /* @__PURE__ */ React.createElement("p", { className: cn("px-1 text-xs text-red-600", className), ...props }, message);
-}
-var ErrorMessage_default = ErrorMessage;
-
-// src/components/ui/Label.tsx
-var import_lucide_react = require("lucide-react");
-
-// src/components/primitives/tooltip.tsx
-var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var React4 = __toESM(require("react"), 1);
-var TooltipProvider = TooltipPrimitive.Provider;
-var Tooltip = TooltipPrimitive.Root;
-var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React4.createElement(
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-50 overflow-hidden rounded-md border border-neutral-200 bg-white px-3 py-1.5 text-sm text-neutral-950 shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50",
-      className
-    ),
-    ...props
-  }
-));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-
-// src/components/ui/Label.tsx
-function Label({ text, required, description, className, ...props }) {
-  if (!text) return null;
-  return /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-row gap-1" }, /* @__PURE__ */ React.createElement(
-    "label",
-    {
-      className: cn(
-        "text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-        className
-      ),
-      ...props
-    },
-    text,
-    required && /* @__PURE__ */ React.createElement("span", { className: "text-red-600" }, "\xA0*")
-  ), !!description && /* @__PURE__ */ React.createElement(TooltipProvider, null, /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(import_lucide_react.InfoIcon, { className: "h-4 w-4" })), /* @__PURE__ */ React.createElement(TooltipContent, { className: "max-w-48" }, description))));
-}
-var Label_default = Label;
-
-// src/components/ui/Select.tsx
-var Select = (0, import_react2.forwardRef)(
-  ({
-    label,
-    options,
-    placeholder,
-    multiselect,
-    description,
-    classNames,
-    dropdownAlign = "start",
-    error,
-    id,
-    children: footer,
-    ...props
-  }, ref) => {
-    const { value, defaultValue, dir, className, onChange, ...rest } = props;
-    const [selected, setSelected] = (0, import_react2.useState)([]);
-    const [open, setOpen] = (0, import_react2.useState)(false);
-    const containerRef = (0, import_react2.useRef)(null);
-    (0, import_react2.useEffect)(() => {
-      if (!value) return setSelected([]);
-      setSelected(Array.isArray(value) ? value : [value]);
-    }, [value]);
-    const toggleOpen = () => setOpen((prev) => !prev);
-    const closeOnEscape = (event) => event.key === "Escape" && setOpen(false);
-    const handleOnOpenChange = (isOpen) => (!multiselect || isOpen) && setOpen(isOpen);
-    const setValueOnEnter = (event, value2) => event.key === "Enter" && handleChange(value2);
-    const getLabel = () => selected.map((o) => options?.find((option) => option.value === o)?.title).join(", ");
-    const chipLabels = selected?.map((s) => options?.find(({ value: value2 }) => value2 === s)).filter(Boolean);
-    function handleChange(newValue) {
-      if (newValue === "" && !multiselect) return;
-      let newSelected = [];
-      setSelected((prev) => {
-        newSelected = prev.includes(newValue) ? prev.filter((item) => item !== newValue) : [...prev, newValue];
-        return multiselect ? newSelected : [newValue];
-      });
-      onChange?.(multiselect ? newSelected : newValue);
-    }
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: cn("flex w-full flex-col gap-1", className),
-        ref: containerRef,
-        "data-testid": `${(label ?? id)?.toLowerCase()}-select-element`
-      },
-      /* @__PURE__ */ React.createElement(
-        Label_default,
-        {
-          text: label,
-          htmlFor: props.name,
-          required: props.required,
-          description,
-          className: classNames?.label
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        SelectPrimitive.Root,
-        {
-          open,
-          value: selected.join(","),
-          onOpenChange: handleOnOpenChange,
-          onValueChange: multiselect ? void 0 : handleChange,
-          defaultValue: typeof defaultValue === "string" ? defaultValue : void 0,
-          dir: dir === "rtl" ? "rtl" : "ltr",
-          ...rest
-        },
-        /* @__PURE__ */ React.createElement(
-          SelectPrimitive.Trigger,
-          {
-            ref,
-            className: cn(
-              "group flex h-11 w-full flex-row items-center justify-between gap-3 rounded-lg border px-4 py-3 text-sm font-normal focus:outline-purple-100 disabled:bg-grey-5 data-[placeholder]:text-grey-50 data-[placeholder]:disabled:text-grey-40",
-              classNames?.trigger
-            )
-          },
-          /* @__PURE__ */ React.createElement("span", { className: "truncate" }, /* @__PURE__ */ React.createElement(
-            SelectPrimitive.Value,
-            {
-              placeholder: placeholder ?? "Select an option",
-              "aria-label": getLabel()
-            },
-            getLabel()
-          )),
-          /* @__PURE__ */ React.createElement(
-            import_lucide_react2.ChevronDownIcon,
-            {
-              className: "transform text-black group-data-[state=open]:rotate-180",
-              size: "16"
-            }
-          )
-        ),
-        /* @__PURE__ */ React.createElement(SelectPrimitive.Portal, { container: containerRef.current }, /* @__PURE__ */ React.createElement(
-          SelectPrimitive.Content,
-          {
-            hideWhenDetached: true,
-            className: cn(
-              "z-10 max-h-[var(--radix-select-content-available-height)] overflow-hidden rounded-md bg-white py-2 shadow-lg",
-              "w-[var(--radix-select-trigger-width)] min-w-[var(--radix-select-trigger-width)]",
-              classNames?.content
-            ),
-            position: "popper",
-            align: dropdownAlign,
-            sideOffset: 4,
-            onPointerDownOutside: toggleOpen,
-            onKeyDown: closeOnEscape
-          },
-          /* @__PURE__ */ React.createElement(SelectPrimitive.Viewport, null, multiselect && !!chipLabels?.length && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-            SelectPrimitive.Group,
-            {
-              className: "mb-2 flex flex-row flex-wrap gap-1 px-2",
-              "data-testid": "selected-labels"
-            },
-            chipLabels?.map(
-              (chip) => chip && /* @__PURE__ */ React.createElement(Chip_default, { key: chip.title, size: "small", variant: "primary" }, /* @__PURE__ */ React.createElement("span", null, chip.title), /* @__PURE__ */ React.createElement(
-                import_lucide_react2.X,
-                {
-                  size: 18,
-                  "data-testid": `chip-remove-${chip.value}`,
-                  className: "cursor-pointer",
-                  onClick: () => handleChange(chip.value)
-                }
-              ))
-            )
-          ), /* @__PURE__ */ React.createElement(Separator, null)), options?.map(({ id: id2, title, value: value2, description: description2 }) => /* @__PURE__ */ React.createElement(
-            SelectPrimitive.Item,
-            {
-              key: id2,
-              value: value2,
-              className: cn(
-                "group relative cursor-pointer px-4 py-2 text-left text-sm hover:bg-purple-50 focus:bg-purple-50 focus:outline-none data-[state=checked]:bg-purple-50 data-[state=checked]:pr-10 data-[state=checked]:text-purple-100",
-                classNames?.item
-              ),
-              "data-state": selected.includes(value2) ? "checked" : "unchecked",
-              onKeyDown: (e) => setValueOnEnter(e, value2),
-              onClick: () => handleChange(value2)
-            },
-            /* @__PURE__ */ React.createElement(
-              import_lucide_react2.CheckIcon,
-              {
-                className: cn(
-                  "absolute inset-y-0 right-3 my-auto hidden w-6 text-purple-100 group-data-[state=checked]:block",
-                  classNames?.checkmark
-                ),
-                size: 16
-              }
-            ),
-            /* @__PURE__ */ React.createElement(SelectPrimitive.ItemText, null, title),
-            description2 && /* @__PURE__ */ React.createElement("span", { className: "block text-sm text-grey-70" }, description2)
-          )), !!footer && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement(
-            SelectPrimitive.Group,
-            {
-              className: "mt-2 flex flex-row flex-wrap gap-1 px-2",
-              "data-testid": "selected-labels"
-            },
-            footer
-          )))
-        ))
-      ),
-      /* @__PURE__ */ React.createElement(ErrorMessage_default, { message: error })
-    );
-  }
-);
-Select.displayName = "Select";
-var Select_default = Select;
+module.exports = chunkP7CAVAYY_cjs.Select_default;
+//# sourceMappingURL=Select.cjs.map
 //# sourceMappingURL=Select.cjs.map