@betterstore/react 0.2.8 → 0.2.13

package/.prettierignore

@@ -1,3 +1,3 @@
-node_modules
-dist
+node_modules
+dist
 pnpm-lock.yaml

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @betterstore/sdk
 
+## 0.2.13
+
+### Patch Changes
+
+- bug fixes
+
+## 0.2.12
+
+### Patch Changes
+
+- types fix, loading skeleton added
+
+## 0.2.11
+
+### Patch Changes
+
+- base functionality
+
+## 0.2.10
+
+### Patch Changes
+
+- prep commit
+
+## 0.2.9
+
+### Patch Changes
+
+- cicd test
+
 ## 0.2.8
 
 ### Patch Changes

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 Better Store
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 Better Store
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/components/checkout-embed/appearance.d.ts

@@ -0,0 +1,24 @@
+export type Themes = "dark" | "light";
+export type AppearanceConfig = {
+    theme?: Themes;
+    borderRadius?: number;
+    font?: string;
+    colors?: {
+        background?: string;
+        foreground?: string;
+        primary?: string;
+        primaryForeground?: string;
+        secondary?: string;
+        secondaryForeground?: string;
+        muted?: string;
+        mutedForeground?: string;
+        accent?: string;
+        accentForeground?: string;
+        destructive?: string;
+        border?: string;
+        ring?: string;
+    };
+};
+export default function Appearance({ appearance, }: {
+    appearance?: AppearanceConfig;
+}): null;

package/dist/components/checkout-embed/checkout-form-loading.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function CheckoutFormLoading(): React.JSX.Element;

package/dist/components/checkout-embed/checkout-form.d.ts

@@ -1,9 +1,13 @@
+import { CheckoutSession } from "@betterstore/sdk";
 import React from "react";
-import type { CheckoutFormData } from "./checkout-schema";
 interface CheckoutFormProps {
     checkoutId: string;
-    onComplete?: (data: CheckoutFormData) => void;
+    onSuccess: () => void;
+    onError: () => void;
     cancelUrl: string;
+    clientSecret: string;
+    customer?: CheckoutSession["customer"];
+    currency: string;
 }
-export default function CheckoutForm({ checkoutId, onComplete, cancelUrl, }: CheckoutFormProps): React.JSX.Element;
+export default function CheckoutForm({ checkoutId, onSuccess, onError, cancelUrl, clientSecret, customer, currency, }: CheckoutFormProps): React.JSX.Element;
 export {};

package/dist/components/checkout-embed/checkout-schema.d.ts

@@ -1,127 +1,198 @@
 import { z } from "zod";
 export declare const customerSchema: z.ZodObject<{
     email: z.ZodString;
-    marketingConsent: z.ZodOptional<z.ZodBoolean>;
-    firstName: z.ZodOptional<z.ZodString>;
+    firstName: z.ZodString;
     lastName: z.ZodString;
-    address: z.ZodString;
-    apartment: z.ZodOptional<z.ZodString>;
-    city: z.ZodString;
-    state: z.ZodString;
-    zipCode: z.ZodString;
-    country: z.ZodString;
+    address: z.ZodObject<{
+        line1: z.ZodString;
+        line2: z.ZodOptional<z.ZodString>;
+        city: z.ZodString;
+        state: z.ZodOptional<z.ZodString>;
+        zipCode: z.ZodString;
+        country: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        line1: string;
+        city: string;
+        zipCode: string;
+        country: string;
+        line2?: string | undefined;
+        state?: string | undefined;
+    }, {
+        line1: string;
+        city: string;
+        zipCode: string;
+        country: string;
+        line2?: string | undefined;
+        state?: string | undefined;
+    }>;
     saveInfo: z.ZodOptional<z.ZodBoolean>;
+    phone: z.ZodString;
 }, "strip", z.ZodTypeAny, {
     email: string;
+    firstName: string;
     lastName: string;
-    address: string;
-    city: string;
-    state: string;
-    zipCode: string;
-    country: string;
-    marketingConsent?: boolean | undefined;
-    firstName?: string | undefined;
-    apartment?: string | undefined;
+    address: {
+        line1: string;
+        city: string;
+        zipCode: string;
+        country: string;
+        line2?: string | undefined;
+        state?: string | undefined;
+    };
+    phone: string;
     saveInfo?: boolean | undefined;
 }, {
     email: string;
+    firstName: string;
     lastName: string;
-    address: string;
-    city: string;
-    state: string;
-    zipCode: string;
-    country: string;
-    marketingConsent?: boolean | undefined;
-    firstName?: string | undefined;
-    apartment?: string | undefined;
+    address: {
+        line1: string;
+        city: string;
+        zipCode: string;
+        country: string;
+        line2?: string | undefined;
+        state?: string | undefined;
+    };
+    phone: string;
     saveInfo?: boolean | undefined;
 }>;
 export declare const shippingMethodSchema: z.ZodObject<{
-    method: z.ZodEnum<["economy", "standard"]>;
+    rateId: z.ZodString;
+    name: z.ZodString;
+    provider: z.ZodString;
+    amount: z.ZodNumber;
 }, "strip", z.ZodTypeAny, {
-    method: "economy" | "standard";
+    rateId: string;
+    name: string;
+    provider: string;
+    amount: number;
 }, {
-    method: "economy" | "standard";
+    rateId: string;
+    name: string;
+    provider: string;
+    amount: number;
 }>;
 export declare const checkoutSchema: z.ZodObject<{
     customer: z.ZodObject<{
         email: z.ZodString;
-        marketingConsent: z.ZodOptional<z.ZodBoolean>;
-        firstName: z.ZodOptional<z.ZodString>;
+        firstName: z.ZodString;
         lastName: z.ZodString;
-        address: z.ZodString;
-        apartment: z.ZodOptional<z.ZodString>;
-        city: z.ZodString;
-        state: z.ZodString;
-        zipCode: z.ZodString;
-        country: z.ZodString;
+        address: z.ZodObject<{
+            line1: z.ZodString;
+            line2: z.ZodOptional<z.ZodString>;
+            city: z.ZodString;
+            state: z.ZodOptional<z.ZodString>;
+            zipCode: z.ZodString;
+            country: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            line1: string;
+            city: string;
+            zipCode: string;
+            country: string;
+            line2?: string | undefined;
+            state?: string | undefined;
+        }, {
+            line1: string;
+            city: string;
+            zipCode: string;
+            country: string;
+            line2?: string | undefined;
+            state?: string | undefined;
+        }>;
         saveInfo: z.ZodOptional<z.ZodBoolean>;
+        phone: z.ZodString;
     }, "strip", z.ZodTypeAny, {
         email: string;
+        firstName: string;
         lastName: string;
-        address: string;
-        city: string;
-        state: string;
-        zipCode: string;
-        country: string;
-        marketingConsent?: boolean | undefined;
-        firstName?: string | undefined;
-        apartment?: string | undefined;
+        address: {
+            line1: string;
+            city: string;
+            zipCode: string;
+            country: string;
+            line2?: string | undefined;
+            state?: string | undefined;
+        };
+        phone: string;
         saveInfo?: boolean | undefined;
     }, {
         email: string;
+        firstName: string;
         lastName: string;
-        address: string;
-        city: string;
-        state: string;
-        zipCode: string;
-        country: string;
-        marketingConsent?: boolean | undefined;
-        firstName?: string | undefined;
-        apartment?: string | undefined;
+        address: {
+            line1: string;
+            city: string;
+            zipCode: string;
+            country: string;
+            line2?: string | undefined;
+            state?: string | undefined;
+        };
+        phone: string;
         saveInfo?: boolean | undefined;
     }>;
     shipping: z.ZodObject<{
-        method: z.ZodEnum<["economy", "standard"]>;
+        rateId: z.ZodString;
+        name: z.ZodString;
+        provider: z.ZodString;
+        amount: z.ZodNumber;
     }, "strip", z.ZodTypeAny, {
-        method: "economy" | "standard";
+        rateId: string;
+        name: string;
+        provider: string;
+        amount: number;
     }, {
-        method: "economy" | "standard";
+        rateId: string;
+        name: string;
+        provider: string;
+        amount: number;
     }>;
+    customerId: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     customer: {
         email: string;
+        firstName: string;
         lastName: string;
-        address: string;
-        city: string;
-        state: string;
-        zipCode: string;
-        country: string;
-        marketingConsent?: boolean | undefined;
-        firstName?: string | undefined;
-        apartment?: string | undefined;
+        address: {
+            line1: string;
+            city: string;
+            zipCode: string;
+            country: string;
+            line2?: string | undefined;
+            state?: string | undefined;
+        };
+        phone: string;
         saveInfo?: boolean | undefined;
     };
     shipping: {
-        method: "economy" | "standard";
+        rateId: string;
+        name: string;
+        provider: string;
+        amount: number;
     };
+    customerId?: string | undefined;
 }, {
     customer: {
         email: string;
+        firstName: string;
         lastName: string;
-        address: string;
-        city: string;
-        state: string;
-        zipCode: string;
-        country: string;
-        marketingConsent?: boolean | undefined;
-        firstName?: string | undefined;
-        apartment?: string | undefined;
+        address: {
+            line1: string;
+            city: string;
+            zipCode: string;
+            country: string;
+            line2?: string | undefined;
+            state?: string | undefined;
+        };
+        phone: string;
         saveInfo?: boolean | undefined;
     };
     shipping: {
-        method: "economy" | "standard";
+        rateId: string;
+        name: string;
+        provider: string;
+        amount: number;
     };
+    customerId?: string | undefined;
 }>;
 export type CheckoutFormData = z.infer<typeof checkoutSchema>;
 export type CustomerFormData = z.infer<typeof customerSchema>;

package/dist/components/checkout-embed/index.d.ts

@@ -1,8 +1,16 @@
+import { Locale } from "@/i18n";
 import React from "react";
-declare function CheckoutEmbed({ checkoutId, cancelUrl, successUrl, }: {
+import { AppearanceConfig } from "./appearance";
+interface CheckoutEmbedProps {
     checkoutId: string;
-    cancelUrl: string;
-    successUrl: string;
-}): React.JSX.Element;
+    config: {
+        clientSecret: string;
+        cancelUrl: string;
+        successUrl: string;
+        appearance?: AppearanceConfig;
+        locale?: Locale;
+    };
+}
+declare function CheckoutEmbed({ checkoutId, config }: CheckoutEmbedProps): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof CheckoutEmbed>;
 export default _default;

package/dist/components/checkout-embed/steps/customer/address-input.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function AddressInput(): React.JSX.Element;

package/dist/components/checkout-embed/steps/customer/address-utils.d.ts

@@ -0,0 +1,2 @@
+import { CustomerFormData } from "../../checkout-schema";
+export declare const formatAddress: (address: CustomerFormData["address"]) => string;

package/dist/components/checkout-embed/steps/customer/form.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { type CustomerFormData } from "../../checkout-schema";
+interface CustomerFormProps {
+    initialData?: CustomerFormData;
+    onSubmit: (data: CustomerFormData) => void;
+}
+export default function CustomerForm({ initialData, onSubmit, }: CustomerFormProps): React.JSX.Element;
+export {};

package/dist/components/checkout-embed/steps/payment/form.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface PaymentFormProps {
+    paymentSecret: string | null;
+    onSuccess: () => void;
+    onError: () => void;
+    onBack: () => void;
+    onDoubleBack: () => void;
+    contactEmail: string;
+    shippingAddress: string;
+    shippingProvider: string;
+    shippingPrice: string;
+}
+export default function PaymentForm({ paymentSecret, onSuccess, onError, onBack, onDoubleBack, contactEmail, shippingAddress, shippingProvider, shippingPrice, }: PaymentFormProps): React.JSX.Element;
+export {};

package/dist/components/checkout-embed/steps/shipping/form.d.ts

@@ -0,0 +1,13 @@
+import { ShippingRate } from "@betterstore/sdk";
+import React from "react";
+import { type ShippingMethodFormData } from "../../checkout-schema";
+interface ShippingMethodFormProps {
+    shippingRates: ShippingRate[];
+    initialData?: ShippingMethodFormData;
+    onSubmit: (data: ShippingMethodFormData) => void;
+    onBack: () => void;
+    contactEmail: string;
+    shippingAddress: string;
+}
+export default function ShippingMethodForm({ shippingRates, initialData, onSubmit, onBack, contactEmail, shippingAddress, }: ShippingMethodFormProps): React.JSX.Element;
+export {};

package/dist/components/checkout-embed/steps/summary/index.d.ts

@@ -0,0 +1,9 @@
+import { CheckoutSession } from "@betterstore/sdk";
+import React from "react";
+export default function CheckoutSummary({ lineItems, shipping, tax, currency, cancelUrl, }: {
+    lineItems: CheckoutSession["lineItems"];
+    shipping?: number;
+    tax?: number;
+    currency: string;
+    cancelUrl: string;
+}): React.JSX.Element;

package/dist/components/checkout-embed/steps/summary/loading.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function CheckoutSummaryLoading(): React.JSX.Element;

package/dist/components/checkout-embed/useFormStore.d.ts

@@ -0,0 +1,20 @@
+import { CheckoutFormData } from "./checkout-schema";
+export type CheckoutStep = "customer" | "shipping" | "payment";
+interface FormStore {
+    formData: Partial<CheckoutFormData>;
+    setFormData: (formData: Partial<CheckoutFormData>) => void;
+    step: CheckoutStep;
+    setStep: (step: CheckoutStep) => void;
+}
+export declare const useFormStore: (checkoutId: string) => import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<FormStore>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<FormStore, FormStore>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: FormStore) => void) => () => void;
+        onFinishHydration: (fn: (state: FormStore) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<FormStore, FormStore>>;
+    };
+}>;
+export {};

package/dist/components/compounds/form/country-dropdown.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+export interface Country {
+    alpha2: string;
+    alpha3: string;
+    countryCallingCodes: string[];
+    currencies: string[];
+    emoji?: string;
+    ioc: string;
+    languages: string[];
+    name: string;
+    status: string;
+}
+interface CountryDropdownProps {
+    options?: Country[];
+    onChange?: (country: Country) => void;
+    defaultValue?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    slim?: boolean;
+}
+export declare const CountryDropdown: React.ForwardRefExoticComponent<CountryDropdownProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/compounds/form/form-messages.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface FormMessagesProps extends React.HTMLAttributes<HTMLDivElement> {
+    messages?: string[] | string | React.ReactNode;
+    type?: "error" | "success";
+}
+export declare function FormMessages({ messages, type, className, ...props }: FormMessagesProps): React.JSX.Element | null;
+export {};

package/dist/components/compounds/form/input-group.d.ts

@@ -0,0 +1,8 @@
+import { Input } from "@/components/ui/input";
+import React from "react";
+type InputGroupProps = {
+    name: string;
+    label?: string;
+} & React.ComponentProps<typeof Input>;
+export default function InputGroup({ name, label, className, ...props }: InputGroupProps): React.JSX.Element;
+export {};

package/dist/components/compounds/form/submit-button.d.ts

@@ -0,0 +1,8 @@
+import { Button } from "@/components/ui/button";
+import React from "react";
+type SubmitButtonProps = Parameters<typeof Button>[0] & {
+    isSubmitting: boolean;
+    isValid: boolean;
+};
+export default function SubmitButton({ isSubmitting, isValid, className, variant, children, size, ...props }: SubmitButtonProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { Dialog } from "@/components/ui/dialog";
+declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): React.JSX.Element;
+declare function CommandDialog({ title, description, children, ...props }: React.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+}): React.JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): React.JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): React.JSX.Element;
+declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): React.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): React.JSX.Element;
+declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): React.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/components/ui/dialog.d.ts

@@ -0,0 +1,13 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
+declare function DialogContent({ className, children, ...props }: React.ComponentProps<typeof DialogPrimitive.Content>): React.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): React.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): React.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): React.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React.JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/components/ui/form.d.ts

@@ -2,7 +2,7 @@ import * as LabelPrimitive from "@radix-ui/react-label";
 import { Slot } from "@radix-ui/react-slot";
 import * as React from "react";
 import { type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
 declare const useFormField: () => {
     invalid: boolean;

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): React.JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): React.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): React.JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): React.JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/components/ui/skeleton.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Skeleton };