@opexa/portal-components 0.0.3 → 0.0.4

package/dist/ui/AlertDialog/AlertDialog.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { ark, Dialog } from '@ark-ui/react';
-import { createRecipeContext } from '../../utils/createRecipeContext';
-import { alertDialogRecipe } from './alertDialog.recipe';
+import { createRecipeContext } from '../../utils/index.js';
+import { alertDialogRecipe } from './alertDialog.recipe.js';
 var _a = createRecipeContext(alertDialogRecipe), withContext = _a.withContext, withRootProvider = _a.withRootProvider;
 export var Root = withRootProvider(Dialog.Root);
 export var 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/anatomyToRecipeSlots';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 var anatomy = dialogAnatomy.extendWith('header', 'body', 'footer');
 export var alertDialogRecipe = tv({
     slots: anatomyToRecipeSlots(anatomy, {

package/dist/ui/AlertDialog/index.d.ts

@@ -1 +1 @@
-export * as AlertDialog from './AlertDialog';
+export * as AlertDialog from './AlertDialog.jsx';

package/dist/ui/AlertDialog/index.js

@@ -1 +1 @@
-export * as AlertDialog from './AlertDialog';
+export * as AlertDialog from './AlertDialog.jsx';

package/dist/ui/Avatar/Avatar.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { Avatar } from '@ark-ui/react';
-import { createRecipeContext } from '../../utils/createRecipeContext';
-import { avatarRecipe } from './avatar.recipe';
+import { createRecipeContext } from '../../utils/index.js';
+import { avatarRecipe } from './avatar.recipe.js';
 var _a = createRecipeContext(avatarRecipe), withContext = _a.withContext, withProvider = _a.withProvider;
 export var Root = withProvider(Avatar.Root, 'root');
 export var 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/anatomyToRecipeSlots';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 export var 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/Avatar/index.d.ts

@@ -1 +1 @@
-export * as Avatar from './Avatar';
+export * as Avatar from './Avatar.jsx';

package/dist/ui/Avatar/index.js

@@ -1 +1 @@
-export * as Avatar from './Avatar';
+export * as Avatar from './Avatar.jsx';

package/dist/ui/Badge/Badge.jsx

@@ -1,8 +1,8 @@
 'use client';
 import { ark } from '@ark-ui/react';
-import { createRecipeContext } from '../../utils/createRecipeContext';
-import { badgeAnatomy } from './badge.anatomy';
-import { badgeRecipe } from './badge.recipe';
+import { createRecipeContext } from '../../utils/index.js';
+import { badgeAnatomy } from './badge.anatomy.js';
+import { badgeRecipe } from './badge.recipe.js';
 var _a = createRecipeContext(badgeRecipe), withProvider = _a.withProvider, withContext = _a.withContext;
 var parts = badgeAnatomy.build();
 export var Root = withProvider(function (props) { return <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/anatomyToRecipeSlots';
-import { badgeAnatomy } from './badge.anatomy';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
+import { badgeAnatomy } from './badge.anatomy.js';
 export var badgeRecipe = tv({
     slots: anatomyToRecipeSlots(badgeAnatomy, {
         root: 'inline-flex items-center',

package/dist/ui/Badge/index.d.ts

@@ -1 +1 @@
-export * as Badge from './Badge';
+export * as Badge from './Badge.jsx';

package/dist/ui/Badge/index.js

@@ -1 +1 @@
-export * as Badge from './Badge';
+export * as Badge from './Badge.jsx';

package/dist/ui/Button/Button.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentPropsWithRef } from 'react';
 import type { Merge } from 'type-fest';
-import { type ButtonRecipeProps } from './button.recipe';
+import { type ButtonRecipeProps } from './button.recipe.js';
 export interface ButtonProps extends Merge<ComponentPropsWithRef<'button'>, ButtonRecipeProps> {
     asChild?: boolean;
 }

package/dist/ui/Button/Button.jsx

@@ -11,9 +11,8 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { ark } from '@ark-ui/react';
-import { createSplitProps } from '../../utils/createSplitProps';
-import { dataAttr } from '../../utils/dataAttr';
-import { buttonRecipe } from './button.recipe';
+import { createSplitProps, dataAttr } from '../../utils/index.js';
+import { buttonRecipe } from './button.recipe.js';
 export function Button(props) {
     var _a = createSplitProps(buttonRecipe.variantKeys)(props), recipeProps = _a[0], localProps = _a[1];
     return (<ark.button type="button" {...localProps} className={buttonRecipe(__assign(__assign({}, recipeProps), { className: localProps.className }))} data-disabled={dataAttr(localProps.disabled)}/>);

package/dist/ui/Checkbox/Checkbox.jsx

@@ -1,8 +1,8 @@
 'use client';
 var _a;
 import { Checkbox } from '@ark-ui/react';
-import { createRecipeContext } from '../../utils/createRecipeContext';
-import { checkboxRecipe } from './checkbox.recipe';
+import { createRecipeContext } from '../../utils/index.js';
+import { checkboxRecipe } from './checkbox.recipe.js';
 export var withContext = (_a = createRecipeContext(checkboxRecipe), _a.withContext), withProvider = _a.withProvider;
 export var Root = withProvider(Checkbox.Root, 'root');
 export var 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/anatomyToRecipeSlots';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 export var checkboxRecipe = tv({
     slots: anatomyToRecipeSlots(checkboxAnatomy, {
         root: 'flex items-start gap-2',

package/dist/ui/Checkbox/index.d.ts

@@ -1 +1 @@
-export * as Checkbox from './Checkbox';
+export * as Checkbox from './Checkbox.jsx';

package/dist/ui/Checkbox/index.js

@@ -1 +1 @@
-export * as Checkbox from './Checkbox';
+export * as Checkbox from './Checkbox.jsx';

package/dist/ui/Clipboard/Clipboard.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { Clipboard } from '@ark-ui/react';
-import { createRecipeContext } from '../../utils/createRecipeContext';
-import { clipboardRecipe } from './clipboard.recipe';
+import { createRecipeContext } from '../../utils/index.js';
+import { clipboardRecipe } from './clipboard.recipe.js';
 var _a = createRecipeContext(clipboardRecipe), withProvider = _a.withProvider, withContext = _a.withContext;
 export var Root = withProvider(Clipboard.Root, 'root');
 export var 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/anatomyToRecipeSlots';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 export var clipboardRecipe = tv({
     slots: anatomyToRecipeSlots(clipboardAnatomy, {
         label: 'text-gray-600 mb-sm inline-block text-sm font-medium',

package/dist/ui/Clipboard/index.d.ts

@@ -1 +1 @@
-export * as Clipboard from './Clipboard';
+export * as Clipboard from './Clipboard.jsx';

package/dist/ui/Clipboard/index.js

@@ -1 +1 @@
-export * as Clipboard from './Clipboard';
+export * as Clipboard from './Clipboard.jsx';

package/dist/ui/DatePicker/DatePicker.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { DatePicker } from '@ark-ui/react';
-import { createRecipeContext } from '../../utils/createRecipeContext';
-import { datePickerRecipe } from './datePicker.recipe';
+import { createRecipeContext } from '../../utils/index.js';
+import { datePickerRecipe } from './datePicker.recipe.js';
 var _a = createRecipeContext(datePickerRecipe), withProvider = _a.withProvider, withContext = _a.withContext;
 export var Root = withProvider(DatePicker.Root, 'root');
 export var 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/anatomyToRecipeSlots';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 export var datePickerRecipe = tv({
     slots: anatomyToRecipeSlots(datePickerAnatomy, {
         content: 'border-gray-200 text-gray-600 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 z-dropdown rounded-xl border bg-white p-4',

package/dist/ui/DatePicker/index.d.ts

@@ -1 +1 @@
-export * as DatePicker from './DatePicker';
+export * as DatePicker from './DatePicker.jsx';

package/dist/ui/DatePicker/index.js

@@ -1 +1 @@
-export * as DatePicker from './DatePicker';
+export * as DatePicker from './DatePicker.jsx';

package/dist/ui/Dialog/Dialog.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { ark, Dialog } from '@ark-ui/react';
-import { createRecipeContext } from '../../utils/createRecipeContext';
-import { dialogRecipe } from './dialog.recipe';
+import { createRecipeContext } from '../../utils/index.js';
+import { dialogRecipe } from './dialog.recipe.js';
 var _a = createRecipeContext(dialogRecipe), withContext = _a.withContext, withRootProvider = _a.withRootProvider;
 export var Root = withRootProvider(Dialog.Root);
 export var 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/anatomyToRecipeSlots';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 var anatomy = dialogAnatomy.extendWith('header', 'body', 'footer');
 export var dialogRecipe = tv({
     slots: anatomyToRecipeSlots(anatomy, {

package/dist/ui/Dialog/index.d.ts

@@ -1 +1 @@
-export * as Dialog from './Dialog';
+export * as Dialog from './Dialog.jsx';

package/dist/ui/Dialog/index.js

@@ -1 +1 @@
-export * as Dialog from './Dialog';
+export * as Dialog from './Dialog.jsx';

package/dist/ui/Drawer/Drawer.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { ark, Dialog } from '@ark-ui/react';
-import { createRecipeContext } from '../../utils/createRecipeContext';
-import { drawerRecipe } from './drawer.recipe';
+import { createRecipeContext } from '../../utils/index.js';
+import { drawerRecipe } from './drawer.recipe.js';
 var _a = createRecipeContext(drawerRecipe), withContext = _a.withContext, withRootProvider = _a.withRootProvider;
 export var Root = withRootProvider(Dialog.Root);
 export var 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/anatomyToRecipeSlots';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 var anatomy = dialogAnatomy.extendWith('header', 'body', 'footer');
 export var drawerRecipe = tv({
     slots: anatomyToRecipeSlots(anatomy, {

package/dist/ui/Drawer/index.d.ts

@@ -1 +1 @@
-export * as Drawer from './Drawer';
+export * as Drawer from './Drawer.jsx';

package/dist/ui/Drawer/index.js

@@ -1 +1 @@
-export * as Drawer from './Drawer';
+export * as Drawer from './Drawer.jsx';

package/dist/ui/Field/Field.jsx

@@ -1,7 +1,7 @@
 'use client';
 import { Field } from '@ark-ui/react';
-import { createRecipeContext } from '../../utils/createRecipeContext';
-import { fieldRecipe } from './field.recipe';
+import { createRecipeContext } from '../../utils/index.js';
+import { fieldRecipe } from './field.recipe.js';
 var _a = createRecipeContext(fieldRecipe), withContext = _a.withContext, withProvider = _a.withProvider;
 export var Root = withProvider(Field.Root, 'root');
 export var 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/anatomyToRecipeSlots';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 var outlineGrayInputStyle = twMerge('border', 'bg-white', 'shadow-xs', 'border-gray-200', 'placeholder:text-gray-400', 'ui-invalid:border-red-400', 'disabled:opacity-50', 'disabled:shadow-none', 'read-only:opacity-50', 'read-only:shadow-none');
 export var fieldRecipe = tv({
     slots: anatomyToRecipeSlots(fieldAnatomy, {

package/dist/ui/Field/index.d.ts

@@ -1 +1 @@
-export * as Field from './Field';
+export * as Field from './Field.jsx';

package/dist/ui/Field/index.js

@@ -1 +1 @@
-export * as Field from './Field';
+export * as Field from './Field.jsx';

package/dist/ui/IconButton/IconButton.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentPropsWithRef } from 'react';
 import type { Merge } from 'type-fest';
-import { type IconButtonRecipeProps } from './iconButton.recipe';
+import { type IconButtonRecipeProps } from './iconButton.recipe.js';
 export interface IconButtonProps extends Merge<ComponentPropsWithRef<'button'>, IconButtonRecipeProps> {
     asChild?: boolean;
 }

package/dist/ui/IconButton/IconButton.jsx

@@ -11,9 +11,8 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { ark } from '@ark-ui/react';
-import { createSplitProps } from '../../utils/createSplitProps';
-import { dataAttr } from '../../utils/dataAttr';
-import { iconButtonRecipe, } from './iconButton.recipe';
+import { createSplitProps, dataAttr } from '../../utils/index.js';
+import { iconButtonRecipe, } from './iconButton.recipe.js';
 export function IconButton(props) {
     var _a = createSplitProps(iconButtonRecipe.variantKeys)(props), recipeProps = _a[0], localProps = _a[1];
     return (<ark.button type="button" {...localProps} className={iconButtonRecipe(__assign(__assign({}, recipeProps), { className: localProps.className }))} data-disabled={dataAttr(localProps.disabled)}/>);

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 var iconButtonRecipe = tv({
     extend: buttonRecipe,
     variants: {

package/dist/ui/IconButton/index.d.ts

@@ -1 +1 @@
-export * from './IconButton';
+export * from './IconButton.jsx';

package/dist/ui/IconButton/index.js

@@ -1 +1 @@
-export * from './IconButton';
+export * from './IconButton.jsx';

package/dist/ui/Menu/Menu.d.ts

@@ -1,2 +1 @@
-import { Menu } from '@ark-ui/react';
-export declare const Root: (props: Menu.RootProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Root: () => null;

package/dist/ui/Menu/Menu.jsx

@@ -1,3 +1,2 @@
 'use client';
-import { Menu } from '@ark-ui/react';
-export var Root = Menu.Root;
+export var Root = function () { return null; };

package/dist/ui/Menu/index.d.ts

@@ -1 +1 @@
-export * as Menu from './Menu';
+export * as Menu from './Menu.jsx';

package/dist/ui/Menu/index.js

@@ -1 +1 @@
-export * as Menu from './Menu';
+export * as Menu from './Menu.jsx';

package/dist/ui/NumberInput/NumberInput.jsx

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

package/dist/ui/NumberInput/index.d.ts

@@ -1 +1 @@
-export * as NumberInput from './NumberInput';
+export * as NumberInput from './NumberInput.jsx';

package/dist/ui/NumberInput/index.js

@@ -1 +1 @@
-export * as NumberInput from './NumberInput';
+export * as NumberInput from './NumberInput.jsx';

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/anatomyToRecipeSlots';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 export var numberInputRecipe = tv({
     slots: anatomyToRecipeSlots(numberInputAnatomy, {
         control: 'border-gray-200 ui-invalid:border-red-400 grid grid-cols-[1fr_32px] grid-rows-[1fr_1fr] overflow-hidden rounded-lg border bg-white ui-disabled:opacity-50 ui-readonly:cursor-default ui-readonly:opacity-50',

package/dist/ui/PinInput/PinInput.jsx

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

package/dist/ui/PinInput/index.d.ts

@@ -1 +1 @@
-export * as PinInput from './PinInput';
+export * as PinInput from './PinInput.jsx';

package/dist/ui/PinInput/index.js

@@ -1 +1 @@
-export * as PinInput from './PinInput';
+export * as PinInput from './PinInput.jsx';

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/anatomyToRecipeSlots';
+import { anatomyToRecipeSlots } from '../../utils/index.js';
 export var pinInputRecipe = tv({
     slots: anatomyToRecipeSlots(pinInputAnatomy, {
         control: 'grid grid-cols-6',