@opexa/portal-components 0.0.28 → 0.0.29

package/dist/server/utils/prefetchDepositsCountQuery.js

@@ -1,7 +1,7 @@
 import { getDepositsCount } from '@opexa/portal-sdk-core';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getDepositsCountQueryKey, getQueryClient } from '../../utils';
-import { getSession } from '../services/getSession';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getDepositsCountQueryKey, getQueryClient } from '../../utils/index.js';
+import { getSession } from '../services/getSession.js';
 export const prefetchDepositsCountQuery = async () => {
     const session = await getSession();
     if (session.status === 'unauthenticated')

package/dist/server/utils/prefetchFavoriteGamesQuery.js

@@ -1,7 +1,7 @@
 import { getFavoriteGames } from '@opexa/portal-sdk-core';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getFavoriteGamesQueryKey, getQueryClient } from '../../utils';
-import { getSession } from '../services';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getFavoriteGamesQueryKey, getQueryClient } from '../../utils/index.js';
+import { getSession } from '../services/index.js';
 export const prefetchFavoriteGamesQuery = async () => {
     const session = await getSession();
     if (session.status === 'unauthenticated')

package/dist/server/utils/prefetchGamesQuery.js

@@ -1,6 +1,6 @@
 import { getGames } from '@opexa/portal-sdk-core';
-import { ENVIRONMENT, PLATFORM_ID, SITE_ID } from '../../constants';
-import { getGamesQueryKey, getQueryClient } from '../../utils';
+import { ENVIRONMENT, PLATFORM_ID, SITE_ID } from '../../constants/index.js';
+import { getGamesQueryKey, getQueryClient } from '../../utils/index.js';
 export const prefetchGamesQuery = async (input) => {
     await getQueryClient().prefetchInfiniteQuery({
         queryKey: getGamesQueryKey(input),

package/dist/server/utils/prefetchInstapayBankListQuery.js

@@ -1,7 +1,7 @@
 import { getInstapayBankList } from '@opexa/portal-sdk-core';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getInstapayBankListQueryKey, getQueryClient } from '../../utils';
-import { getSession } from '../services/getSession';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getInstapayBankListQueryKey, getQueryClient } from '../../utils/index.js';
+import { getSession } from '../services/getSession.js';
 export const prefetchInstapayBankListQuery = async () => {
     const session = await getSession();
     if (session.status === 'unauthenticated')

package/dist/server/utils/prefetchIsMayaSessionValidQuery.js

@@ -1,7 +1,7 @@
 import { validateMayaSession } from '@opexa/portal-sdk-core';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getIsMayaSessionValidQueryKey, getQueryClient } from '../../utils';
-import { getSession } from '../services/getSession';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getIsMayaSessionValidQueryKey, getQueryClient } from '../../utils/index.js';
+import { getSession } from '../services/getSession.js';
 export const prefetchIsMayaSessionValidQuery = async () => {
     const session = await getSession();
     if (session.status === 'unauthenticated')

package/dist/server/utils/prefetchJackpotsQuery.js

@@ -1,6 +1,6 @@
 import { getJackpots } from '@opexa/portal-sdk-core';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getJackpotsQueryKey, getQueryClient } from '../../utils';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getJackpotsQueryKey, getQueryClient } from '../../utils/index.js';
 export const prefetchJackpotsQuery = async (input) => {
     await getQueryClient().prefetchInfiniteQuery({
         queryKey: getJackpotsQueryKey(input),

package/dist/server/utils/prefetchMemberVerificationQuery.js

@@ -1,7 +1,7 @@
 import { getMemberVerification } from '@opexa/portal-sdk-core';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getMemberVerificationQueryKey, getQueryClient } from '../../utils';
-import { getSession } from '../services/getSession';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getMemberVerificationQueryKey, getQueryClient } from '../../utils/index.js';
+import { getSession } from '../services/getSession.js';
 export const prefetchMemberVerificationQuery = async () => {
     const session = await getSession();
     if (session.status === 'unauthenticated')

package/dist/server/utils/prefetchPaymentSettingsQuery.js

@@ -1,7 +1,7 @@
 import { getPaymentSettings } from '@opexa/portal-sdk-core';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getPaymentSettingsQueryKey, getQueryClient } from '../../utils';
-import { getSession } from '../services/getSession';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getPaymentSettingsQueryKey, getQueryClient } from '../../utils/index.js';
+import { getSession } from '../services/getSession.js';
 export const prefetchPaymentSettingsQuery = async () => {
     const session = await getSession();
     if (session.status === 'unauthenticated')

package/dist/server/utils/prefetchPlatformQuery.js

@@ -1,6 +1,6 @@
 import { getPlatform } from '@opexa/portal-sdk-core';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getPlatformQueryKey, getQueryClient } from '../../utils';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getPlatformQueryKey, getQueryClient } from '../../utils/index.js';
 export async function prefetchPlatformQuery() {
     await getQueryClient().prefetchQuery({
         queryKey: getPlatformQueryKey(),

package/dist/server/utils/prefetchProfileCompletionQuery.js

@@ -1,7 +1,7 @@
 import { getProfileCompletion } from '@opexa/portal-sdk-core';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getProfileCompletionQueryKey, getQueryClient } from '../../utils';
-import { getSession } from '../services/getSession';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getProfileCompletionQueryKey, getQueryClient } from '../../utils/index.js';
+import { getSession } from '../services/getSession.js';
 export const prefetchProfileCompletionQuery = async () => {
     const session = await getSession();
     if (session.status === 'unauthenticated')

package/dist/server/utils/prefetchPromoQuery.js

@@ -1,6 +1,6 @@
 import { getPromo } from '@opexa/portal-sdk-core';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getPromoQueryKey, getQueryClient } from '../../utils';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getPromoQueryKey, getQueryClient } from '../../utils/index.js';
 export const prefetchPromoQuery = async (id) => {
     await getQueryClient().prefetchQuery({
         queryKey: getPromoQueryKey(id),

package/dist/server/utils/prefetchPromosQuery.js

@@ -1,6 +1,6 @@
 import { getPromos } from '@opexa/portal-sdk-core';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getPromosQueryKey, getQueryClient } from '../../utils';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getPromosQueryKey, getQueryClient } from '../../utils/index.js';
 export const prefetchPromosQuery = async () => {
     await getQueryClient().prefetchQuery({
         queryKey: getPromosQueryKey(),

package/dist/server/utils/prefetchSessionQuery.js

@@ -1,5 +1,5 @@
-import { getQueryClient, getSessionQueryKey } from '../../utils';
-import { getSession } from '../services/getSession';
+import { getQueryClient, getSessionQueryKey } from '../../utils/index.js';
+import { getSession } from '../services/getSession.js';
 export function prefetchSessionQuery() {
     return getQueryClient().prefetchQuery({
         queryKey: getSessionQueryKey(),

package/dist/server/utils/prefetchTopWinsQuery.js

@@ -1,6 +1,6 @@
 import { getTopWins } from '@opexa/portal-sdk-core';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getQueryClient, getTopWinsQueryKey } from '../../utils';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getQueryClient, getTopWinsQueryKey } from '../../utils/index.js';
 export const prefetchTopWinsQuery = async () => {
     await getQueryClient().prefetchQuery({
         queryKey: getTopWinsQueryKey(),

package/dist/server/utils/prefetchTournamentsQuery.js

@@ -1,6 +1,6 @@
 import { getTournaments } from '@opexa/portal-sdk-core';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getQueryClient, getTournamentsQueryKey } from '../../utils';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getQueryClient, getTournamentsQueryKey } from '../../utils/index.js';
 export const prefetchTournamentsQuery = async (input) => {
     await getQueryClient().prefetchInfiniteQuery({
         queryKey: getTournamentsQueryKey(input),

package/dist/server/utils/prefetchTransactionRecordsQuery.js

@@ -1,7 +1,7 @@
 import { getTransactionRecords, } from '@opexa/portal-sdk-core';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getQueryClient, getTransactionRecordsQueryKey } from '../../utils';
-import { getSession } from '../services/getSession';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getQueryClient, getTransactionRecordsQueryKey } from '../../utils/index.js';
+import { getSession } from '../services/getSession.js';
 export const prefetchTransactionRecordsQuery = async (input) => {
     const session = await getSession();
     if (session.status === 'unauthenticated')

package/dist/server/utils/prefetchUnreadMessagesCountQuery.js

@@ -1,7 +1,7 @@
 import { getUnreadMessagesCount, } from '@opexa/portal-sdk-core';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getAccountQueryKey, getQueryClient } from '../../utils';
-import { getSession } from '../services/getSession';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getAccountQueryKey, getQueryClient } from '../../utils/index.js';
+import { getSession } from '../services/getSession.js';
 export const prefetchUnreadMessagesCountQuery = async (input) => {
     const session = await getSession();
     if (session.status === 'unauthenticated')

package/dist/server/utils/prefetchWalletQuery.js

@@ -1,7 +1,7 @@
 import { getWallet } from '@opexa/portal-sdk-core';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getQueryClient, getWalletQueryKey } from '../../utils';
-import { getSession } from '../services/getSession';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getQueryClient, getWalletQueryKey } from '../../utils/index.js';
+import { getSession } from '../services/getSession.js';
 export const prefetchWalletQuery = async () => {
     const session = await getSession();
     if (session.status === 'unauthenticated')

package/dist/server/utils/prefetchWithdrawalRecordsQuery.js

@@ -1,7 +1,7 @@
 import { getWithdrawalRecords, } from '@opexa/portal-sdk-core';
-import { ENVIRONMENT, PLATFORM_CODE } from '../../constants';
-import { getQueryClient, getWithdrawalRecordsQueryKey } from '../../utils';
-import { getSession } from '../services/getSession';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getQueryClient, getWithdrawalRecordsQueryKey } from '../../utils/index.js';
+import { getSession } from '../services/getSession.js';
 export const prefetchWithdrawalRecordsQuery = async (input) => {
     const session = await getSession();
     if (session.status === 'unauthenticated')

package/dist/third-parties/index.js

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

package/dist/ui/AlertDialog/AlertDialog.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { ark, Dialog } from '@ark-ui/react';
-import { createRecipeContext } from '../../client/utils';
-import { alertDialogRecipe } from './alertDialog.recipe';
+import { createRecipeContext } from '../../client/utils/index.js';
+import { alertDialogRecipe } from './alertDialog.recipe.js';
 const { withContext, withRootProvider } = createRecipeContext(alertDialogRecipe);
 export const Root = withRootProvider(Dialog.Root);
 export const Backdrop = withContext(Dialog.Backdrop, 'backdrop');

package/dist/ui/AlertDialog/alertDialog.recipe.js

@@ -1,6 +1,6 @@
 import { dialogAnatomy } from '@ark-ui/react';
 import { tv } from 'tailwind-variants';
-import { anatomyToRecipeSlots } from '../../utils';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 const anatomy = dialogAnatomy.extendWith('header', 'body', 'footer');
 export const alertDialogRecipe = tv({
     slots: anatomyToRecipeSlots(anatomy, {

package/dist/ui/Avatar/Avatar.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { Avatar } from '@ark-ui/react';
-import { createRecipeContext } from '../../client/utils';
-import { avatarRecipe } from './avatar.recipe';
+import { createRecipeContext } from '../../client/utils/index.js';
+import { avatarRecipe } from './avatar.recipe.js';
 const { withContext, withProvider } = createRecipeContext(avatarRecipe);
 export const Root = withProvider(Avatar.Root, 'root');
 export const Image = withContext(Avatar.Image, 'image');

package/dist/ui/Avatar/avatar.recipe.js

@@ -1,6 +1,6 @@
 import { avatarAnatomy } from '@ark-ui/react';
 import { tv } from 'tailwind-variants';
-import { anatomyToRecipeSlots } from '../../utils';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 export const avatarRecipe = tv({
     slots: anatomyToRecipeSlots(avatarAnatomy, {
         root: 'border-gray-200 bg-gray-50 flex items-center justify-center overflow-hidden rounded-full border',

package/dist/ui/Badge/Badge.jsx

@@ -1,8 +1,8 @@
 'use client';
 import { ark } from '@ark-ui/react';
-import { createRecipeContext } from '../../client/utils';
-import { badgeAnatomy } from './badge.anatomy';
-import { badgeRecipe } from './badge.recipe';
+import { createRecipeContext } from '../../client/utils/index.js';
+import { badgeAnatomy } from './badge.anatomy.js';
+import { badgeRecipe } from './badge.recipe.js';
 const { withProvider, withContext } = createRecipeContext(badgeRecipe);
 const parts = badgeAnatomy.build();
 export const Root = withProvider((props) => <ark.div {...parts.root.attrs} {...props}/>, 'root');

package/dist/ui/Badge/badge.recipe.js

@@ -1,6 +1,6 @@
 import { tv } from 'tailwind-variants';
-import { anatomyToRecipeSlots } from '../../utils';
-import { badgeAnatomy } from './badge.anatomy';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
+import { badgeAnatomy } from './badge.anatomy.js';
 export const badgeRecipe = tv({
     slots: anatomyToRecipeSlots(badgeAnatomy, {
         root: 'inline-flex items-center',

package/dist/ui/Button/Button.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { ark } from '@ark-ui/react';
-import { createSplitProps, dataAttr } from '../../utils';
-import { buttonRecipe } from './button.recipe';
+import { createSplitProps, dataAttr } from '../../utils/index.js';
+import { buttonRecipe } from './button.recipe.js';
 export function Button(props) {
     const [recipeProps, localProps] = createSplitProps(buttonRecipe.variantKeys)(props);
     return (<ark.button type="button" {...localProps} className={buttonRecipe({

package/dist/ui/Checkbox/Checkbox.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { Checkbox } from '@ark-ui/react';
-import { createRecipeContext } from '../../client/utils';
-import { checkboxRecipe } from './checkbox.recipe';
+import { createRecipeContext } from '../../client/utils/index.js';
+import { checkboxRecipe } from './checkbox.recipe.js';
 export const { withContext, withProvider } = createRecipeContext(checkboxRecipe);
 export const Root = withProvider(Checkbox.Root, 'root');
 export const Control = withContext(Checkbox.Control, 'control');

package/dist/ui/Checkbox/checkbox.recipe.js

@@ -1,6 +1,6 @@
 import { checkboxAnatomy } from '@ark-ui/react';
 import { tv } from 'tailwind-variants';
-import { anatomyToRecipeSlots } from '../../utils';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 export const checkboxRecipe = tv({
     slots: anatomyToRecipeSlots(checkboxAnatomy, {
         root: 'flex items-start gap-2',

package/dist/ui/Clipboard/Clipboard.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { Clipboard } from '@ark-ui/react';
-import { createRecipeContext } from '../../client/utils';
-import { clipboardRecipe } from './clipboard.recipe';
+import { createRecipeContext } from '../../client/utils/index.js';
+import { clipboardRecipe } from './clipboard.recipe.js';
 const { withProvider, withContext } = createRecipeContext(clipboardRecipe);
 export const Root = withProvider(Clipboard.Root, 'root');
 export const Control = withContext(Clipboard.Control, 'control');

package/dist/ui/Clipboard/clipboard.recipe.js

@@ -1,6 +1,6 @@
 import { clipboardAnatomy } from '@ark-ui/react';
 import { tv } from 'tailwind-variants';
-import { anatomyToRecipeSlots } from '../../utils';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 export const clipboardRecipe = tv({
     slots: anatomyToRecipeSlots(clipboardAnatomy, {
         label: 'text-input-label-fg mb-sm inline-block text-sm font-medium',

package/dist/ui/Collapsible/Collapsible.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { Collapsible } from '@ark-ui/react';
-import { createRecipeContext } from '../../client/utils';
-import { collapsibleRecipe } from './collapsible.recipe';
+import { createRecipeContext } from '../../client/utils/index.js';
+import { collapsibleRecipe } from './collapsible.recipe.js';
 const { withContext, withProvider } = createRecipeContext(collapsibleRecipe);
 export const Root = withProvider(Collapsible.Root, 'root');
 export const Content = withContext(Collapsible.Content, 'content');

package/dist/ui/Collapsible/collapsible.recipe.js

@@ -1,6 +1,6 @@
 import { collapsibleAnatomy } from '@ark-ui/react';
 import { tv } from 'tailwind-variants';
-import { anatomyToRecipeSlots } from '../../utils';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 export const collapsibleRecipe = tv({
     slots: anatomyToRecipeSlots(collapsibleAnatomy, {
         indicator: 'transition-transform duration-200 ease-in-out ui-open:rotate-90',

package/dist/ui/Combobox/Combobox.jsx

@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 'use client';
 import { Combobox } from '@ark-ui/react';
-import { createRecipeContext } from '../../client/utils';
-import { comboboxRecipe } from './combobox.recipe';
+import { createRecipeContext } from '../../client/utils/index.js';
+import { comboboxRecipe } from './combobox.recipe.js';
 const { withProvider, withContext } = createRecipeContext(comboboxRecipe);
 export const Root = withProvider((Combobox.Root), 'root');
 export const ClearTrigger = withContext(Combobox.ClearTrigger, 'clearTrigger');

package/dist/ui/Combobox/combobox.recipe.js

@@ -1,6 +1,6 @@
 import { comboboxAnatomy } from '@ark-ui/react';
 import { tv } from 'tailwind-variants';
-import { anatomyToRecipeSlots } from '../../utils';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 export const comboboxRecipe = tv({
     slots: anatomyToRecipeSlots(comboboxAnatomy),
 });

package/dist/ui/DatePicker/DatePicker.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { DatePicker } from '@ark-ui/react';
-import { createRecipeContext } from '../../client/utils';
-import { datePickerRecipe } from './datePicker.recipe';
+import { createRecipeContext } from '../../client/utils/index.js';
+import { datePickerRecipe } from './datePicker.recipe.js';
 const { withProvider, withContext } = createRecipeContext(datePickerRecipe);
 export const Root = withProvider(DatePicker.Root, 'root');
 export const ClearTrigger = withContext(DatePicker.ClearTrigger, 'clearTrigger');

package/dist/ui/DatePicker/datePicker.recipe.js

@@ -1,6 +1,6 @@
 import { datePickerAnatomy } from '@ark-ui/react';
 import { tv } from 'tailwind-variants';
-import { anatomyToRecipeSlots } from '../../utils';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 export const datePickerRecipe = tv({
     slots: anatomyToRecipeSlots(datePickerAnatomy, {
         content: 'border-border-secondary ui-placement-top:ui-open:animate-popover-in-top ui-placement-top-end:ui-open:animate-popover-in-top ui-placement-top-start:ui-open:animate-popover-in-top ui-placement-top:ui-closed:animate-popover-out-top ui-placement-top-end:ui-closed:animate-popover-out-top ui-placement-top-start:ui-closed:animate-popover-out-top ui-placement-bottom:ui-open:animate-popover-in-bottom ui-placement-bottom-start:ui-open:animate-popover-in-bottom ui-placement-bottom-end:ui-open:animate-popover-in-bottom ui-placement-bottom:ui-closed:animate-popover-out-bottom ui-placement-bottom-start:ui-closed:animate-popover-out-bottom ui-placement-bottom-end:ui-closed:animate-popover-out-bottom ui-placement-left:ui-open:animate-popover-in-left ui-placement-left-start:ui-open:animate-popover-in-left ui-placement-left-end:ui-open:animate-popover-in-left ui-placement-left:ui-closed:animate-popover-out-left ui-placement-left-start:ui-closed:animate-popover-out-left ui-placement-left-end:ui-closed:animate-popover-out-left ui-placement-right:ui-open:animate-popover-in-right ui-placement-right-start:ui-open:animate-popover-in-right ui-placement-right-end:ui-open:animate-popover-in-right ui-placement-right:ui-closed:animate-popover-out-right ui-placement-right-start:ui-closed:animate-popover-out-right ui-placement-right-end:ui-closed:animate-popover-out-right bg-bg-primary z-dropdown rounded-xl border p-4',

package/dist/ui/Dialog/Dialog.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { ark, Dialog } from '@ark-ui/react';
-import { createRecipeContext } from '../../client/utils';
-import { dialogRecipe } from './dialog.recipe';
+import { createRecipeContext } from '../../client/utils/index.js';
+import { dialogRecipe } from './dialog.recipe.js';
 const { withContext, withRootProvider } = createRecipeContext(dialogRecipe);
 export const Root = withRootProvider(Dialog.Root);
 export const Backdrop = withContext(Dialog.Backdrop, 'backdrop');

package/dist/ui/Dialog/dialog.recipe.js

@@ -1,6 +1,6 @@
 import { dialogAnatomy } from '@ark-ui/react';
 import { tv } from 'tailwind-variants';
-import { anatomyToRecipeSlots } from '../../utils';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 const anatomy = dialogAnatomy.extendWith('header', 'body', 'footer');
 export const dialogRecipe = tv({
     slots: anatomyToRecipeSlots(anatomy, {

package/dist/ui/Drawer/Drawer.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { ark, Dialog } from '@ark-ui/react';
-import { createRecipeContext } from '../../client/utils';
-import { drawerRecipe } from './drawer.recipe';
+import { createRecipeContext } from '../../client/utils/index.js';
+import { drawerRecipe } from './drawer.recipe.js';
 const { withContext, withRootProvider } = createRecipeContext(drawerRecipe);
 export const Root = withRootProvider(Dialog.Root);
 export const Backdrop = withContext(Dialog.Backdrop, 'backdrop');

package/dist/ui/Drawer/drawer.recipe.js

@@ -1,6 +1,6 @@
 import { dialogAnatomy } from '@ark-ui/react';
 import { tv } from 'tailwind-variants';
-import { anatomyToRecipeSlots } from '../../utils';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 const anatomy = dialogAnatomy.extendWith('header', 'body', 'footer');
 export const drawerRecipe = tv({
     slots: anatomyToRecipeSlots(anatomy, {

package/dist/ui/Field/Field.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { Field } from '@ark-ui/react';
-import { createRecipeContext } from '../../client/utils';
-import { fieldRecipe } from './field.recipe';
+import { createRecipeContext } from '../../client/utils/index.js';
+import { fieldRecipe } from './field.recipe.js';
 const { withContext, withProvider } = createRecipeContext(fieldRecipe);
 export const Root = withProvider(Field.Root, 'root');
 export const Label = withContext(Field.Label, 'label');

package/dist/ui/Field/field.recipe.js

@@ -1,7 +1,7 @@
 import { fieldAnatomy } from '@ark-ui/react';
 import { twMerge } from 'tailwind-merge';
 import { tv } from 'tailwind-variants';
-import { anatomyToRecipeSlots } from '../../utils';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 const outlineGrayInputStyle = twMerge('border', 'bg-bg-primary', 'border-border-primary', 'shadow-xs', 'focus:border-border-brand', 'focus:shadow-brand-xs', 'placeholder:text-text-placeholder', 'disabled:opacity-60', 'disabled:shadow-none', 'read-only:opacity-60', 'read-only:shadow-none');
 export const fieldRecipe = tv({
     slots: anatomyToRecipeSlots(fieldAnatomy, {

package/dist/ui/IconButton/IconButton.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { ark } from '@ark-ui/react';
-import { createSplitProps, dataAttr } from '../../utils';
-import { iconButtonRecipe, } from './iconButton.recipe';
+import { createSplitProps, dataAttr } from '../../utils/index.js';
+import { iconButtonRecipe, } from './iconButton.recipe.js';
 export function IconButton(props) {
     const [recipeProps, localProps] = createSplitProps(iconButtonRecipe.variantKeys)(props);
     return (<ark.button type="button" {...localProps} className={iconButtonRecipe({

package/dist/ui/IconButton/iconButton.recipe.js

@@ -1,5 +1,5 @@
 import { tv } from 'tailwind-variants';
-import { buttonRecipe } from '../Button/button.recipe';
+import { buttonRecipe } from '../Button/button.recipe.js';
 export const iconButtonRecipe = tv({
     extend: buttonRecipe,
     variants: {

package/dist/ui/NumberInput/NumberInput.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { NumberInput } from '@ark-ui/react';
-import { createRecipeContext } from '../../client/utils';
-import { numberInputRecipe } from './numberInput.recipe';
+import { createRecipeContext } from '../../client/utils/index.js';
+import { numberInputRecipe } from './numberInput.recipe.js';
 const { withContext, withProvider } = createRecipeContext(numberInputRecipe);
 export const Root = withProvider(NumberInput.Root, 'root');
 export const Control = withContext(NumberInput.Control, 'control');

package/dist/ui/NumberInput/numberInput.recipe.js

@@ -1,6 +1,6 @@
 import { numberInputAnatomy } from '@ark-ui/react';
 import { tv } from 'tailwind-variants';
-import { anatomyToRecipeSlots } from '../../utils';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 export const numberInputRecipe = tv({
     slots: anatomyToRecipeSlots(numberInputAnatomy, {
         control: 'border-border-primary bg-bg-primary ui-focus:border-border-brand ui-focus:shadow-brand-xs grid grid-cols-[1fr_32px] grid-rows-[1fr_1fr] overflow-hidden rounded-lg border ui-disabled:opacity-60 ui-readonly:cursor-default ui-readonly:opacity-50',

package/dist/ui/PasswordInput/PasswordInput.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { PasswordInput } from '@ark-ui/react';
-import { createRecipeContext } from '../../client/utils';
-import { passwordInputRecipe } from './passwordInput.recipe';
+import { createRecipeContext } from '../../client/utils/index.js';
+import { passwordInputRecipe } from './passwordInput.recipe.js';
 const { withContext, withProvider } = createRecipeContext(passwordInputRecipe);
 export const Root = withProvider(PasswordInput.Root, 'root');
 export const Control = withContext(PasswordInput.Control, 'control');

package/dist/ui/PasswordInput/passwordInput.recipe.js

@@ -1,6 +1,6 @@
 import { passwordInputAnatomy } from '@ark-ui/react';
 import { tv } from 'tailwind-variants';
-import { anatomyToRecipeSlots } from '../../utils';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 export const passwordInputRecipe = tv({
     slots: anatomyToRecipeSlots(passwordInputAnatomy, {
         input: 'placeholder:text-text-placeholder w-full grow outline-none',

package/dist/ui/PinInput/PinInput.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { PinInput } from '@ark-ui/react';
-import { createRecipeContext } from '../../client/utils';
-import { pinInputRecipe } from './pinInput.recipe';
+import { createRecipeContext } from '../../client/utils/index.js';
+import { pinInputRecipe } from './pinInput.recipe.js';
 const { withContext, withProvider } = createRecipeContext(pinInputRecipe);
 export const Root = withProvider(PinInput.Root, 'root');
 export const Label = withContext(PinInput.Label, 'label');

package/dist/ui/PinInput/pinInput.recipe.js

@@ -1,6 +1,6 @@
 import { pinInputAnatomy } from '@ark-ui/react';
 import { tv } from 'tailwind-variants';
-import { anatomyToRecipeSlots } from '../../utils';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 export const pinInputRecipe = tv({
     slots: anatomyToRecipeSlots(pinInputAnatomy, {
         control: 'grid',

package/dist/ui/Popover/Popover.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { Popover } from '@ark-ui/react';
-import { createRecipeContext } from '../../client/utils';
-import { popoverRecipe } from './popover.recipe';
+import { createRecipeContext } from '../../client/utils/index.js';
+import { popoverRecipe } from './popover.recipe.js';
 const { withRootProvider, withContext } = createRecipeContext(popoverRecipe);
 export const Root = withRootProvider(Popover.Root);
 export const Anchor = withContext(Popover.Anchor, 'anchor');

package/dist/ui/Popover/popover.recipe.js

@@ -1,6 +1,6 @@
 import { popoverAnatomy } from '@ark-ui/react';
 import { tv } from 'tailwind-variants';
-import { anatomyToRecipeSlots } from '../../utils';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 export const popoverRecipe = tv({
     slots: anatomyToRecipeSlots(popoverAnatomy, {
         content: 'ui-placement-top:ui-open:animate-popover-in-top ui-placement-top-end:ui-open:animate-popover-in-top ui-placement-top-start:ui-open:animate-popover-in-top ui-placement-top:ui-closed:animate-popover-out-top ui-placement-top-end:ui-closed:animate-popover-out-top ui-placement-top-start:ui-closed:animate-popover-out-top ui-placement-bottom:ui-open:animate-popover-in-bottom ui-placement-bottom-start:ui-open:animate-popover-in-bottom ui-placement-bottom-end:ui-open:animate-popover-in-bottom ui-placement-bottom:ui-closed:animate-popover-out-bottom ui-placement-bottom-start:ui-closed:animate-popover-out-bottom ui-placement-bottom-end:ui-closed:animate-popover-out-bottom ui-placement-left:ui-open:animate-popover-in-left ui-placement-left-start:ui-open:animate-popover-in-left ui-placement-left-end:ui-open:animate-popover-in-left ui-placement-left:ui-closed:animate-popover-out-left ui-placement-left-start:ui-closed:animate-popover-out-left ui-placement-left-end:ui-closed:animate-popover-out-left ui-placement-right:ui-open:animate-popover-in-right ui-placement-right-start:ui-open:animate-popover-in-right ui-placement-right-end:ui-open:animate-popover-in-right ui-placement-right:ui-closed:animate-popover-out-right ui-placement-right-start:ui-closed:animate-popover-out-right ui-placement-right-end:ui-closed:animate-popover-out-right bg-bg-primary z-popover',

package/dist/ui/Progress/Progress.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { Progress } from '@ark-ui/react';
-import { createRecipeContext } from '../../client/utils';
-import { progressRecipe } from './progress.recipe';
+import { createRecipeContext } from '../../client/utils/index.js';
+import { progressRecipe } from './progress.recipe.js';
 const { withContext, withProvider } = createRecipeContext(progressRecipe);
 export const Root = withProvider(Progress.Root, 'root');
 export const Circle = withContext(Progress.Circle, 'circle');

package/dist/ui/Progress/progress.recipe.js

@@ -1,6 +1,6 @@
 import { progressAnatomy } from '@ark-ui/react';
 import { tv } from 'tailwind-variants';
-import { anatomyToRecipeSlots } from '../../utils';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 export const progressRecipe = tv({
     slots: anatomyToRecipeSlots(progressAnatomy),
     variants: {

package/dist/ui/SegmentGroup/SegmentGroup.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { SegmentGroup } from '@ark-ui/react';
-import { createRecipeContext } from '../../client/utils';
-import { segmentGroupRecipe } from './segmentGroup.recipe';
+import { createRecipeContext } from '../../client/utils/index.js';
+import { segmentGroupRecipe } from './segmentGroup.recipe.js';
 const { withProvider, withContext } = createRecipeContext(segmentGroupRecipe);
 export const Root = withProvider(SegmentGroup.Root, 'root');
 export const Indicator = withContext(SegmentGroup.Indicator, 'indicator');