@opexa/portal-components 0.0.679 → 0.0.680

package/dist/components/PortalProvider/CXDTokenObserver.d.ts

@@ -0,0 +1 @@
+export declare function CXDTokenObserver(): null;

package/dist/components/PortalProvider/CXDTokenObserver.js

@@ -0,0 +1,30 @@
+'use client';
+import { addHours } from 'date-fns';
+import { clamp } from 'lodash-es';
+import { useLocalStorage, useTimeout } from 'usehooks-ts';
+import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
+export function CXDTokenObserver() {
+    const { data: account } = useAccountQuery();
+    const accountCxd = {
+        cxd: account?.cellxpertDetails?.cxd,
+    };
+    const [cxd, setCxd, removeCxd] = useLocalStorage('cxd', null);
+    const now = new Date();
+    const removeCxdUntilInMs = cxd?.timestamp
+        ? clamp(cxd.timestamp - now.getTime(), 0, Infinity)
+        : 0;
+    useTimeout(() => {
+        const isSame = cxd?.cxd === accountCxd.cxd;
+        if (!isSame) {
+            const extendedTimestamp = addHours(new Date(), 6).getTime();
+            setCxd({
+                cxd: accountCxd.cxd,
+                timestamp: extendedTimestamp,
+            });
+        }
+    }, account ? 100 : null);
+    useTimeout(() => {
+        removeCxd();
+    }, account ? removeCxdUntilInMs : null);
+    return null;
+}

package/dist/components/SignIn/utils.d.ts

@@ -0,0 +1,8 @@
+type Options = {
+    accountName?: string;
+    siteName?: string;
+    signInOptions?: 'MOBILE_NUMBER' | 'NAME_AND_PASSWORD';
+};
+export type ErrorCode = 'MEMBER_ACCOUNT_BLACKLISTED' | 'MEMBER_ACCOUNT_SUSPENDED' | 'INVALID_RECAPTCHA_RESPONSE' | 'MEMBER_NOT_FOUND' | 'RATE_LIMIT_REACH' | 'NOT_READY_TO_SEND_VERIFICATION_ERROR' | 'Forbidden';
+export declare function getFriendlyErrorMessage(code: ErrorCode, options?: Options): string;
+export {};

package/dist/components/SignIn/utils.js

@@ -0,0 +1,26 @@
+export function getFriendlyErrorMessage(code, options) {
+    const accountName = options?.accountName ?? '';
+    const siteName = options?.siteName ?? '';
+    const signInOptions = options?.signInOptions ?? 'NAME_AND_PASSWORD';
+    switch (code) {
+        case 'MEMBER_ACCOUNT_BLACKLISTED':
+            return `Your account ${accountName} has been blacklisted due to a serious violation of our policies. For more information or to appeal, please contact the ${siteName} Chat Support team.`;
+        case 'MEMBER_ACCOUNT_SUSPENDED':
+            return `Your account ${accountName} has been temporarily suspended. Please reach out to the ${siteName} Chat Support team to learn more and get help with resolving the issue.`;
+        case 'INVALID_RECAPTCHA_RESPONSE':
+            return 'Invalid reCAPTCHA response';
+        case 'MEMBER_NOT_FOUND':
+            return 'Account not found. Please check your username and try again.';
+        case 'RATE_LIMIT_REACH':
+            return 'Rate limit exceeded';
+        case 'NOT_READY_TO_SEND_VERIFICATION_ERROR':
+            return 'Your account is not ready to send verification requests. Please try again later.';
+        case 'Forbidden':
+            if (signInOptions === 'MOBILE_NUMBER') {
+                return 'Invalid verification code. Please check the code and try again.';
+            }
+            return 'Invalid username or password, please try again.';
+        default:
+            return 'Something went wrong. Please try again later.';
+    }
+}

package/dist/constants/Branches.d.ts

@@ -0,0 +1,2 @@
+import type { Branch } from '../types';
+export declare const BRANCHES: Branch[];

package/dist/constants/Branches.js

@@ -0,0 +1,42 @@
+export const BRANCHES = [
+    {
+        code: 'BRCAL',
+        name: 'Bingo Republic 2nd floor Primark Center Deparo St., Caloocan City',
+    },
+    {
+        code: 'BRNAG',
+        name: 'Bingo Republic 3rd floor Robinsons Mall, Naga City, Camarines Sur',
+    },
+    {
+        code: 'BRANT',
+        name: 'Bingo Republic 2nd floor Robinsons Mall, San Vicente,Antique',
+    },
+    {
+        code: 'BRCLA',
+        name: 'Clark',
+    },
+    {
+        code: 'BRLAG',
+        name: 'Laguna',
+    },
+    {
+        code: 'BREAS',
+        name: 'Eastwood City, Quezon City',
+    },
+    {
+        code: 'BRMAR',
+        name: 'Bingo ng Bayan 4th floor Marikina Public Market, Marikina City',
+    },
+    {
+        code: 'BRILO',
+        name: 'Iloilo',
+    },
+    {
+        code: 'BRFIM',
+        name: 'Fisher Mall,Quezon City',
+    },
+    {
+        code: 'BRCAC',
+        name: 'Villa Caceres Hotel, Naga City,Camsur',
+    },
+];

package/dist/third-parties/FacebookPixel/FacebookPixel.d.ts

@@ -0,0 +1,4 @@
+export interface FacebookPixelProps {
+    fbId: string;
+}
+export declare function FacebookPixel(props: FacebookPixelProps): null;

package/dist/third-parties/FacebookPixel/FacebookPixel.js

@@ -0,0 +1,4 @@
+export function FacebookPixel(props) {
+    console.log(props);
+    return null;
+}

package/dist/third-parties/FacebookPixel/api.js

@@ -0,0 +1 @@
+"use strict";

package/dist/third-parties/FacebookPixel/index.d.ts

@@ -0,0 +1 @@
+export * from './FacebookPixel';

package/dist/third-parties/FacebookPixel/index.js

@@ -0,0 +1 @@
+export * from './FacebookPixel.js';

package/dist/third-parties/GoogleRecaptcha/GoogleRecaptcha.d.ts

@@ -0,0 +1,4 @@
+export interface GoogleRecaptchaProps {
+    siteKey: string;
+}
+export declare function GoogleRecaptcha(props: GoogleRecaptchaProps): null;

package/dist/third-parties/GoogleRecaptcha/GoogleRecaptcha.js

@@ -0,0 +1,4 @@
+export function GoogleRecaptcha(props) {
+    console.log(props);
+    return null;
+}

package/dist/third-parties/GoogleRecaptcha/api.js

@@ -0,0 +1 @@
+"use strict";

package/dist/third-parties/GoogleRecaptcha/index.d.ts

@@ -0,0 +1 @@
+export * from './GoogleRecaptcha';

package/dist/third-parties/GoogleRecaptcha/index.js

@@ -0,0 +1 @@
+export * from './GoogleRecaptcha.js';

package/dist/third-parties/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FacebookPixel';
+export * from './GoogleRecaptcha';

package/dist/third-parties/index.js

@@ -0,0 +1,2 @@
+export * from './FacebookPixel/index.js';
+export * from './GoogleRecaptcha/index.js';

package/dist/ui/Carousel/Carousel.d.ts

@@ -3,8 +3,8 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -17,8 +17,8 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -27,12 +27,12 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             autoplayTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, {
+} | {}, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -41,13 +41,13 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             autoplayTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const AutoplayTrigger: import("react").ComponentType<import("@ark-ui/react").Assign<Carousel.AutoplayTriggerProps & import("react").RefAttributes<HTMLButtonElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -60,8 +60,8 @@ export declare const AutoplayTrigger: import("react").ComponentType<import("@ark
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -70,12 +70,12 @@ export declare const AutoplayTrigger: import("react").ComponentType<import("@ark
             autoplayTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, {
+} | {}, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -84,13 +84,13 @@ export declare const AutoplayTrigger: import("react").ComponentType<import("@ark
             autoplayTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Control: import("react").ComponentType<import("@ark-ui/react").Assign<Carousel.ControlProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -103,8 +103,8 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -113,12 +113,12 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
             autoplayTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, {
+} | {}, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -127,13 +127,13 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
             autoplayTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Indicator: import("react").ComponentType<import("@ark-ui/react").Assign<Carousel.IndicatorProps & import("react").RefAttributes<HTMLButtonElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -146,8 +146,8 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -156,12 +156,12 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
             autoplayTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, {
+} | {}, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -170,13 +170,13 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
             autoplayTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const IndicatorGroup: import("react").ComponentType<import("@ark-ui/react").Assign<Carousel.IndicatorGroupProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -189,8 +189,8 @@ export declare const IndicatorGroup: import("react").ComponentType<import("@ark-
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -199,12 +199,12 @@ export declare const IndicatorGroup: import("react").ComponentType<import("@ark-
             autoplayTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, {
+} | {}, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -213,13 +213,13 @@ export declare const IndicatorGroup: import("react").ComponentType<import("@ark-
             autoplayTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Item: import("react").ComponentType<import("@ark-ui/react").Assign<Carousel.ItemProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -232,8 +232,8 @@ export declare const Item: import("react").ComponentType<import("@ark-ui/react")
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -242,12 +242,12 @@ export declare const Item: import("react").ComponentType<import("@ark-ui/react")
             autoplayTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, {
+} | {}, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -256,13 +256,13 @@ export declare const Item: import("react").ComponentType<import("@ark-ui/react")
             autoplayTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const ItemGroup: import("react").ComponentType<import("@ark-ui/react").Assign<Carousel.ItemGroupProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -275,8 +275,8 @@ export declare const ItemGroup: import("react").ComponentType<import("@ark-ui/re
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -285,12 +285,12 @@ export declare const ItemGroup: import("react").ComponentType<import("@ark-ui/re
             autoplayTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, {
+} | {}, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -299,13 +299,13 @@ export declare const ItemGroup: import("react").ComponentType<import("@ark-ui/re
             autoplayTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const NextTrigger: import("react").ComponentType<import("@ark-ui/react").Assign<Carousel.NextTriggerProps & import("react").RefAttributes<HTMLButtonElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -318,8 +318,8 @@ export declare const NextTrigger: import("react").ComponentType<import("@ark-ui/
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -328,12 +328,12 @@ export declare const NextTrigger: import("react").ComponentType<import("@ark-ui/
             autoplayTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, {
+} | {}, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -342,13 +342,13 @@ export declare const NextTrigger: import("react").ComponentType<import("@ark-ui/
             autoplayTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const PrevTrigger: import("react").ComponentType<import("@ark-ui/react").Assign<Carousel.PrevTriggerProps & import("react").RefAttributes<HTMLButtonElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -361,8 +361,8 @@ export declare const PrevTrigger: import("react").ComponentType<import("@ark-ui/
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -371,12 +371,12 @@ export declare const PrevTrigger: import("react").ComponentType<import("@ark-ui/
             autoplayTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, {
+} | {}, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -385,5 +385,5 @@ export declare const PrevTrigger: import("react").ComponentType<import("@ark-ui/
             autoplayTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Context: (props: Carousel.ContextProps) => import("react").ReactNode;

package/dist/ui/Carousel/carousel.recipe.d.ts

@@ -2,8 +2,8 @@ export declare const carouselRecipe: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -16,8 +16,8 @@ export declare const carouselRecipe: import("tailwind-variants").TVReturnType<{
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -26,12 +26,12 @@ export declare const carouselRecipe: import("tailwind-variants").TVReturnType<{
             autoplayTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, {
+} | {}, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            indicator?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             nextTrigger?: import("tailwind-variants").ClassValue;
@@ -40,4 +40,4 @@ export declare const carouselRecipe: import("tailwind-variants").TVReturnType<{
             autoplayTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, unknown, unknown, undefined>>;
+} | {}, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger", string | string[]>, undefined, unknown, unknown, undefined>>;