@shophost/react 2.0.65 → 2.0.68

package/lib/chartUtils.d.ts

@@ -1,4 +1,4 @@
-export type ColorUtility = 'bg' | 'stroke' | 'fill' | 'text';
+export type ColorUtility = "bg" | "stroke" | "fill" | "text";
 export declare const chartColors: {
     readonly blue: {
         readonly bg: "bg-blue-500";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shophost/react",
-  "version": "2.0.65",
+  "version": "2.0.68",
   "type": "module",
   "main": "./index.cjs",
   "module": "./index.mjs",
@@ -82,8 +82,8 @@
     "@react-aria/datepicker": "^3.16.1",
     "@react-stately/datepicker": "^3.16.1",
     "@remixicon/react": "^4.6.0",
-    "@shophost/client": "^2.0.65",
-    "@shophost/rest-api": "^2.0.65",
+    "@shophost/client": "^2.0.68",
+    "@shophost/rest-api": "^2.0.68",
     "@tanstack/react-query": "^5.67.2",
     "@tanstack/react-table": "^8.21.3",
     "@vercel/blob": "^0.27.2",

package/providers/organization-provider.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { Locale, Organization } from '../../../client/src/index.ts';
+import { default as React } from 'react';
 interface OrganizationProviderProps {
     children: React.ReactNode;
 }

package/storefront/components/cart/cart-drawer.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { CartPanelFooterRenderProps } from './cart-panel';
 import { CartDrawerItemProps } from './cart-drawer-item';
+import { CartPanelFooterRenderProps } from './cart-panel';
 export interface CartDrawerProps {
     isOpen: boolean;
     onClose: () => void;

package/storefront/components/ui/badge.d.ts

@@ -25,7 +25,7 @@ declare const badgeVariants: import('tailwind-variants').TVReturnType<{
         warning: string[];
     };
 }, undefined, string, unknown, unknown, undefined>>;
-interface BadgeProps extends React.ComponentPropsWithoutRef<'span'>, VariantProps<typeof badgeVariants> {
+interface BadgeProps extends React.ComponentPropsWithoutRef<"span">, VariantProps<typeof badgeVariants> {
 }
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
 export { Badge, badgeVariants, type BadgeProps };

package/storefront/components/ui/command-bar.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface CommandBarProps extends React.PropsWithChildren {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
@@ -12,7 +12,7 @@ declare const CommandBar: {
 declare const CommandBarValue: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandBarBar: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandBarSeperator: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & React.RefAttributes<HTMLDivElement>>;
-interface CommandProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'children' | 'onClick'> {
+interface CommandProps extends Omit<React.ComponentPropsWithoutRef<"button">, "children" | "onClick"> {
     action: () => void | Promise<void>;
     label: string;
     shortcut: {

package/storefront/components/ui/command.d.ts

@@ -1,5 +1,5 @@
 import { DialogProps } from '@radix-ui/react-dialog';
-import * as React from 'react';
+import * as React from "react";
 declare const Command: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {

package/storefront/components/ui/popover.d.ts

@@ -1,5 +1,5 @@
-import * as PopoverPrimitives from '@radix-ui/react-popover';
-import * as React from 'react';
+import * as PopoverPrimitives from "@radix-ui/react-popover";
+import * as React from "react";
 declare const Popover: {
     (props: React.ComponentPropsWithoutRef<typeof PopoverPrimitives.Root>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/storefront/providers/cart-provider.d.ts

@@ -8,6 +8,7 @@ interface CartProviderProps {
 }
 export declare const CartProvider: React.FC<CartProviderProps>;
 export declare const useCart: () => {
+    locale: string;
     items: CartItem[];
     total: number;
     subtotal: number;

package/storefront/translations/en.d.ts

@@ -26,6 +26,7 @@ export declare const enTranslations: {
         termsAndConditions: string;
         orderNow: string;
         makeReservation: string;
+        poweredBy: string;
     };
     product: {
         addToCart: string;
@@ -50,6 +51,52 @@ export declare const enTranslations: {
         placeOrder: string;
         subtotal: string;
         total: string;
+        shippingDetailsTitle: string;
+        shippingDetailsDescription: string;
+        shippingMethodTitle: string;
+        shippingMethodDescription: string;
+        paymentMethodDescription: string;
+        shippingFee: string;
+        eta: string;
+        notAvailable: string;
+        addressTooFar: string;
+        agreementPrefix: string;
+        and: string;
+        payAndConfirm: string;
+        saveAndContinue: string;
+        saving: string;
+        failedToLoadShippingAddressTitle: string;
+        failedToLoadShippingAddressDescription: string;
+        unableToLoadCheckoutOptionsTitle: string;
+        organizationNotFound: string;
+        notAcceptingOrders: string;
+        currentlyClosed: string;
+        contactDirectly: string;
+        backToHomepage: string;
+        firstName: string;
+        lastName: string;
+        phone: string;
+        streetAddress: string;
+        doorNumber: string;
+        postalCode: string;
+        city: string;
+        country: string;
+        notesInstructions: string;
+        firstNamePlaceholder: string;
+        lastNamePlaceholder: string;
+        phonePlaceholder: string;
+        doorNumberPlaceholder: string;
+        postalCodePlaceholder: string;
+        cityPlaceholder: string;
+        notesInstructionsPlaceholder: string;
+    };
+    cart: {
+        empty: string;
+        summaryEmpty: string;
+        viewProducts: string;
+        noImage: string;
+        shipping: string;
+        discount: string;
     };
     ourStory: {
         title: string;

package/storefront/translations/pl.d.ts

@@ -26,6 +26,7 @@ export declare const plTranslations: {
         termsAndConditions: string;
         orderNow: string;
         makeReservation: string;
+        poweredBy: string;
     };
     product: {
         addToCart: string;
@@ -50,6 +51,52 @@ export declare const plTranslations: {
         placeOrder: string;
         subtotal: string;
         total: string;
+        shippingDetailsTitle: string;
+        shippingDetailsDescription: string;
+        shippingMethodTitle: string;
+        shippingMethodDescription: string;
+        paymentMethodDescription: string;
+        shippingFee: string;
+        eta: string;
+        notAvailable: string;
+        addressTooFar: string;
+        agreementPrefix: string;
+        and: string;
+        payAndConfirm: string;
+        saveAndContinue: string;
+        saving: string;
+        failedToLoadShippingAddressTitle: string;
+        failedToLoadShippingAddressDescription: string;
+        unableToLoadCheckoutOptionsTitle: string;
+        organizationNotFound: string;
+        notAcceptingOrders: string;
+        currentlyClosed: string;
+        contactDirectly: string;
+        backToHomepage: string;
+        firstName: string;
+        lastName: string;
+        phone: string;
+        streetAddress: string;
+        doorNumber: string;
+        postalCode: string;
+        city: string;
+        country: string;
+        notesInstructions: string;
+        firstNamePlaceholder: string;
+        lastNamePlaceholder: string;
+        phonePlaceholder: string;
+        doorNumberPlaceholder: string;
+        postalCodePlaceholder: string;
+        cityPlaceholder: string;
+        notesInstructionsPlaceholder: string;
+    };
+    cart: {
+        empty: string;
+        summaryEmpty: string;
+        viewProducts: string;
+        noImage: string;
+        shipping: string;
+        discount: string;
     };
     ourStory: {
         title: string;

package/ui/badge.d.ts

@@ -25,7 +25,7 @@ declare const badgeVariants: import('tailwind-variants').TVReturnType<{
         warning: string[];
     };
 }, undefined, string, unknown, unknown, undefined>>;
-interface BadgeProps extends React.ComponentPropsWithoutRef<'span'>, VariantProps<typeof badgeVariants> {
+interface BadgeProps extends React.ComponentPropsWithoutRef<"span">, VariantProps<typeof badgeVariants> {
 }
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
 export { Badge, badgeVariants, type BadgeProps };

package/ui/calendar.d.ts

@@ -1,8 +1,8 @@
 import { DateRange, DayPickerDefaultProps, DayPickerMultipleProps, DayPickerProps, DayPickerRangeProps, DayPickerSingleProps, Matcher } from 'react-day-picker';
 type CalendarBaseProps = {
     className?: string;
-    classNames?: DayPickerProps['classNames'];
-    components?: DayPickerProps['components'];
+    classNames?: DayPickerProps["classNames"];
+    components?: DayPickerProps["components"];
     disableNavigation?: boolean;
     enableYearNavigation?: boolean;
     fromMonth?: Date;
@@ -12,11 +12,11 @@ type CalendarBaseProps = {
     toYear?: number;
     weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
 } & Record<string, unknown>;
-type CalendarDefaultProps = Omit<DayPickerDefaultProps, keyof CalendarBaseProps | 'mode'> & CalendarBaseProps & {
-    mode?: 'default';
+type CalendarDefaultProps = Omit<DayPickerDefaultProps, keyof CalendarBaseProps | "mode"> & CalendarBaseProps & {
+    mode?: "default";
 };
-type CalendarSingleProps = Omit<DayPickerSingleProps, 'mode'> & CalendarBaseProps & {
-    mode?: 'single';
+type CalendarSingleProps = Omit<DayPickerSingleProps, "mode"> & CalendarBaseProps & {
+    mode?: "single";
 };
 type CalendarMultipleProps = Omit<DayPickerMultipleProps, keyof CalendarBaseProps> & CalendarBaseProps;
 type CalendarRangeProps = Omit<DayPickerRangeProps, keyof CalendarBaseProps> & CalendarBaseProps;

package/ui/checkbox.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import * as CheckboxPrimitives from '@radix-ui/react-checkbox';
+import * as CheckboxPrimitives from "@radix-ui/react-checkbox";
 declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitives.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { Checkbox };

package/ui/command-bar.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface CommandBarProps extends React.PropsWithChildren {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
@@ -12,7 +12,7 @@ declare const CommandBar: {
 declare const CommandBarValue: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandBarBar: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandBarSeperator: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & React.RefAttributes<HTMLDivElement>>;
-interface CommandProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'children' | 'onClick'> {
+interface CommandProps extends Omit<React.ComponentPropsWithoutRef<"button">, "children" | "onClick"> {
     action: () => void | Promise<void>;
     label: string;
     shortcut: {

package/ui/command.d.ts

@@ -1,5 +1,5 @@
 import { DialogProps } from '@radix-ui/react-dialog';
-import * as React from 'react';
+import * as React from "react";
 declare const Command: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {

package/ui/data-table/data-table-filter.d.ts

@@ -3,7 +3,7 @@ export type ConditionFilter = {
     condition: string;
     value: [number | string, number | string];
 };
-type FilterType = 'select' | 'checkbox' | 'number';
+type FilterType = "select" | "checkbox" | "number";
 interface DataTableFilterProps<TData, TValue> {
     column: Column<TData, TValue> | undefined;
     title?: string;

package/ui/data-table/data-table-pagination.d.ts

@@ -1,5 +1,5 @@
-import { Table } from '@tanstack/react-table';
 import { PaginationMeta } from '../../../../client/src/index.ts';
+import { Table } from '@tanstack/react-table';
 interface DataTablePaginationProps<TData> {
     table: Table<TData>;
     meta: PaginationMeta;

package/ui/data-table/data-table.d.ts

@@ -1,5 +1,5 @@
-import { ColumnDef } from '@tanstack/react-table';
 import { PaginationMeta } from '../../../../client/src/index.ts';
+import { ColumnDef } from '@tanstack/react-table';
 interface DataTableProps<TData> {
     meta?: PaginationMeta & Record<string, unknown>;
     columns: ColumnDef<TData>[];

package/ui/date-picker.d.ts

@@ -43,11 +43,11 @@ interface PickerProps extends CalendarProps {
     hasError?: boolean;
     id?: string;
     translations?: Translations;
-    align?: 'center' | 'end' | 'start';
-    'aria-invalid'?: boolean;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-    'aria-required'?: boolean;
+    align?: "center" | "end" | "start";
+    "aria-invalid"?: boolean;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    "aria-required"?: boolean;
 }
 type SingleDatePickerProps = {
     presets?: DatePreset[];

package/ui/drawer.d.ts

@@ -1,5 +1,5 @@
-import * as DrawerPrimitives from '@radix-ui/react-dialog';
-import * as React from 'react';
+import * as DrawerPrimitives from "@radix-ui/react-dialog";
+import * as React from "react";
 declare const Drawer: {
     (props: React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Root>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/ui/dropdown.d.ts

@@ -1,5 +1,5 @@
-import * as DropdownMenuPrimitives from '@radix-ui/react-dropdown-menu';
-import * as React from 'react';
+import * as DropdownMenuPrimitives from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
 declare const DropdownMenu: React.FC<DropdownMenuPrimitives.DropdownMenuProps>;
 declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitives.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitives.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;

package/ui/input/email-input.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { InputProps } from './text-input';
-interface EmailInputProps extends Omit<InputProps, 'type'> {
+interface EmailInputProps extends Omit<InputProps, "type"> {
     id?: string;
 }
 declare const EmailInput: React.FC<EmailInputProps>;

package/ui/input/image-upload-input.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { UploadedFile } from '../../../../client/src/index.ts';
+import { default as React } from 'react';
 interface ImageUploadBaseProps {
     pathPrefix?: string;
     organizationId?: string;

package/ui/input-group.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { Locale } from '../../../client/src/index.ts';
+import { default as React } from 'react';
 import { InputType } from './input';
 import { Option } from './input/select-input';
 interface InputGroupProps {

package/ui/line-chart.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { AvailableChartColorsKeys } from '../lib/chartUtils';
 type BaseEventProps = {
-    eventType: 'dot' | 'category';
+    eventType: "dot" | "category";
     categoryClicked: string;
     [key: string]: number | string;
 };
@@ -17,7 +17,7 @@ interface LineChartProps extends React.HTMLAttributes<HTMLDivElement> {
     showYAxis?: boolean;
     showGridLines?: boolean;
     yAxisWidth?: number;
-    intervalType?: 'preserveStartEnd' | 'equidistantPreserveStart';
+    intervalType?: "preserveStartEnd" | "equidistantPreserveStart";
     showTooltip?: boolean;
     showLegend?: boolean;
     autoMinValue?: boolean;

package/ui/logo.d.ts

@@ -1,5 +1,2 @@
-import * as React from 'react';
-interface LogoProps {
-}
-declare const Logo: React.FC<LogoProps>;
+declare const Logo: () => import("react/jsx-runtime").JSX.Element;
 export { Logo };

package/ui/multiple-select.d.ts

@@ -1,6 +1,6 @@
 import { Command as CommandPrimitive } from 'cmdk';
 import { Command } from './command';
-import * as React from 'react';
+import * as React from "react";
 export interface Option {
     value: string;
     label: string;
@@ -58,7 +58,7 @@ interface MultipleSelectorProps {
     /** Props of `Command` */
     commandProps?: React.ComponentPropsWithoutRef<typeof Command>;
     /** Props of `CommandInput` */
-    inputProps?: Omit<React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>, 'value' | 'placeholder' | 'disabled'>;
+    inputProps?: Omit<React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>, "value" | "placeholder" | "disabled">;
     /** hide the clear all button. */
     hideClearAllButton?: boolean;
 }

package/ui/popover.d.ts

@@ -1,5 +1,5 @@
-import * as PopoverPrimitives from '@radix-ui/react-popover';
-import * as React from 'react';
+import * as PopoverPrimitives from "@radix-ui/react-popover";
+import * as React from "react";
 declare const Popover: {
     (props: React.ComponentPropsWithoutRef<typeof PopoverPrimitives.Root>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/ui/progress-circle.d.ts

@@ -79,7 +79,7 @@ declare const progressCircleVariants: import('tailwind-variants').TVReturnType<{
     background: string;
     circle: string;
 }, undefined, unknown, unknown, undefined>>;
-interface ProgressCircleProps extends Omit<React.SVGProps<SVGSVGElement>, 'value'>, VariantProps<typeof progressCircleVariants> {
+interface ProgressCircleProps extends Omit<React.SVGProps<SVGSVGElement>, "value">, VariantProps<typeof progressCircleVariants> {
     value?: number;
     max?: number;
     showAnimation?: boolean;

package/ui/radio-card.d.ts

@@ -1,5 +1,5 @@
-import * as RadioGroupPrimitives from '@radix-ui/react-radio-group';
-import * as React from 'react';
+import * as RadioGroupPrimitives from "@radix-ui/react-radio-group";
+import * as React from "react";
 declare const RadioCardGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitives.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const RadioCardGroupIndicator: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitives.RadioGroupIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 declare const RadioCardItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitives.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/ui/search-bar.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'tailwind-variants';
-import * as React from 'react';
+import * as React from "react";
 declare const inputStyles: import('tailwind-variants').TVReturnType<{
     hasError: {
         true: string[];

package/ui/select.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { DateRange } from 'react-day-picker';
-import * as SelectPrimitives from '@radix-ui/react-select';
+import * as SelectPrimitives from "@radix-ui/react-select";
 declare const Select: React.FC<SelectPrimitives.SelectProps>;
 declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitives.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitives.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;

package/ui/switch.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { VariantProps } from 'tailwind-variants';
-import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as SwitchPrimitives from "@radix-ui/react-switch";
 declare const switchVariants: import('tailwind-variants').TVReturnType<{
     size: {
         default: {
@@ -44,7 +44,7 @@ declare const switchVariants: import('tailwind-variants').TVReturnType<{
     root: (string | string[])[];
     thumb: string[];
 }, undefined, unknown, unknown, undefined>>;
-interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, 'asChild'>, VariantProps<typeof switchVariants> {
+interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, "asChild">, VariantProps<typeof switchVariants> {
 }
 declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
 export { Switch };

package/ui/tab-navigation.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import * as NavigationMenuPrimitives from '@radix-ui/react-navigation-menu';
+import * as NavigationMenuPrimitives from "@radix-ui/react-navigation-menu";
 declare const TabNavigation: React.ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitives.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref">, "defaultValue" | "dir" | "orientation"> & React.RefAttributes<HTMLElement>>;
 declare const TabNavigationLink: React.ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitives.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "ref">, "onSelect"> & {
     disabled?: boolean;

package/ui/tooltip.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
-import * as TooltipPrimitives from '@radix-ui/react-tooltip';
-interface TooltipProps extends Omit<TooltipPrimitives.TooltipContentProps, 'content' | 'onClick'>, Pick<TooltipPrimitives.TooltipProps, 'open' | 'defaultOpen' | 'onOpenChange' | 'delayDuration'> {
+import * as TooltipPrimitives from "@radix-ui/react-tooltip";
+interface TooltipProps extends Omit<TooltipPrimitives.TooltipContentProps, "content" | "onClick">, Pick<TooltipPrimitives.TooltipProps, "open" | "defaultOpen" | "onOpenChange" | "delayDuration"> {
     content: React.ReactNode;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    side?: 'bottom' | 'left' | 'top' | 'right';
+    side?: "bottom" | "left" | "top" | "right";
     showArrow?: boolean;
     triggerAsChild?: boolean;
 }