npm - @next-degree/pickle-shared-js - Versions diffs - 0.10.8 → 0.12.1 - Mend

@next-degree/pickle-shared-js 0.10.8 → 0.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (91) hide show

package/dist/components/ui/DismissibleBanner.cjs ADDED Viewed

@@ -0,0 +1,85 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+// src/components/ui/DismissibleBanner.tsx
+var DismissibleBanner_exports = {};
+__export(DismissibleBanner_exports, {
+  DismissibleBanner: () => DismissibleBanner
+});
+module.exports = __toCommonJS(DismissibleBanner_exports);
+var import_lucide_react = require("lucide-react");
+var import_react = require("react");
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+// src/components/ui/DismissibleBanner.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function DismissibleBanner({
+  children,
+  cookieId,
+  className,
+  textClassNames,
+  buttonClassNames
+}) {
+  const safeId = encodeURIComponent(cookieId);
+  const [isVisible, setIsVisible] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    const cookies = document.cookie.split(";");
+    const isDismissed = cookies.some((cookie) => cookie.trim().startsWith(`${safeId}=true`));
+    if (!isDismissed) {
+      setIsVisible(true);
+    }
+  }, [safeId]);
+  const handleDismiss = () => {
+    document.cookie = `${safeId}=true;path=/`;
+    setIsVisible(false);
+  };
+  if (!isVisible) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "nav",
+    {
+      className: cn(
+        "align-center flex w-full items-center justify-between gap-2 bg-blue-100 px-4 py-3",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("w-full text-center text-sm text-green-100", textClassNames), children }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            className: cn("text-green-100", buttonClassNames),
+            "aria-label": "Close banner",
+            onClick: handleDismiss,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { size: 28 })
+          }
+        )
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DismissibleBanner
+});
+//# sourceMappingURL=DismissibleBanner.cjs.map

package/dist/components/ui/DismissibleBanner.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../src/components/ui/DismissibleBanner.tsx","../../../src/lib/utils.ts"],"sourcesContent":["import { X } from 'lucide-react'\nimport { useEffect, useState } from 'react'\n\nimport { cn } from '@/lib/utils'\n\ntype DismissibleBannerProps = {\n cookieId: string\n className?: string\n textClassNames?: string\n buttonClassNames?: string\n} & React.PropsWithChildren\n\nexport function DismissibleBanner({\n children,\n cookieId,\n className,\n textClassNames,\n buttonClassNames,\n}: DismissibleBannerProps) {\n const safeId = encodeURIComponent(cookieId)\n const [isVisible, setIsVisible] = useState(false)\n\n useEffect(() => {\n const cookies = document.cookie.split(';')\n const isDismissed = cookies.some((cookie) => cookie.trim().startsWith(`${safeId}=true`))\n if (!isDismissed) {\n setIsVisible(true)\n }\n }, [safeId])\n\n const handleDismiss = () => {\n document.cookie = `${safeId}=true;path=/`\n setIsVisible(false)\n }\n\n if (!isVisible) return null\n\n return (\n <nav\n className={cn(\n 'align-center flex w-full items-center justify-between gap-2 bg-blue-100 px-4 py-3',\n className\n )}\n >\n <div className={cn('w-full text-center text-sm text-green-100', textClassNames)}>\n {children}\n </div>\n <button\n className={cn('text-green-100', buttonClassNames)}\n aria-label=\"Close banner\"\n onClick={handleDismiss}\n >\n <X size={28} />\n </button>\n </nav>\n )\n}\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkB;AAClB,mBAAoC;;;ACDpC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADiCI;AA1BG,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,SAAS,mBAAmB,QAAQ;AAC1C,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,8BAAU,MAAM;AACd,UAAM,UAAU,SAAS,OAAO,MAAM,GAAG;AACzC,UAAM,cAAc,QAAQ,KAAK,CAAC,WAAW,OAAO,KAAK,EAAE,WAAW,GAAG,MAAM,OAAO,CAAC;AACvF,QAAI,CAAC,aAAa;AAChB,mBAAa,IAAI;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,gBAAgB,MAAM;AAC1B,aAAS,SAAS,GAAG,MAAM;AAC3B,iBAAa,KAAK;AAAA,EACpB;AAEA,MAAI,CAAC,UAAW,QAAO;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,oDAAC,SAAI,WAAW,GAAG,6CAA6C,cAAc,GAC3E,UACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,kBAAkB,gBAAgB;AAAA,YAChD,cAAW;AAAA,YACX,SAAS;AAAA,YAET,sDAAC,yBAAE,MAAM,IAAI;AAAA;AAAA,QACf;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/ui/DismissibleBanner.d.cts ADDED Viewed

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+type DismissibleBannerProps = {
+    cookieId: string;
+    className?: string;
+    textClassNames?: string;
+    buttonClassNames?: string;
+} & React.PropsWithChildren;
+declare function DismissibleBanner({ children, cookieId, className, textClassNames, buttonClassNames, }: DismissibleBannerProps): react_jsx_runtime.JSX.Element | null;
+export { DismissibleBanner };

package/dist/components/ui/DismissibleBanner.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+type DismissibleBannerProps = {
+    cookieId: string;
+    className?: string;
+    textClassNames?: string;
+    buttonClassNames?: string;
+} & React.PropsWithChildren;
+declare function DismissibleBanner({ children, cookieId, className, textClassNames, buttonClassNames, }: DismissibleBannerProps): react_jsx_runtime.JSX.Element | null;
+export { DismissibleBanner };

package/dist/components/ui/DismissibleBanner.js ADDED Viewed

@@ -0,0 +1,60 @@
+// src/components/ui/DismissibleBanner.tsx
+import { X } from "lucide-react";
+import { useEffect, useState } 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/DismissibleBanner.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function DismissibleBanner({
+  children,
+  cookieId,
+  className,
+  textClassNames,
+  buttonClassNames
+}) {
+  const safeId = encodeURIComponent(cookieId);
+  const [isVisible, setIsVisible] = useState(false);
+  useEffect(() => {
+    const cookies = document.cookie.split(";");
+    const isDismissed = cookies.some((cookie) => cookie.trim().startsWith(`${safeId}=true`));
+    if (!isDismissed) {
+      setIsVisible(true);
+    }
+  }, [safeId]);
+  const handleDismiss = () => {
+    document.cookie = `${safeId}=true;path=/`;
+    setIsVisible(false);
+  };
+  if (!isVisible) return null;
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      className: cn(
+        "align-center flex w-full items-center justify-between gap-2 bg-blue-100 px-4 py-3",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: cn("w-full text-center text-sm text-green-100", textClassNames), children }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: cn("text-green-100", buttonClassNames),
+            "aria-label": "Close banner",
+            onClick: handleDismiss,
+            children: /* @__PURE__ */ jsx(X, { size: 28 })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  DismissibleBanner
+};
+//# sourceMappingURL=DismissibleBanner.js.map

package/dist/components/ui/DismissibleBanner.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../src/components/ui/DismissibleBanner.tsx","../../../src/lib/utils.ts"],"sourcesContent":["import { X } from 'lucide-react'\nimport { useEffect, useState } from 'react'\n\nimport { cn } from '@/lib/utils'\n\ntype DismissibleBannerProps = {\n cookieId: string\n className?: string\n textClassNames?: string\n buttonClassNames?: string\n} & React.PropsWithChildren\n\nexport function DismissibleBanner({\n children,\n cookieId,\n className,\n textClassNames,\n buttonClassNames,\n}: DismissibleBannerProps) {\n const safeId = encodeURIComponent(cookieId)\n const [isVisible, setIsVisible] = useState(false)\n\n useEffect(() => {\n const cookies = document.cookie.split(';')\n const isDismissed = cookies.some((cookie) => cookie.trim().startsWith(`${safeId}=true`))\n if (!isDismissed) {\n setIsVisible(true)\n }\n }, [safeId])\n\n const handleDismiss = () => {\n document.cookie = `${safeId}=true;path=/`\n setIsVisible(false)\n }\n\n if (!isVisible) return null\n\n return (\n <nav\n className={cn(\n 'align-center flex w-full items-center justify-between gap-2 bg-blue-100 px-4 py-3',\n className\n )}\n >\n <div className={cn('w-full text-center text-sm text-green-100', textClassNames)}>\n {children}\n </div>\n <button\n className={cn('text-green-100', buttonClassNames)}\n aria-label=\"Close banner\"\n onClick={handleDismiss}\n >\n <X size={28} />\n </button>\n </nav>\n )\n}\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n"],"mappings":";AAAA,SAAS,SAAS;AAClB,SAAS,WAAW,gBAAgB;;;ACDpC,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADiCI,SAME,KANF;AA1BG,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,SAAS,mBAAmB,QAAQ;AAC1C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,YAAU,MAAM;AACd,UAAM,UAAU,SAAS,OAAO,MAAM,GAAG;AACzC,UAAM,cAAc,QAAQ,KAAK,CAAC,WAAW,OAAO,KAAK,EAAE,WAAW,GAAG,MAAM,OAAO,CAAC;AACvF,QAAI,CAAC,aAAa;AAChB,mBAAa,IAAI;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,gBAAgB,MAAM;AAC1B,aAAS,SAAS,GAAG,MAAM;AAC3B,iBAAa,KAAK;AAAA,EACpB;AAEA,MAAI,CAAC,UAAW,QAAO;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,4BAAC,SAAI,WAAW,GAAG,6CAA6C,cAAc,GAC3E,UACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,kBAAkB,gBAAgB;AAAA,YAChD,cAAW;AAAA,YACX,SAAS;AAAA,YAET,8BAAC,KAAE,MAAM,IAAI;AAAA;AAAA,QACf;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/ui/ReadMore.cjs CHANGED Viewed

@@ -161,6 +161,7 @@ var import_jsx_runtime2 = require("react/jsx-runtime");
 function ReadMore({ text, ...props }) {
   const [isExpanded, setIsExpanded] = (0, import_react2.useState)(false);
   const [maxWords, setMaxWords] = (0, import_react2.useState)(160);
+  const isOverMaxWords = text.split(" ").length > maxWords;
   (0, import_react2.useEffect)(() => {
     const updateMaxWords = () => {
       const windowWidth = window.innerWidth;
@@ -175,6 +176,7 @@ function ReadMore({ text, ...props }) {
     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 ? "" : "...";
@@ -184,7 +186,7 @@ function ReadMore({ text, ...props }) {
   const snippet = createReadMoreText(text, maxWords, isExpanded);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { ...props, children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { "data-testid": "read-more-text", className: "prose lg:prose-lg", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_markdown.default, { children: snippet }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    isOverMaxWords && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       Button,
       {
         type: "button",

package/dist/components/ui/ReadMore.cjs.map CHANGED Viewed

	@@ -1 +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 useEffect(() => {\n const updateMaxWords = () => {\n const windowWidth = window.innerWidth\n if (windowWidth <= 768) {\n setMaxWords(50)\n } else {\n setMaxWords(160)\n }\n }\n\n updateMaxWords()\n window.addEventListener('resize', updateMaxWords)\n\n return () => window.removeEventListener('resize', updateMaxWords)\n }, [])\n\n function createReadMoreText(text: string, maxWords: number, isExpanded: boolean): string {\n const words = text.split(' ')\n\n const snippet = isExpanded ? text : words.slice(0, maxWords).join(' ')\n const readMoreText = isExpanded ? '' : '...'\n return `${snippet} ${readMoreText}`\n }\n\n const toggleText = () => setIsExpanded(!isExpanded)\n\n const snippet = createReadMoreText(text, maxWords, isExpanded)\n\n return (\n <div {...props}>\n <div data-testid=\"read-more-text\" className=\"prose lg:prose-lg\">\n <Markdown>{snippet}</Markdown>\n </div>\n <Button\n type=\"button\"\n className=\"mt-2 flex items-center justify-center\"\n variant=\"link\"\n onClick={toggleText}\n >\n <p className=\"text-sm font-bold underline underline-offset-2\">\n Read {isExpanded ? 'less' : 'more'}\n </p>\n </Button>\n </div>\n )\n}\n","import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'cva'\nimport React, { forwardRef } from 'react'\n\nimport { cn } from '@/lib/utils'\n\n/*\n Props for the Button component.\n * @interface ButtonProps\n * @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}\n * @extends {VariantProps<typeof buttonVariants>}\n /\ninterface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n /\n When true, the component will render its children directly without wrapping them in a button element.\n * Useful when you want to use the button styles on a different element.\n * @default false\n /\n asChild?: boolean\n}\n\n/\n A versatile button component that supports multiple variants and sizes.\n \n @component\n * @example\n * ```tsx\n * // Default button\n * <Button>Click me</Button>\n \n // Primary variant with large size\n * <Button variant=\"primary\" size=\"lg\">Large Button</Button>\n \n // As a link\n * <Button asChild>\n * <a href=\"/somewhere\">Go somewhere</a>\n * </Button>\n * ```\n /\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, type = 'button', ...props }, ref) => {\n const Component = asChild ? Slot : 'button'\n\n return (\n <Component\n className={cn(buttonVariants({ variant, size, className }))}\n type={type}\n ref={ref}\n {...props}\n />\n )\n }\n)\nButton.displayName = 'Button'\n\n/\n Variant definitions for the Button component using class-variance-authority.\n * Provides consistent styling across different button variations.\n */\nexport const buttonVariants = cva(\n [\n 'flex',\n 'items-center',\n 'justify-center',\n 'gap-2',\n 'rounded-full',\n 'font-bold',\n 'outline-2',\n 'outline-offset-2',\n 'outline-dashed',\n 'outline-transparent',\n ],\n {\n variants: {\n variant: {\n neutral: [\n 'bg-black',\n 'text-white',\n 'hover:bg-grey-90',\n 'active:bg-grey-80',\n 'focus:outline-purple-100',\n 'disabled:text-grey-40',\n 'disabled:bg-grey-10',\n ],\n primary: [\n 'bg-pickle-100',\n 'text-black',\n 'hover:bg-pickle-80',\n 'active:bg-pickle-60',\n 'focus:outline-purple-100',\n 'disabled:text-grey-40',\n 'disabled:bg-grey-10',\n ],\n secondary: [\n 'bg-green-80',\n 'text-white',\n 'hover:bg-green-90',\n 'active:bg-green-100',\n 'focus:outline-pickle-100',\n 'disabled:text-grey-40',\n 'disabled:bg-grey-10',\n ],\n transparent: [\n 'text-white',\n 'hover:bg-green-80',\n 'active:bg-green-100',\n 'focus:outline-pickle-100',\n 'disabled:text-grey-40',\n ],\n link: [\n 'leading-tight',\n 'text-black',\n 'underline',\n 'hover:text-purple-100',\n 'focus:text-black',\n 'focus:outline-purple-100',\n 'active:text-purple-80',\n ],\n },\n size: {\n small: ['h-10', 'text-sm', 'px-4', 'py-2'],\n medium: ['h-12', 'text-base', 'px-6', 'py-3'],\n large: ['h-14', 'text-lg', 'px-8', 'py-4'],\n },\n },\n defaultVariants: {\n variant: 'neutral',\n size: 'medium',\n },\n compoundVariants: [\n {\n variant: 'link',\n size: 'small',\n class: ['h-3', 'text-xs', 'p-0'],\n },\n {\n variant: 'link',\n size: 'medium',\n class: ['h-4', 'text-sm', 'p-0'],\n },\n {\n variant: 'link',\n size: 'large',\n class: ['h-6', 'text-base', 'p-0'],\n },\n ],\n }\n)\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,IAAAA,gBAAyD;AACzD,4BAAqB;;;ACHrB,wBAAqB;AACrB,iBAAuC;AACvC,mBAAkC;;;ACFlC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADyCM;AALC,IAAM,aAAS;AAAA,EACpB,CAAC,EAAE,WAAW,SAAS,MAAM,UAAU,OAAO,OAAO,UAAU,GAAG,MAAM,GAAG,QAAQ;AACjF,UAAM,YAAY,UAAU,yBAAO;AAEnC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,QAC1D;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,OAAO,cAAc;AAMd,IAAM,qBAAiB;AAAA,EAC5B;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,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,MACF;AAAA,MACA,MAAM;AAAA,QACJ,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,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;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,aAAa,KAAK;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AACF;;;~~ADvGQ~~,IAAAC,sBAAA;~~AAnCD~~,SAAS,SAAS,EAAE,MAAM,GAAG,MAAM,GAA4B;AACpE,QAAM,CAAC,YAAY,aAAa,QAAI,wBAAS,KAAK;AAClD,QAAM,CAAC,UAAU,WAAW,QAAI,wBAAS,GAAG;AAE5C,+BAAU,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,UAAM,~~QAAQF~~,MAAK,MAAM,GAAG;~~AAE5B~~,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,8CAAC,SAAK,GAAG,OACP;AAAA,iDAAC,SAAI,eAAY,kBAAiB,WAAU,qBAC1C,uDAAC,sBAAAC,SAAA,EAAU,mBAAQ,GACrB;AAAA,~~IACA~~;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,SAAS;AAAA,QAET,wDAAC,OAAE,WAAU,kDAAiD;AAAA;AAAA,UACtD,aAAa,SAAS;AAAA,WAC9B;AAAA;AAAA,IACF;AAAA,~~KACF~~;AAEJ;","names":["import_react","import_jsx_runtime","text","maxWords","isExpanded","snippet","Markdown"]}
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 React, { forwardRef } from 'react'\n\nimport { cn } from '@/lib/utils'\n\n/*\n Props for the Button component.\n * @interface ButtonProps\n * @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}\n * @extends {VariantProps<typeof buttonVariants>}\n /\ninterface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n /\n When true, the component will render its children directly without wrapping them in a button element.\n * Useful when you want to use the button styles on a different element.\n * @default false\n /\n asChild?: boolean\n}\n\n/\n A versatile button component that supports multiple variants and sizes.\n \n @component\n * @example\n * ```tsx\n * // Default button\n * <Button>Click me</Button>\n \n // Primary variant with large size\n * <Button variant=\"primary\" size=\"lg\">Large Button</Button>\n \n // As a link\n * <Button asChild>\n * <a href=\"/somewhere\">Go somewhere</a>\n * </Button>\n * ```\n /\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, type = 'button', ...props }, ref) => {\n const Component = asChild ? Slot : 'button'\n\n return (\n <Component\n className={cn(buttonVariants({ variant, size, className }))}\n type={type}\n ref={ref}\n {...props}\n />\n )\n }\n)\nButton.displayName = 'Button'\n\n/\n Variant definitions for the Button component using class-variance-authority.\n * Provides consistent styling across different button variations.\n */\nexport const buttonVariants = cva(\n [\n 'flex',\n 'items-center',\n 'justify-center',\n 'gap-2',\n 'rounded-full',\n 'font-bold',\n 'outline-2',\n 'outline-offset-2',\n 'outline-dashed',\n 'outline-transparent',\n ],\n {\n variants: {\n variant: {\n neutral: [\n 'bg-black',\n 'text-white',\n 'hover:bg-grey-90',\n 'active:bg-grey-80',\n 'focus:outline-purple-100',\n 'disabled:text-grey-40',\n 'disabled:bg-grey-10',\n ],\n primary: [\n 'bg-pickle-100',\n 'text-black',\n 'hover:bg-pickle-80',\n 'active:bg-pickle-60',\n 'focus:outline-purple-100',\n 'disabled:text-grey-40',\n 'disabled:bg-grey-10',\n ],\n secondary: [\n 'bg-green-80',\n 'text-white',\n 'hover:bg-green-90',\n 'active:bg-green-100',\n 'focus:outline-pickle-100',\n 'disabled:text-grey-40',\n 'disabled:bg-grey-10',\n ],\n transparent: [\n 'text-white',\n 'hover:bg-green-80',\n 'active:bg-green-100',\n 'focus:outline-pickle-100',\n 'disabled:text-grey-40',\n ],\n link: [\n 'leading-tight',\n 'text-black',\n 'underline',\n 'hover:text-purple-100',\n 'focus:text-black',\n 'focus:outline-purple-100',\n 'active:text-purple-80',\n ],\n },\n size: {\n small: ['h-10', 'text-sm', 'px-4', 'py-2'],\n medium: ['h-12', 'text-base', 'px-6', 'py-3'],\n large: ['h-14', 'text-lg', 'px-8', 'py-4'],\n },\n },\n defaultVariants: {\n variant: 'neutral',\n size: 'medium',\n },\n compoundVariants: [\n {\n variant: 'link',\n size: 'small',\n class: ['h-3', 'text-xs', 'p-0'],\n },\n {\n variant: 'link',\n size: 'medium',\n class: ['h-4', 'text-sm', 'p-0'],\n },\n {\n variant: 'link',\n size: 'large',\n class: ['h-6', 'text-base', 'p-0'],\n },\n ],\n }\n)\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n"],"mappings":"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","names":["import_react","import_jsx_runtime","text","maxWords","isExpanded","snippet","Markdown"]}

package/dist/components/ui/ReadMore.js CHANGED Viewed

@@ -128,6 +128,7 @@ import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 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;
@@ -142,6 +143,7 @@ function ReadMore({ text, ...props }) {
     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 ? "" : "...";
@@ -151,7 +153,7 @@ function ReadMore({ text, ...props }) {
   const snippet = createReadMoreText(text, maxWords, isExpanded);
   return /* @__PURE__ */ jsxs("div", { ...props, children: [
     /* @__PURE__ */ jsx2("div", { "data-testid": "read-more-text", className: "prose lg:prose-lg", children: /* @__PURE__ */ jsx2(Markdown, { children: snippet }) }),
-    /* @__PURE__ */ jsx2(
+    isOverMaxWords && /* @__PURE__ */ jsx2(
       Button,
       {
         type: "button",

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

	@@ -1 +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 useEffect(() => {\n const updateMaxWords = () => {\n const windowWidth = window.innerWidth\n if (windowWidth <= 768) {\n setMaxWords(50)\n } else {\n setMaxWords(160)\n }\n }\n\n updateMaxWords()\n window.addEventListener('resize', updateMaxWords)\n\n return () => window.removeEventListener('resize', updateMaxWords)\n }, [])\n\n function createReadMoreText(text: string, maxWords: number, isExpanded: boolean): string {\n const words = text.split(' ')\n\n const snippet = isExpanded ? text : words.slice(0, maxWords).join(' ')\n const readMoreText = isExpanded ? '' : '...'\n return `${snippet} ${readMoreText}`\n }\n\n const toggleText = () => setIsExpanded(!isExpanded)\n\n const snippet = createReadMoreText(text, maxWords, isExpanded)\n\n return (\n <div {...props}>\n <div data-testid=\"read-more-text\" className=\"prose lg:prose-lg\">\n <Markdown>{snippet}</Markdown>\n </div>\n <Button\n type=\"button\"\n className=\"mt-2 flex items-center justify-center\"\n variant=\"link\"\n onClick={toggleText}\n >\n <p className=\"text-sm font-bold underline underline-offset-2\">\n Read {isExpanded ? 'less' : 'more'}\n </p>\n </Button>\n </div>\n )\n}\n","import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'cva'\nimport React, { forwardRef } from 'react'\n\nimport { cn } from '@/lib/utils'\n\n/*\n Props for the Button component.\n * @interface ButtonProps\n * @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}\n * @extends {VariantProps<typeof buttonVariants>}\n /\ninterface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n /\n When true, the component will render its children directly without wrapping them in a button element.\n * Useful when you want to use the button styles on a different element.\n * @default false\n /\n asChild?: boolean\n}\n\n/\n A versatile button component that supports multiple variants and sizes.\n \n @component\n * @example\n * ```tsx\n * // Default button\n * <Button>Click me</Button>\n \n // Primary variant with large size\n * <Button variant=\"primary\" size=\"lg\">Large Button</Button>\n \n // As a link\n * <Button asChild>\n * <a href=\"/somewhere\">Go somewhere</a>\n * </Button>\n * ```\n /\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, type = 'button', ...props }, ref) => {\n const Component = asChild ? Slot : 'button'\n\n return (\n <Component\n className={cn(buttonVariants({ variant, size, className }))}\n type={type}\n ref={ref}\n {...props}\n />\n )\n }\n)\nButton.displayName = 'Button'\n\n/\n Variant definitions for the Button component using class-variance-authority.\n * Provides consistent styling across different button variations.\n */\nexport const buttonVariants = cva(\n [\n 'flex',\n 'items-center',\n 'justify-center',\n 'gap-2',\n 'rounded-full',\n 'font-bold',\n 'outline-2',\n 'outline-offset-2',\n 'outline-dashed',\n 'outline-transparent',\n ],\n {\n variants: {\n variant: {\n neutral: [\n 'bg-black',\n 'text-white',\n 'hover:bg-grey-90',\n 'active:bg-grey-80',\n 'focus:outline-purple-100',\n 'disabled:text-grey-40',\n 'disabled:bg-grey-10',\n ],\n primary: [\n 'bg-pickle-100',\n 'text-black',\n 'hover:bg-pickle-80',\n 'active:bg-pickle-60',\n 'focus:outline-purple-100',\n 'disabled:text-grey-40',\n 'disabled:bg-grey-10',\n ],\n secondary: [\n 'bg-green-80',\n 'text-white',\n 'hover:bg-green-90',\n 'active:bg-green-100',\n 'focus:outline-pickle-100',\n 'disabled:text-grey-40',\n 'disabled:bg-grey-10',\n ],\n transparent: [\n 'text-white',\n 'hover:bg-green-80',\n 'active:bg-green-100',\n 'focus:outline-pickle-100',\n 'disabled:text-grey-40',\n ],\n link: [\n 'leading-tight',\n 'text-black',\n 'underline',\n 'hover:text-purple-100',\n 'focus:text-black',\n 'focus:outline-purple-100',\n 'active:text-purple-80',\n ],\n },\n size: {\n small: ['h-10', 'text-sm', 'px-4', 'py-2'],\n medium: ['h-12', 'text-base', 'px-6', 'py-3'],\n large: ['h-14', 'text-lg', 'px-8', 'py-4'],\n },\n },\n defaultVariants: {\n variant: 'neutral',\n size: 'medium',\n },\n compoundVariants: [\n {\n variant: 'link',\n size: 'small',\n class: ['h-3', 'text-xs', 'p-0'],\n },\n {\n variant: 'link',\n size: 'medium',\n class: ['h-4', 'text-sm', 'p-0'],\n },\n {\n variant: 'link',\n size: 'large',\n class: ['h-6', 'text-base', 'p-0'],\n },\n ],\n }\n)\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n"],"mappings":";;;AAEA,SAA8B,WAAW,gBAAgB;AACzD,OAAO,cAAc;;;ACHrB,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,SAAgB,kBAAkB;;;ACFlC,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADyCM;AALC,IAAM,SAAS;AAAA,EACpB,CAAC,EAAE,WAAW,SAAS,MAAM,UAAU,OAAO,OAAO,UAAU,GAAG,MAAM,GAAG,QAAQ;AACjF,UAAM,YAAY,UAAU,OAAO;AAEnC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,QAC1D;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,IACN;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,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,MACF;AAAA,MACA,MAAM;AAAA,QACJ,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,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;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,aAAa,KAAK;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AACF;;;~~ADvGQ~~,gBAAAA,~~MAQA~~,~~YARA~~;~~AAnCD~~,SAAS,SAAS,EAAE,MAAM,GAAG,MAAM,GAA4B;AACpE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,GAAG;AAE5C,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,UAAM,~~QAAQF~~,MAAK,MAAM,GAAG;~~AAE5B~~,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,qBAAC,SAAK,GAAG,OACP;AAAA,oBAAAJ,KAAC,SAAI,eAAY,kBAAiB,WAAU,qBAC1C,0BAAAA,KAAC,YAAU,mBAAQ,GACrB;AAAA,~~IACA~~,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,SAAS;AAAA,QAET,+BAAC,OAAE,WAAU,kDAAiD;AAAA;AAAA,UACtD,aAAa,SAAS;AAAA,WAC9B;AAAA;AAAA,IACF;AAAA,~~KACF~~;AAEJ;","names":["jsx","text","maxWords","isExpanded","snippet"]}
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 React, { forwardRef } from 'react'\n\nimport { cn } from '@/lib/utils'\n\n/*\n Props for the Button component.\n * @interface ButtonProps\n * @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}\n * @extends {VariantProps<typeof buttonVariants>}\n /\ninterface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n /\n When true, the component will render its children directly without wrapping them in a button element.\n * Useful when you want to use the button styles on a different element.\n * @default false\n /\n asChild?: boolean\n}\n\n/\n A versatile button component that supports multiple variants and sizes.\n \n @component\n * @example\n * ```tsx\n * // Default button\n * <Button>Click me</Button>\n \n // Primary variant with large size\n * <Button variant=\"primary\" size=\"lg\">Large Button</Button>\n \n // As a link\n * <Button asChild>\n * <a href=\"/somewhere\">Go somewhere</a>\n * </Button>\n * ```\n /\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, type = 'button', ...props }, ref) => {\n const Component = asChild ? Slot : 'button'\n\n return (\n <Component\n className={cn(buttonVariants({ variant, size, className }))}\n type={type}\n ref={ref}\n {...props}\n />\n )\n }\n)\nButton.displayName = 'Button'\n\n/\n Variant definitions for the Button component using class-variance-authority.\n * Provides consistent styling across different button variations.\n */\nexport const buttonVariants = cva(\n [\n 'flex',\n 'items-center',\n 'justify-center',\n 'gap-2',\n 'rounded-full',\n 'font-bold',\n 'outline-2',\n 'outline-offset-2',\n 'outline-dashed',\n 'outline-transparent',\n ],\n {\n variants: {\n variant: {\n neutral: [\n 'bg-black',\n 'text-white',\n 'hover:bg-grey-90',\n 'active:bg-grey-80',\n 'focus:outline-purple-100',\n 'disabled:text-grey-40',\n 'disabled:bg-grey-10',\n ],\n primary: [\n 'bg-pickle-100',\n 'text-black',\n 'hover:bg-pickle-80',\n 'active:bg-pickle-60',\n 'focus:outline-purple-100',\n 'disabled:text-grey-40',\n 'disabled:bg-grey-10',\n ],\n secondary: [\n 'bg-green-80',\n 'text-white',\n 'hover:bg-green-90',\n 'active:bg-green-100',\n 'focus:outline-pickle-100',\n 'disabled:text-grey-40',\n 'disabled:bg-grey-10',\n ],\n transparent: [\n 'text-white',\n 'hover:bg-green-80',\n 'active:bg-green-100',\n 'focus:outline-pickle-100',\n 'disabled:text-grey-40',\n ],\n link: [\n 'leading-tight',\n 'text-black',\n 'underline',\n 'hover:text-purple-100',\n 'focus:text-black',\n 'focus:outline-purple-100',\n 'active:text-purple-80',\n ],\n },\n size: {\n small: ['h-10', 'text-sm', 'px-4', 'py-2'],\n medium: ['h-12', 'text-base', 'px-6', 'py-3'],\n large: ['h-14', 'text-lg', 'px-8', 'py-4'],\n },\n },\n defaultVariants: {\n variant: 'neutral',\n size: 'medium',\n },\n compoundVariants: [\n {\n variant: 'link',\n size: 'small',\n class: ['h-3', 'text-xs', 'p-0'],\n },\n {\n variant: 'link',\n size: 'medium',\n class: ['h-4', 'text-sm', 'p-0'],\n },\n {\n variant: 'link',\n size: 'large',\n class: ['h-6', 'text-base', 'p-0'],\n },\n ],\n }\n)\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n"],"mappings":"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","names":["jsx","text","maxWords","isExpanded","snippet"]}

package/dist/components/ui/StepTabs.cjs CHANGED Viewed

@@ -35,6 +35,7 @@ __export(StepTabs_exports, {
 });
 module.exports = __toCommonJS(StepTabs_exports);
 var Tabs = __toESM(require("@radix-ui/react-tabs"), 1);
+var import_cva = require("cva");
 // src/lib/utils.ts
 var import_clsx = require("clsx");
@@ -45,13 +46,40 @@ function cn(...inputs) {
 // src/components/ui/StepTabs.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
+var tabParentVariants = (0, import_cva.cva)("flex flex-col", {
+  variants: {
+    variant: {
+      primary: "rounded-lg border shadow-sm",
+      neutral: ""
+    }
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+});
+var singleTabVariants = (0, import_cva.cva)(
+  "flex h-[45px] flex-1 cursor-pointer select-none items-center justify-center bg-white px-5 text-[15px] leading-none text-gray-800 outline-none",
+  {
+    variants: {
+      variant: {
+        primary: "first:rounded-tl-md last:rounded-tr-md hover:text-purple-100 data-[state=active]:text-purple-100 data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative data-[state=active]:focus:shadow-[0_0_0_2px] data-[state=active]:focus:shadow-black",
+        neutral: "first:rounded-tl-md last:rounded-tr-md hover:text-black data-[state=active]:text-black data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative"
+      }
+    },
+    defaultVariants: {
+      variant: "primary"
+    }
+  }
+);
 function StepTabs({
   list,
   currentStep,
   setCurrentStep,
   children,
   className,
+  classNameTab,
   defaultValue,
+  variant,
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -60,19 +88,19 @@ function StepTabs({
       value: currentStep,
       onValueChange: setCurrentStep,
       defaultValue: defaultValue ?? "0",
-      className: cn("flex flex-col rounded-lg border shadow-sm", className),
+      className: cn(tabParentVariants({ variant }), className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tabs.List, { className: "flex shrink-0 border-b border-grey-20", children: children.length > 1 && list.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tabs.List, { className: "flex shrink-0 border-b border-grey-20", children: list.length > 1 && list.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           Tabs.Trigger,
           {
-            className: "flex h-[45px] flex-1 cursor-default select-none items-center justify-center bg-white px-5 text-[15px] leading-none text-gray-800 outline-none first:rounded-tl-md last:rounded-tr-md hover:text-purple-100 data-[state=active]:text-purple-100 data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative data-[state=active]:focus:shadow-[0_0_0_2px] data-[state=active]:focus:shadow-black",
+            className: cn(singleTabVariants({ variant }), classNameTab),
             value: index.toString(),
             children: item
           },
           `${item}-${index}`
         )) }),
-        children.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        children && children.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           Tabs.Content,
           {
             className: "grow rounded-b-md bg-white p-5 outline-none",

package/dist/components/ui/StepTabs.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ui/StepTabs.tsx","../../../src/lib/utils.ts"],"sourcesContent":["'use client'\n\nimport * as Tabs from '@radix-ui/react-tabs'\nimport { type ReactNode } from 'react'\n\nimport { cn } from '@/lib/utils'\n\ntype StepTabsProps = Tabs.TabsProps & {\n list: string[]\n currentStep?: string\n setCurrentStep?: (step: string) => void\n children: ReactNode[]\n}\n\nexport function StepTabs({\n list,\n currentStep,\n setCurrentStep,\n children,\n className,\n defaultValue,\n ...props\n}: StepTabsProps) {\n return (\n <Tabs.Root\n value={currentStep}\n onValueChange={setCurrentStep}\n defaultValue={defaultValue ?? '0'}\n className={cn(~~'flex~~ ~~flex-col~~ ~~rounded-lg border shadow-sm'~~, className)}\n {...props}\n >\n <Tabs.List className=\"flex shrink-0 border-b border-grey-20\">\n {~~children~~.length > 1 &&\n list.map((item, index) => (\n <Tabs.Trigger\n key={`${item}-${index}`}\n className~~=\"flex~~ ~~h-[45px]~~ flex-1 cursor-default select-none items-center justify-center bg-white px-5 text-[15px] leading-none text-gray-800 outline-none first:rounded-tl-md last:rounded-tr-md hover:text-purple-100 data-[state=active]:text-purple-100 data-[state=active]:shadow-[inset_0_-1px_0_0,~~0_1px_0_0]~~ ~~data-[state=active]:shadow-current data-[state=active]:focus:relative data-[state=active]:focus:shadow-[0_0_0_2px] data-[state=active]:focus:shadow-black~~\"\n value={index.toString()}\n >\n {item}\n </Tabs.Trigger>\n ))}\n </Tabs.List>\n\n {children.map((child, index) => (\n <Tabs.Content\n key={index}\n className=\"grow rounded-b-md bg-white p-5 outline-none\"\n value={index.toString()}\n >\n {child}\n </Tabs.Content>\n ))}\n </Tabs.Root>\n )\n}\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,WAAsB;;;~~ACFtB~~,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;~~ADmBI~~;~~AAVG~~,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,SACE;AAAA,IAAM;AAAA,IAAL;AAAA,MACC,OAAO;AAAA,MACP,eAAe;AAAA,MACf,cAAc,gBAAgB;AAAA,MAC9B,WAAW,GAAG,~~6CAA6C~~,SAAS;AAAA,~~MACnE~~,GAAG;AAAA,MAEJ;AAAA,oDAAM,WAAL,EAAU,WAAU,yCAClB,~~mBAAS~~,SAAS,~~KACjB~~,KAAK,IAAI,CAAC,MAAM,UACd;AAAA,UAAM;AAAA,UAAL;AAAA,YAEC,~~WAAU~~;AAAA,~~YACV~~,OAAO,MAAM,SAAS;AAAA,YAErB;AAAA;AAAA,UAJI,GAAG,IAAI,IAAI,KAAK;AAAA,QAKvB,CACD,GACL;AAAA,QAEC,SAAS,IAAI,CAAC,OAAO,~~UACpB~~;AAAA,UAAM;AAAA,UAAL;AAAA,YAEC,WAAU;AAAA,YACV,OAAO,MAAM,SAAS;AAAA,YAErB;AAAA;AAAA,UAJI;AAAA,QAKP,CACD;AAAA;AAAA;AAAA,~~EACH~~;AAEJ;","names":[]}
1	+ {"version":3,"sources":["../../../src/components/ui/StepTabs.tsx","../../../src/lib/utils.ts"],"sourcesContent":["'use client'\n\nimport * as Tabs from '@radix-ui/react-tabs'\nimport { cva, type VariantProps } from 'cva'\nimport { type ReactNode } from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst tabParentVariants = cva('flex flex-col', {\n variants: {\n variant: {\n primary: 'rounded-lg border shadow-sm',\n neutral: '',\n },\n },\n defaultVariants: {\n variant: 'primary',\n },\n})\n\nconst singleTabVariants = cva(\n 'flex h-[45px] flex-1 cursor-pointer select-none items-center justify-center bg-white px-5 text-[15px] leading-none text-gray-800 outline-none',\n {\n variants: {\n variant: {\n primary:\n 'first:rounded-tl-md last:rounded-tr-md hover:text-purple-100 data-[state=active]:text-purple-100 data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative data-[state=active]:focus:shadow-[0_0_0_2px] data-[state=active]:focus:shadow-black',\n neutral:\n 'first:rounded-tl-md last:rounded-tr-md hover:text-black data-[state=active]:text-black data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative',\n },\n },\n defaultVariants: {\n variant: 'primary',\n },\n }\n)\n\ntype StepTabsProps = Tabs.TabsProps &\n VariantProps<typeof tabParentVariants> &\n VariantProps<typeof singleTabVariants> & {\n list: string[]\n currentStep?: string\n setCurrentStep?: (step: string) => void\n children?: ReactNode[]\n classNameTab?: string\n }\n\nexport function StepTabs({\n list,\n currentStep,\n setCurrentStep,\n children,\n className,\n classNameTab,\n defaultValue,\n variant,\n ...props\n}: StepTabsProps) {\n return (\n <Tabs.Root\n value={currentStep}\n onValueChange={setCurrentStep}\n defaultValue={defaultValue ?? '0'}\n className={cn(tabParentVariants({ variant }), className)}\n {...props}\n >\n <Tabs.List className=\"flex shrink-0 border-b border-grey-20\">\n {list.length > 1 &&\n list.map((item, index) => (\n <Tabs.Trigger\n key={`${item}-${index}`}\n className={cn(singleTabVariants({ variant }), classNameTab)}\n value={index.toString()}\n >\n {item}\n </Tabs.Trigger>\n ))}\n </Tabs.List>\n\n {children &&\n children.map((child, index) => (\n <Tabs.Content\n key={index}\n className=\"grow rounded-b-md bg-white p-5 outline-none\"\n value={index.toString()}\n >\n {child}\n </Tabs.Content>\n ))}\n </Tabs.Root>\n )\n}\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,WAAsB;AACtB,iBAAuC;;;ACHvC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADsDI;AAnDJ,IAAM,wBAAoB,gBAAI,iBAAiB;AAAA,EAC7C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAED,IAAM,wBAAoB;AAAA,EACxB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,SACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAYO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,SACE;AAAA,IAAM;AAAA,IAAL;AAAA,MACC,OAAO;AAAA,MACP,eAAe;AAAA,MACf,cAAc,gBAAgB;AAAA,MAC9B,WAAW,GAAG,kBAAkB,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MACtD,GAAG;AAAA,MAEJ;AAAA,oDAAM,WAAL,EAAU,WAAU,yCAClB,eAAK,SAAS,KACb,KAAK,IAAI,CAAC,MAAM,UACd;AAAA,UAAM;AAAA,UAAL;AAAA,YAEC,WAAW,GAAG,kBAAkB,EAAE,QAAQ,CAAC,GAAG,YAAY;AAAA,YAC1D,OAAO,MAAM,SAAS;AAAA,YAErB;AAAA;AAAA,UAJI,GAAG,IAAI,IAAI,KAAK;AAAA,QAKvB,CACD,GACL;AAAA,QAEC,YACC,SAAS,IAAI,CAAC,OAAO,UACnB;AAAA,UAAM;AAAA,UAAL;AAAA,YAEC,WAAU;AAAA,YACV,OAAO,MAAM,SAAS;AAAA,YAErB;AAAA;AAAA,UAJI;AAAA,QAKP,CACD;AAAA;AAAA;AAAA,EACL;AAEJ;","names":[]}

package/dist/components/ui/StepTabs.d.cts CHANGED Viewed

@@ -1,13 +1,22 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as cva_types from 'cva/types';
 import * as Tabs from '@radix-ui/react-tabs';
+import { VariantProps } from 'cva';
 import { ReactNode } from 'react';
-type StepTabsProps = Tabs.TabsProps & {
+declare const tabParentVariants: (props?: ({
+    variant?: "neutral" | "primary" | null | undefined;
+} & cva_types.ClassProp) | undefined) => string;
+declare const singleTabVariants: (props?: ({
+    variant?: "neutral" | "primary" | null | undefined;
+} & cva_types.ClassProp) | undefined) => string;
+type StepTabsProps = Tabs.TabsProps & VariantProps<typeof tabParentVariants> & VariantProps<typeof singleTabVariants> & {
     list: string[];
     currentStep?: string;
     setCurrentStep?: (step: string) => void;
-    children: ReactNode[];
+    children?: ReactNode[];
+    classNameTab?: string;
 };
-declare function StepTabs({ list, currentStep, setCurrentStep, children, className, defaultValue, ...props }: StepTabsProps): react_jsx_runtime.JSX.Element;
+declare function StepTabs({ list, currentStep, setCurrentStep, children, className, classNameTab, defaultValue, variant, ...props }: StepTabsProps): react_jsx_runtime.JSX.Element;
 export { StepTabs };

package/dist/components/ui/StepTabs.d.ts CHANGED Viewed

@@ -1,13 +1,22 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as cva_types from 'cva/types';
 import * as Tabs from '@radix-ui/react-tabs';
+import { VariantProps } from 'cva';
 import { ReactNode } from 'react';
-type StepTabsProps = Tabs.TabsProps & {
+declare const tabParentVariants: (props?: ({
+    variant?: "neutral" | "primary" | null | undefined;
+} & cva_types.ClassProp) | undefined) => string;
+declare const singleTabVariants: (props?: ({
+    variant?: "neutral" | "primary" | null | undefined;
+} & cva_types.ClassProp) | undefined) => string;
+type StepTabsProps = Tabs.TabsProps & VariantProps<typeof tabParentVariants> & VariantProps<typeof singleTabVariants> & {
     list: string[];
     currentStep?: string;
     setCurrentStep?: (step: string) => void;
-    children: ReactNode[];
+    children?: ReactNode[];
+    classNameTab?: string;
 };
-declare function StepTabs({ list, currentStep, setCurrentStep, children, className, defaultValue, ...props }: StepTabsProps): react_jsx_runtime.JSX.Element;
+declare function StepTabs({ list, currentStep, setCurrentStep, children, className, classNameTab, defaultValue, variant, ...props }: StepTabsProps): react_jsx_runtime.JSX.Element;
 export { StepTabs };

package/dist/components/ui/StepTabs.js CHANGED Viewed

@@ -2,6 +2,7 @@
 // src/components/ui/StepTabs.tsx
 import * as Tabs from "@radix-ui/react-tabs";
+import { cva } from "cva";
 // src/lib/utils.ts
 import { clsx } from "clsx";
@@ -12,13 +13,40 @@ function cn(...inputs) {
 // src/components/ui/StepTabs.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
+var tabParentVariants = cva("flex flex-col", {
+  variants: {
+    variant: {
+      primary: "rounded-lg border shadow-sm",
+      neutral: ""
+    }
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+});
+var singleTabVariants = cva(
+  "flex h-[45px] flex-1 cursor-pointer select-none items-center justify-center bg-white px-5 text-[15px] leading-none text-gray-800 outline-none",
+  {
+    variants: {
+      variant: {
+        primary: "first:rounded-tl-md last:rounded-tr-md hover:text-purple-100 data-[state=active]:text-purple-100 data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative data-[state=active]:focus:shadow-[0_0_0_2px] data-[state=active]:focus:shadow-black",
+        neutral: "first:rounded-tl-md last:rounded-tr-md hover:text-black data-[state=active]:text-black data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative"
+      }
+    },
+    defaultVariants: {
+      variant: "primary"
+    }
+  }
+);
 function StepTabs({
   list,
   currentStep,
   setCurrentStep,
   children,
   className,
+  classNameTab,
   defaultValue,
+  variant,
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
@@ -27,19 +55,19 @@ function StepTabs({
       value: currentStep,
       onValueChange: setCurrentStep,
       defaultValue: defaultValue ?? "0",
-      className: cn("flex flex-col rounded-lg border shadow-sm", className),
+      className: cn(tabParentVariants({ variant }), className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx(Tabs.List, { className: "flex shrink-0 border-b border-grey-20", children: children.length > 1 && list.map((item, index) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Tabs.List, { className: "flex shrink-0 border-b border-grey-20", children: list.length > 1 && list.map((item, index) => /* @__PURE__ */ jsx(
           Tabs.Trigger,
           {
-            className: "flex h-[45px] flex-1 cursor-default select-none items-center justify-center bg-white px-5 text-[15px] leading-none text-gray-800 outline-none first:rounded-tl-md last:rounded-tr-md hover:text-purple-100 data-[state=active]:text-purple-100 data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative data-[state=active]:focus:shadow-[0_0_0_2px] data-[state=active]:focus:shadow-black",
+            className: cn(singleTabVariants({ variant }), classNameTab),
             value: index.toString(),
             children: item
           },
           `${item}-${index}`
         )) }),
-        children.map((child, index) => /* @__PURE__ */ jsx(
+        children && children.map((child, index) => /* @__PURE__ */ jsx(
           Tabs.Content,
           {
             className: "grow rounded-b-md bg-white p-5 outline-none",

package/dist/components/ui/StepTabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ui/StepTabs.tsx","../../../src/lib/utils.ts"],"sourcesContent":["'use client'\n\nimport * as Tabs from '@radix-ui/react-tabs'\nimport { type ReactNode } from 'react'\n\nimport { cn } from '@/lib/utils'\n\ntype StepTabsProps = Tabs.TabsProps & {\n list: string[]\n currentStep?: string\n setCurrentStep?: (step: string) => void\n children: ReactNode[]\n}\n\nexport function StepTabs({\n list,\n currentStep,\n setCurrentStep,\n children,\n className,\n defaultValue,\n ...props\n}: StepTabsProps) {\n return (\n <Tabs.Root\n value={currentStep}\n onValueChange={setCurrentStep}\n defaultValue={defaultValue ?? '0'}\n className={cn(~~'flex~~ ~~flex-col~~ ~~rounded-lg border shadow-sm'~~, className)}\n {...props}\n >\n <Tabs.List className=\"flex shrink-0 border-b border-grey-20\">\n {~~children~~.length > 1 &&\n list.map((item, index) => (\n <Tabs.Trigger\n key={`${item}-${index}`}\n className~~=\"flex~~ ~~h-[45px]~~ flex-1 cursor-default select-none items-center justify-center bg-white px-5 text-[15px] leading-none text-gray-800 outline-none first:rounded-tl-md last:rounded-tr-md hover:text-purple-100 data-[state=active]:text-purple-100 data-[state=active]:shadow-[inset_0_-1px_0_0,~~0_1px_0_0]~~ ~~data-[state=active]:shadow-current data-[state=active]:focus:relative data-[state=active]:focus:shadow-[0_0_0_2px] data-[state=active]:focus:shadow-black~~\"\n value={index.toString()}\n >\n {item}\n </Tabs.Trigger>\n ))}\n </Tabs.List>\n\n {children.map((child, index) => (\n <Tabs.Content\n key={index}\n className=\"grow rounded-b-md bg-white p-5 outline-none\"\n value={index.toString()}\n >\n {child}\n </Tabs.Content>\n ))}\n </Tabs.Root>\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,YAAY,UAAU;;;~~ACFtB~~,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;~~ADmBI~~,SAUQ,KAVR;~~AAVG~~,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,SACE;AAAA,IAAM;AAAA,IAAL;AAAA,MACC,OAAO;AAAA,MACP,eAAe;AAAA,MACf,cAAc,gBAAgB;AAAA,MAC9B,WAAW,GAAG,~~6CAA6C~~,SAAS;AAAA,~~MACnE~~,GAAG;AAAA,MAEJ;AAAA,4BAAM,WAAL,EAAU,WAAU,yCAClB,~~mBAAS~~,SAAS,~~KACjB~~,KAAK,IAAI,CAAC,MAAM,UACd;AAAA,UAAM;AAAA,UAAL;AAAA,YAEC,~~WAAU~~;AAAA,~~YACV~~,OAAO,MAAM,SAAS;AAAA,YAErB;AAAA;AAAA,UAJI,GAAG,IAAI,IAAI,KAAK;AAAA,QAKvB,CACD,GACL;AAAA,QAEC,SAAS,IAAI,CAAC,OAAO,~~UACpB~~;AAAA,UAAM;AAAA,UAAL;AAAA,YAEC,WAAU;AAAA,YACV,OAAO,MAAM,SAAS;AAAA,YAErB;AAAA;AAAA,UAJI;AAAA,QAKP,CACD;AAAA;AAAA;AAAA,~~EACH~~;AAEJ;","names":[]}
1	+ {"version":3,"sources":["../../../src/components/ui/StepTabs.tsx","../../../src/lib/utils.ts"],"sourcesContent":["'use client'\n\nimport * as Tabs from '@radix-ui/react-tabs'\nimport { cva, type VariantProps } from 'cva'\nimport { type ReactNode } from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst tabParentVariants = cva('flex flex-col', {\n variants: {\n variant: {\n primary: 'rounded-lg border shadow-sm',\n neutral: '',\n },\n },\n defaultVariants: {\n variant: 'primary',\n },\n})\n\nconst singleTabVariants = cva(\n 'flex h-[45px] flex-1 cursor-pointer select-none items-center justify-center bg-white px-5 text-[15px] leading-none text-gray-800 outline-none',\n {\n variants: {\n variant: {\n primary:\n 'first:rounded-tl-md last:rounded-tr-md hover:text-purple-100 data-[state=active]:text-purple-100 data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative data-[state=active]:focus:shadow-[0_0_0_2px] data-[state=active]:focus:shadow-black',\n neutral:\n 'first:rounded-tl-md last:rounded-tr-md hover:text-black data-[state=active]:text-black data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative',\n },\n },\n defaultVariants: {\n variant: 'primary',\n },\n }\n)\n\ntype StepTabsProps = Tabs.TabsProps &\n VariantProps<typeof tabParentVariants> &\n VariantProps<typeof singleTabVariants> & {\n list: string[]\n currentStep?: string\n setCurrentStep?: (step: string) => void\n children?: ReactNode[]\n classNameTab?: string\n }\n\nexport function StepTabs({\n list,\n currentStep,\n setCurrentStep,\n children,\n className,\n classNameTab,\n defaultValue,\n variant,\n ...props\n}: StepTabsProps) {\n return (\n <Tabs.Root\n value={currentStep}\n onValueChange={setCurrentStep}\n defaultValue={defaultValue ?? '0'}\n className={cn(tabParentVariants({ variant }), className)}\n {...props}\n >\n <Tabs.List className=\"flex shrink-0 border-b border-grey-20\">\n {list.length > 1 &&\n list.map((item, index) => (\n <Tabs.Trigger\n key={`${item}-${index}`}\n className={cn(singleTabVariants({ variant }), classNameTab)}\n value={index.toString()}\n >\n {item}\n </Tabs.Trigger>\n ))}\n </Tabs.List>\n\n {children &&\n children.map((child, index) => (\n <Tabs.Content\n key={index}\n className=\"grow rounded-b-md bg-white p-5 outline-none\"\n value={index.toString()}\n >\n {child}\n </Tabs.Content>\n ))}\n </Tabs.Root>\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,YAAY,UAAU;AACtB,SAAS,WAA8B;;;ACHvC,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADsDI,SAUQ,KAVR;AAnDJ,IAAM,oBAAoB,IAAI,iBAAiB;AAAA,EAC7C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAED,IAAM,oBAAoB;AAAA,EACxB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,SACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAYO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,SACE;AAAA,IAAM;AAAA,IAAL;AAAA,MACC,OAAO;AAAA,MACP,eAAe;AAAA,MACf,cAAc,gBAAgB;AAAA,MAC9B,WAAW,GAAG,kBAAkB,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MACtD,GAAG;AAAA,MAEJ;AAAA,4BAAM,WAAL,EAAU,WAAU,yCAClB,eAAK,SAAS,KACb,KAAK,IAAI,CAAC,MAAM,UACd;AAAA,UAAM;AAAA,UAAL;AAAA,YAEC,WAAW,GAAG,kBAAkB,EAAE,QAAQ,CAAC,GAAG,YAAY;AAAA,YAC1D,OAAO,MAAM,SAAS;AAAA,YAErB;AAAA;AAAA,UAJI,GAAG,IAAI,IAAI,KAAK;AAAA,QAKvB,CACD,GACL;AAAA,QAEC,YACC,SAAS,IAAI,CAAC,OAAO,UACnB;AAAA,UAAM;AAAA,UAAL;AAAA,YAEC,WAAU;AAAA,YACV,OAAO,MAAM,SAAS;AAAA,YAErB;AAAA;AAAA,UAJI;AAAA,QAKP,CACD;AAAA;AAAA;AAAA,EACL;AAEJ;","names":[]}

package/dist/components/ui/buttonShadcn.d.cts CHANGED Viewed

@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "outline" | "secondary" | "destructive" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "outline" | "secondary" | "destructive" | "ghost" | null | undefined;
     size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & cva_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/components/ui/buttonShadcn.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "outline" | "secondary" | "destructive" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "outline" | "secondary" | "destructive" | "ghost" | null | undefined;
     size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & cva_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/{displayText-CBIWVZVw.d.ts → displayText-C1DIK8hr.d.ts} RENAMED Viewed

@@ -1,6 +1,6 @@
 import * as zod from 'zod';
 import { z } from 'zod';
-import { E as EmploymentTypeEnum, a as EmploymentLevelEnum, b as JobFunctionEnum, B as BestFitEnum, C as ClinicalSpecialtyEnum, S as ShiftEnum, c as ClinicalSettingEnum } from './job_posting_service_latest-DOGQ9tEu.js';
+import { E as EmploymentTypeEnum, a as EmploymentLevelEnum, b as JobFunctionEnum, B as BestFitEnum, C as ClinicalSpecialtyEnum, S as ShiftEnum, c as ClinicalSettingEnum } from './job_posting_service_latest-tqnHqjwc.js';
 import { U as UnitTextEnum, C as CurrencyEnum } from './shared_pickle_output_latest-DKOmTyYk.js';
 declare const employmentTypeDisplayText: DisplayTextConfig<typeof EmploymentTypeEnum>;

package/dist/{displayText-4cJ7-3Mw.d.cts → displayText-DzxDrQAT.d.cts} RENAMED Viewed

@@ -1,6 +1,6 @@
 import * as zod from 'zod';
 import { z } from 'zod';
-import { E as EmploymentTypeEnum, a as EmploymentLevelEnum, b as JobFunctionEnum, B as BestFitEnum, C as ClinicalSpecialtyEnum, S as ShiftEnum, c as ClinicalSettingEnum } from './job_posting_service_latest-DOGQ9tEu.cjs';
+import { E as EmploymentTypeEnum, a as EmploymentLevelEnum, b as JobFunctionEnum, B as BestFitEnum, C as ClinicalSpecialtyEnum, S as ShiftEnum, c as ClinicalSettingEnum } from './job_posting_service_latest-tqnHqjwc.cjs';
 import { U as UnitTextEnum, C as CurrencyEnum } from './shared_pickle_output_latest-DKOmTyYk.cjs';
 declare const employmentTypeDisplayText: DisplayTextConfig<typeof EmploymentTypeEnum>;