@opexa/portal-components 0.0.1135 → 0.1.1

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

@@ -1,408 +0,0 @@
-import { Field } from '@ark-ui/react/field';
-export declare const Root: import("react").ComponentType<import("@ark-ui/react").Assign<Field.RootProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Label: import("react").ComponentType<import("@ark-ui/react").Assign<Field.LabelProps & import("react").RefAttributes<HTMLLabelElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Input: import("react").ComponentType<import("@ark-ui/react").Assign<Field.InputProps & import("react").RefAttributes<HTMLInputElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const HelperText: import("react").ComponentType<import("@ark-ui/react").Assign<Field.HelperTextProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const ErrorText: import("react").ComponentType<import("@ark-ui/react").Assign<Field.ErrorTextProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Select: import("react").ComponentType<import("@ark-ui/react").Assign<Field.SelectProps & import("react").RefAttributes<HTMLSelectElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Textarea: import("react").ComponentType<import("@ark-ui/react").Assign<Field.TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Context: (props: Field.ContextProps) => import("react").ReactNode;

package/dist/lib/ui/Field/Field.js

@@ -1,13 +0,0 @@
-'use client';
-import { Field } from '@ark-ui/react/field';
-import { createRecipeContext } from '../../client/utils/createRecipeContext.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');
-export const Input = withContext(Field.Input, 'input');
-export const HelperText = withContext(Field.HelperText, 'helperText');
-export const ErrorText = withContext(Field.ErrorText, 'errorText');
-export const Select = withContext(Field.Select, 'select');
-export const Textarea = withContext(Field.Textarea, 'textarea');
-export const Context = Field.Context;

package/dist/lib/ui/Field/field.recipe.d.ts

@@ -1,58 +0,0 @@
-export declare const fieldRecipe: import("tailwind-variants").TVReturnType<{
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, {
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, import("tailwind-variants").TVReturnType<{
-    size: {
-        sm: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-        md: {
-            input: string;
-            select: string;
-            textarea: string;
-        };
-    };
-    variant: {
-        outline: {};
-    };
-    colorScheme: {
-        gray: {};
-    };
-}, Record<"select" | "input" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", string | string[]>, undefined, unknown, unknown, undefined>>;

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

@@ -1,51 +0,0 @@
-import { fieldAnatomy } from '@ark-ui/react/field';
-import { twMerge } from 'tailwind-merge';
-import { tv } from 'tailwind-variants';
-import { anatomyToRecipeSlots } from '../../utils/anatomyToRecipeSlots.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, {
-        input: 'block w-full rounded-md outline-none',
-        select: 'block w-full rounded-md outline-none',
-        textarea: 'block w-full rounded-md outline-none',
-        label: 'mb-sm inline-block font-medium text-sm text-text-secondary-700',
-        errorText: 'mt-sm inline-block text-error-400 text-sm',
-        helperText: 'text-sm text-text-secondary-700',
-    }),
-    variants: {
-        size: {
-            sm: {
-                input: 'h-10 px-lg',
-                select: 'h-10 px-lg',
-                textarea: 'px-lg py-md',
-            },
-            md: {
-                input: 'h-11 px-3.5',
-                select: 'h-11 px-3.5',
-                textarea: 'px-3.5 py-2.5',
-            },
-        },
-        variant: {
-            outline: {},
-        },
-        colorScheme: {
-            gray: {},
-        },
-    },
-    compoundVariants: [
-        {
-            variant: 'outline',
-            colorScheme: 'gray',
-            className: {
-                input: outlineGrayInputStyle,
-                select: outlineGrayInputStyle,
-                textarea: outlineGrayInputStyle,
-            },
-        },
-    ],
-    defaultVariants: {
-        size: 'md',
-        variant: 'outline',
-        colorScheme: 'gray',
-    },
-});

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

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

package/dist/lib/ui/Field/index.js

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

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

@@ -1,7 +0,0 @@
-import type { ComponentPropsWithRef } from 'react';
-import type { Merge } from 'type-fest';
-import { type IconButtonRecipeProps } from './iconButton.recipe';
-export interface IconButtonProps extends Merge<ComponentPropsWithRef<'button'>, IconButtonRecipeProps> {
-    asChild?: boolean;
-}
-export declare function IconButton(props: IconButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/ui/IconButton/IconButton.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ark } from '@ark-ui/react/factory';
-import { createSplitProps } from '../../utils/createSplitProps.js';
-import { dataAttr } from '../../utils/dataAttr.js';
-import { iconButtonRecipe, } from './iconButton.recipe.js';
-export function IconButton(props) {
-    const [recipeProps, localProps] = createSplitProps(iconButtonRecipe.variantKeys)(props);
-    return (_jsx(ark.button, { type: "button", ...localProps, className: iconButtonRecipe({
-            ...recipeProps,
-            className: localProps.className,
-        }), "data-disabled": dataAttr(localProps.disabled) }));
-}

package/dist/lib/ui/IconButton/iconButton.recipe.d.ts

@@ -1,82 +0,0 @@
-import { type VariantProps } from 'tailwind-variants';
-export declare const iconButtonRecipe: import("tailwind-variants").TVReturnType<{
-    size: {
-        '2xs': string;
-        xs: string;
-        sm: string;
-        md: string;
-    };
-}, undefined, undefined, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-    };
-    variant: {
-        solid: string;
-        outline: string;
-    };
-    colorScheme: {
-        primary: string;
-        danger: string;
-        gray: string;
-    };
-    fullWidth: {
-        true: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-    };
-    variant: {
-        solid: string;
-        outline: string;
-    };
-    colorScheme: {
-        primary: string;
-        danger: string;
-        gray: string;
-    };
-    fullWidth: {
-        true: string;
-    };
-}, undefined, "inline-flex items-center justify-center rounded-md font-semibold shadow-xs disabled:opacity-60 disabled:shadow-none aria-disabled:cursor-not-allowed aria-disabled:opacity-60 aria-disabled:shadow-none", {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-    };
-    variant: {
-        solid: string;
-        outline: string;
-    };
-    colorScheme: {
-        primary: string;
-        danger: string;
-        gray: string;
-    };
-    fullWidth: {
-        true: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-    };
-    variant: {
-        solid: string;
-        outline: string;
-    };
-    colorScheme: {
-        primary: string;
-        danger: string;
-        gray: string;
-    };
-    fullWidth: {
-        true: string;
-    };
-}, undefined, "inline-flex items-center justify-center rounded-md font-semibold shadow-xs disabled:opacity-60 disabled:shadow-none aria-disabled:cursor-not-allowed aria-disabled:opacity-60 aria-disabled:shadow-none", unknown, unknown, undefined>>>;
-export type IconButtonRecipeProps = VariantProps<typeof iconButtonRecipe>;

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

@@ -1,19 +0,0 @@
-import { tv } from 'tailwind-variants';
-import { buttonRecipe } from '../Button/button.recipe.js';
-export const iconButtonRecipe = tv({
-    extend: buttonRecipe,
-    variants: {
-        size: {
-            '2xs': 'icon:size-4 h-8 w-8 px-0',
-            xs: 'icon:size-5 h-9 w-9 px-0',
-            sm: 'icon:size-5 h-10 w-10 px-0',
-            md: 'icon:size-5 h-11 w-11 px-0',
-        },
-    },
-    defaultVariants: {
-        size: 'md',
-        variant: 'solid',
-        colorScheme: 'primary',
-        fullWidth: false,
-    },
-});

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

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

package/dist/lib/ui/IconButton/index.js

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