@youngonesworks/ui 0.1.78 → 0.1.79

package/dist/.storybook/main.d.ts

@@ -0,0 +1,3 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+declare const config: StorybookConfig;
+export default config;

package/dist/.storybook/preview.d.ts

@@ -0,0 +1,12 @@
+import '../src/globals.css';
+export declare const parameters: {
+    actions: {
+        argTypesRegex: string;
+    };
+    controls: {
+        matchers: {
+            color: RegExp;
+            date: RegExp;
+        };
+    };
+};

package/dist/components/arbitraryExample.d.ts

@@ -0,0 +1 @@
+export declare const ArbitraryExample: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Checkbox } from './index';
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const Indeterminate: Story;
+export declare const ErrorState: Story;

package/dist/components/linkText/LinkText.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { LinkText } from './index';
+declare const meta: Meta<typeof LinkText>;
+export default meta;
+type Story = StoryObj<typeof LinkText>;
+export declare const Default: Story;

package/dist/components/linkText/index.d.ts

@@ -0,0 +1,11 @@
+import { type ReactElement } from 'react';
+interface ILinkText {
+    children: ReactElement | string | ReactElement[];
+    classNames?: string;
+}
+/** @deprecated dont use this anymore, instead use the next link */
+export declare const LinkText: {
+    ({ children, classNames }: ILinkText): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/phoneNumberInput/PhoneInputSelect.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/profileMenu/ProfileMenu.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from 'react';
+interface IProfileMenu {
+    title?: ReactNode;
+    metaTitle?: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+    classNames?: {
+        root?: string;
+        button?: string;
+        menu?: string;
+    };
+    content: {
+        key: number;
+        onClick: () => void;
+        title: string;
+        disabled?: boolean;
+    }[];
+}
+declare const ProfileMenu: ({ title, metaTitle, icon, content, disabled, classNames }: IProfileMenu) => import("react/jsx-runtime").JSX.Element;
+export default ProfileMenu;

package/dist/components/scrollToTop/scrollToTop.css

@@ -0,0 +1,36 @@
+/* ScrollToTop component styles */
+.scroll-to-top-button {
+  position: fixed;
+  right: -10px;
+  bottom: 105px;
+  z-index: 40;
+  display: flex;
+  height: 43px;
+  width: 62px;
+  cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  border-radius: 24px 0 0 24px;
+  border: 0;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  color: black;
+  transition-duration: 500ms;
+  background-color: var(--color-turquoise-700);
+}
+
+.scroll-to-top-button:hover {
+  background-color: var(--color-turquoise-600);
+}
+
+.scroll-to-top-button:active {
+  transform: translateY(1px);
+}
+
+.scroll-to-top-button.visible {
+  transform: translateX(0);
+}
+
+.scroll-to-top-button.hidden {
+  transform: translateX(60px);
+}

package/dist/components/test/index.d.ts

@@ -0,0 +1 @@
+export declare const TestComponent: () => import("react/jsx-runtime").JSX.Element;

package/dist/index.cjs

@@ -48,6 +48,12 @@ const __tiptap_react = __toESM(require("@tiptap/react"));
 const __tiptap_starter_kit = __toESM(require("@tiptap/starter-kit"));
 const __utils_ssr = __toESM(require("@utils/ssr"));
 
+//#region src/jsx-runtime-shim.ts
+const jsx = react.createElement;
+const jsxs = react.createElement;
+const Fragment$1 = react.Fragment;
+
+//#endregion
 //#region src/components/unstyledButton/index.tsx
 const UnstyledButton = (0, react.forwardRef)(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 	type: "button",
@@ -453,9 +459,9 @@ const TextInput = react.default.forwardRef(({ rightSection, leftSection, classNa
 						step,
 						maxLength,
 						className: (0, clsx.default)(`${loadingState ? "cursor-not-allowed" : ""}`, `${disabled ? "text-gray-500" : "text-gray-900"} selection:bg-turquoise-200 focus:border-turquoise-500 focus:ring-turquoise-500 active:border-turquoise-500 active:ring-turquoise-500 h-10 w-full rounded-[4px] border border-gray-200 bg-gray-50 px-3 text-sm font-normal outline-hidden ${rightSection && "pr-12"} ${leftSection && "pl-12"} ${error && "border-red-500 text-red-500 selection:bg-red-200 focus:border-red-500 focus:ring-red-500 focus:placeholder:text-red-500 active:border-red-500 active:ring-red-500"}`, className),
-						"aria-busy": loadingState || void 0,
-						"data-lpignore": enablePasswordManagerAutofill ? void 0 : "true",
-						"data-1p-ignore": enablePasswordManagerAutofill ? void 0 : "true",
+						"aria-busy": loadingState || undefined,
+						"data-lpignore": enablePasswordManagerAutofill ? undefined : "true",
+						"data-1p-ignore": enablePasswordManagerAutofill ? undefined : "true",
 						ref,
 						...props,
 						type: password ? showPassword ? "text" : "password" : "text"
@@ -813,7 +819,7 @@ const Popover = (0, react.forwardRef)(({ content, children, hoverEnabled = false
 //#region src/components/datePickerInput/index.tsx
 const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil, className, error, onChange, placeholder, label, disabled, minimalDropdownYears = 4 }) => {
 	const [selected, setSelected] = (0, react.useState)(value);
-	const today = /* @__PURE__ */ new Date();
+	const today = new Date();
 	const [newMonth, setNewMonth] = (0, react.useState)(selected || today);
 	const [dropdownOpened, setDropdownOpened] = (0, react.useState)({
 		month: false,
@@ -894,7 +900,7 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 			captionLayout: "dropdown",
 			onMonthChange: (newMonth$1) => setNewMonth(newMonth$1),
 			showOutsideDays: true,
-			disabled: disabledFrom ? { before: disabledFrom } : disabledUntil ? { after: disabledUntil } : void 0,
+			disabled: disabledFrom ? { before: disabledFrom } : disabledUntil ? { after: disabledUntil } : undefined,
 			className,
 			classNames: {
 				month_grid: "mt-3 max-w-[400px] border-t border-gray-100",
@@ -932,7 +938,7 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 				Dropdown: (props) => {
 					const { goToMonth, months } = (0, react_day_picker.useDayPicker)();
 					const { className: dropdownClassName } = props;
-					const today$1 = /* @__PURE__ */ new Date();
+					const today$1 = new Date();
 					/* istanbul ignore next - react-day-picker may not pass this className in our test env */
 					if (dropdownClassName === "rdp-months_dropdown") {
 						const selectedYear = newMonth.getFullYear();
@@ -980,8 +986,8 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 							children: todayText
 						})] });
 					} else if (dropdownClassName === "rdp-years_dropdown") {
-						const earliestYear = (/* @__PURE__ */ new Date()).getFullYear() - minimalDropdownYears;
-						const latestYear = (/* @__PURE__ */ new Date()).getFullYear() + 1;
+						const earliestYear = new Date().getFullYear() - minimalDropdownYears;
+						const latestYear = new Date().getFullYear() + 1;
 						/* istanbul ignore else - defensive guard will always be truthy */
 						if (earliestYear && latestYear) {
 							const years = Array.from({ length: latestYear - earliestYear + 1 }, (_, i) => earliestYear + i).reverse();
@@ -1000,7 +1006,7 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 									className: "shadow-dropdown absolute z-70 rounded-md border border-gray-50 bg-white max-h-64 overflow-y-auto",
 									children: years.map((year) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										onClick: () => {
-											const newDate = months?.[0].date || /* @__PURE__ */ new Date();
+											const newDate = months?.[0].date || new Date();
 											newDate.setFullYear(year);
 											goToMonth(newDate);
 											setDropdownOpened({
@@ -1045,11 +1051,11 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 							className: "text-sm font-normal text-nowrap text-black",
 							children: selected ? selected.toLocaleDateString() : placeholder
 						}),
-						selected !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						selected !== undefined && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "cursor-pointer text-sm font-normal text-gray-800",
 							onClick: () => {
-								setSelected(void 0);
-								onChange?.(void 0);
+								setSelected(undefined);
+								onChange?.(undefined);
 							},
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconX, { size: 15 })
 						}) })
@@ -1716,6 +1722,10 @@ const PasswordInput = react.default.forwardRef((props, ref) => /* @__PURE__ */ (
 }));
 PasswordInput.displayName = "PasswordInput";
 
+//#endregion
+//#region node_modules/react-phone-input-2/lib/style.css
+var style_default = {};
+
 //#endregion
 //#region src/components/phoneNumberInput/index.tsx
 const PhoneNumberInput = ({ setValue, setPhoneNumberExt, phoneNumberExt, isValid = true, phoneNumberError, phoneNumberExtensionError, phoneNumberField, phoneNumberExtField, className, label, disabled }) => {
@@ -1731,11 +1741,13 @@ const PhoneNumberInput = ({ setValue, setPhoneNumberExt, phoneNumberExt, isValid
 			shouldDirty: true,
 			shouldValidate: true
 		});
-		if (setPhoneNumberExt) setPhoneNumberExt({
-			number: numberWithoutDialCode,
-			ext: dialCode,
-			countryCode: country.countryCode || ""
-		});
+		if (setPhoneNumberExt) {
+			setPhoneNumberExt({
+				number: numberWithoutDialCode,
+				ext: dialCode,
+				countryCode: country.countryCode || ""
+			});
+		}
 	}, [
 		setValue,
 		phoneNumberField,
@@ -1816,7 +1828,7 @@ const RadioButton = ({ id, name, value, label, onChange, checked, dataTestId, cl
 			id,
 			name,
 			value,
-			onChange: props.disabled ? void 0 : onChange,
+			onChange: props.disabled ? undefined : onChange,
 			checked,
 			"data-testid": dataTestId,
 			className: `${(0, clsx.default)(className, "ease checked:border-navyBlue checked:bg-navy-blue relative m-0 flex size-5 cursor-pointer appearance-none items-center justify-center rounded-full border border-gray-400 bg-white transition-colors duration-100 focus:ring-0 focus:outline-hidden focus-visible:ring-0", { "cursor-not-allowed opacity-50": props.disabled })}`,
@@ -2584,7 +2596,7 @@ const TabContent = (0, react.forwardRef)(({ tab, setActiveTab, activeTab }, ref)
 	setActiveTab,
 	activeTab: activeTab === tab.value,
 	tabContent: tab.name,
-	rightSection: tab?.rightSection || void 0,
+	rightSection: tab?.rightSection || undefined,
 	clickFnc: () => {
 		tab.clickFnc(tab.value);
 		setActiveTab(tab.value);
@@ -2850,23 +2862,26 @@ const ProfileMenu = ({ title, metaTitle, icon, content, disabled = false, classN
 	const buttonId = `${menuId}-button`;
 	const defaultStyling = "text-black flex items-center gap-1 bg-transparent py-1 px-2.5 h-9 min-w-9 cursor-pointer border-gray-200 focus:bg-gray-50 focus:ring focus:ring-primary focus:outline-none focus:border-0 focus:ring-inset";
 	const handleToggle = () => {
-		if (!disabled) setIsOpen((prev) => {
-			const newIsOpen = !prev;
-			/* istanbul ignore next - branch depends on async DOM focus */
-			if (newIsOpen) setTimeout(() => {
-				/* istanbul ignore next - async focus behavior depends on DOM/timing */
-				setFocusedIndex(0);
-				/* istanbul ignore next - async focus behavior depends on DOM/timing */
-				menuItemRefs.current[0]?.focus();
-			}, 0);
-			else {
-				/* istanbul ignore next - focus reset depends on DOM/timing */
-				setFocusedIndex(-1);
-				/* istanbul ignore next - focus reset depends on DOM/timing */
-				buttonRef.current?.focus();
-			}
-			return newIsOpen;
-		});
+		if (!disabled) {
+			setIsOpen((prev) => {
+				const newIsOpen = !prev;
+				/* istanbul ignore next - branch depends on async DOM focus */
+				if (newIsOpen) {
+					setTimeout(() => {
+						/* istanbul ignore next - async focus behavior depends on DOM/timing */
+						setFocusedIndex(0);
+						/* istanbul ignore next - async focus behavior depends on DOM/timing */
+						menuItemRefs.current[0]?.focus();
+					}, 0);
+				} else {
+					/* istanbul ignore next - focus reset depends on DOM/timing */
+					setFocusedIndex(-1);
+					/* istanbul ignore next - focus reset depends on DOM/timing */
+					buttonRef.current?.focus();
+				}
+				return newIsOpen;
+			});
+		}
 	};
 	/* istanbul ignore next - click handler behavior covered via integration; unit env flaky */
 	const handleItemClick = (onClick) => {
@@ -2948,7 +2963,7 @@ const ProfileMenu = ({ title, metaTitle, icon, content, disabled = false, classN
 			"aria-label": "Toggle profile menu",
 			"aria-expanded": isOpen,
 			"aria-haspopup": "menu",
-			"aria-controls": isOpen ? menuId : void 0,
+			"aria-controls": isOpen ? menuId : undefined,
 			className: (0, __utils_cn.cn)(__components_button_buttonVariants.buttonVariants["secondary"], defaultStyling, classNames?.button),
 			disabled,
 			onClick: handleToggle,