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

package/dist/index.d.cts

@@ -31,9 +31,9 @@ export { BackButton } from './components/buttons/BackButton.cjs';
 export { WindowHistoryProvider } from './contexts/WindowHistoryProvider.cjs';
 export { useDisplayText } from './hooks/useDisplayText.cjs';
 export { useWindowHistory } from './hooks/useWindowHistory.cjs';
-export { c as CompanyService } from './company_service_latest-Ba8VhDao.cjs';
-export { j as JobPostService } from './job_posting_service_latest-DOGQ9tEu.cjs';
-export { s as SharedService } from './shared_pickle_output_latest-DKOmTyYk.cjs';
+export { c as CompanyService } from './company_service_latest-DpBsftTD.cjs';
+export { j as JobPostService } from './job_posting_service_latest-DaKYQh30.cjs';
+export { s as SharedService } from './shared_pickle_output_latest-BjRRmT8R.cjs';
 import 'cva/types';
 import 'react/jsx-runtime';
 import 'cva';
@@ -48,5 +48,5 @@ import 'next/link';
 import '@radix-ui/react-tabs';
 import 'clsx';
 import './lib/icons.cjs';
-import './displayText-4cJ7-3Mw.cjs';
+import './displayText-DHKm6_JF.cjs';
 import 'zod';

package/dist/index.d.ts

@@ -31,9 +31,9 @@ export { BackButton } from './components/buttons/BackButton.js';
 export { WindowHistoryProvider } from './contexts/WindowHistoryProvider.js';
 export { useDisplayText } from './hooks/useDisplayText.js';
 export { useWindowHistory } from './hooks/useWindowHistory.js';
-export { c as CompanyService } from './company_service_latest-Ba8VhDao.js';
-export { j as JobPostService } from './job_posting_service_latest-DOGQ9tEu.js';
-export { s as SharedService } from './shared_pickle_output_latest-DKOmTyYk.js';
+export { c as CompanyService } from './company_service_latest-DpBsftTD.js';
+export { j as JobPostService } from './job_posting_service_latest-DaKYQh30.js';
+export { s as SharedService } from './shared_pickle_output_latest-BjRRmT8R.js';
 import 'cva/types';
 import 'react/jsx-runtime';
 import 'cva';
@@ -48,5 +48,5 @@ import 'next/link';
 import '@radix-ui/react-tabs';
 import 'clsx';
 import './lib/icons.js';
-import './displayText-CBIWVZVw.js';
+import './displayText-D8MYOaYK.js';
 import 'zod';

package/dist/index.js

@@ -1960,14 +1960,42 @@ var datePickerStyle = cva10([
 
 // src/components/ui/StepTabs.tsx
 import * as Tabs from "@radix-ui/react-tabs";
+import { cva as cva11 } from "cva";
 import { jsx as jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
+var tabParentVariants = cva11("flex flex-col", {
+  variants: {
+    variant: {
+      primary: "rounded-lg border shadow-sm",
+      neutral: ""
+    }
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+});
+var singleTabVariants = cva11(
+  "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__ */ jsxs19(
@@ -1976,19 +2004,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__ */ jsx32(Tabs.List, { className: "flex shrink-0 border-b border-grey-20", children: children.length > 1 && list.map((item, index) => /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx32(Tabs.List, { className: "flex shrink-0 border-b border-grey-20", children: list.length > 1 && list.map((item, index) => /* @__PURE__ */ jsx32(
           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__ */ jsx32(
+        children && children.map((child, index) => /* @__PURE__ */ jsx32(
           Tabs.Content,
           {
             className: "grow rounded-b-md bg-white p-5 outline-none",