@me1a/ui 2.0.16 → 2.1.1

package/dist/components/molecules/index.d.ts

@@ -0,0 +1,368 @@
+import * as React$1 from 'react';
+import { TextareaHTMLAttributes } from 'react';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import { I as Input } from '../../input-TJ_d3ROF.js';
+import * as _radix_ui_react_slot from '@radix-ui/react-slot';
+import { Slot } from '@radix-ui/react-slot';
+import * as LabelPrimitive from '@radix-ui/react-label';
+
+/**
+ * Card is a flexible container component that can be used to group related content and actions.
+ * It provides a consistent visual style with a subtle border, shadow, and rounded corners.
+ *
+ */
+
+/**
+ * The main card container component.
+ * Provides the base styling for the card including border, shadow, and rounded corners.
+ * * @url https://segiimelnykov.github.io/ui/?path=/docs/molecules-card--docs
+ *
+ * @example
+ * ```tsx
+ * // Basic card
+ * <Card>
+ *   <CardHeader>
+ *     <CardTitle>Card Title</CardTitle>
+ *     <CardDescription>Card Description</CardDescription>
+ *   </CardHeader>
+ *   <CardContent>
+ *     <p>Card content goes here.</p>
+ *   </CardContent>
+ *   <CardFooter>
+ *     <Button>Action</Button>
+ *   </CardFooter>
+ * </Card>
+ *
+ * // Card with custom styling
+ * <Card className="bg-primary text-primary-foreground">
+ *   <CardHeader>
+ *     <CardTitle>Custom Styled Card</CardTitle>
+ *   </CardHeader>
+ *   <CardContent>
+ *     <p>This card has custom background and text colors.</p>
+ *   </CardContent>
+ * </Card>
+ * ```
+ */
+declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Header section of the card.
+ * Typically contains the card title and description.
+ * Includes padding and spacing for consistent layout.
+ */
+declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Title component for the card.
+ * Should be used within CardHeader.
+ * Provides consistent typography styling for card titles.
+ */
+declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Description component for the card.
+ * Should be used within CardHeader.
+ * Provides consistent typography styling for card descriptions.
+ */
+declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Main content section of the card.
+ * Includes padding and removes top padding to maintain consistent spacing with the header.
+ */
+declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Footer section of the card.
+ * Typically contains action buttons or additional information.
+ * Includes padding and removes top padding to maintain consistent spacing with the content.
+ */
+declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const navigationMenuTriggerStyle: (props?: ({
+    variant?: "default" | "ghost" | "link" | "mobile" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface NavigationMenuProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> {
+    /**
+     * The content of the navigation menu
+     */
+    children: React.ReactNode;
+    /**
+     * Optional className for the root element
+     */
+    className?: string;
+}
+interface NavigationMenuListProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List> {
+    /**
+     * Optional className for the list element
+     */
+    className?: string;
+}
+interface NavigationMenuItemProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item> {
+    /**
+     * Optional className for the item element
+     */
+    className?: string;
+}
+interface NavigationMenuTriggerProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>, VariantProps<typeof navigationMenuTriggerStyle> {
+    /**
+     * Optional className for the trigger element
+     */
+    className?: string;
+}
+interface NavigationMenuContentProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content> {
+    /**
+     * Optional className for the content element
+     */
+    className?: string;
+}
+interface NavigationMenuLinkProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link> {
+    /**
+     * Optional className for the link element
+     */
+    className?: string;
+}
+interface NavigationMenuViewportProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport> {
+    /**
+     * Optional className for the viewport element
+     */
+    className?: string;
+}
+interface NavigationMenuIndicatorProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator> {
+    /**
+     * Optional className for the indicator element
+     */
+    className?: string;
+}
+
+/**
+ * NavigationMenu component for creating accessible navigation menus with dropdowns.
+ * Built on top of Radix UI's NavigationMenu primitive.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/molecules-navigation-menu--docs
+ *
+ * @example
+ * ```tsx
+ * <NavigationMenu>
+ *   <NavigationMenuList>
+ *     <NavigationMenuItem>
+ *       <NavigationMenuTrigger>Getting Started</NavigationMenuTrigger>
+ *       <NavigationMenuContent>
+ *         <ul className="grid gap-3 p-4 md:w-[400px] lg:w-[500px]">
+ *           <li className="row-span-3">
+ *             <NavigationMenuLink asChild>
+ *               <a className="flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md">
+ *                 <div className="mb-2 mt-4 text-lg font-medium">shadcn/ui</div>
+ *                 <p className="text-sm leading-tight text-muted-foreground">
+ *                   Beautifully designed components built with Radix UI and Tailwind CSS.
+ *                 </p>
+ *               </a>
+ *             </NavigationMenuLink>
+ *           </li>
+ *         </ul>
+ *       </NavigationMenuContent>
+ *     </NavigationMenuItem>
+ *   </NavigationMenuList>
+ * </NavigationMenu>
+ * ```
+ */
+declare const NavigationMenu: React$1.ForwardRefExoticComponent<NavigationMenuProps & React$1.RefAttributes<HTMLElement>>;
+declare const NavigationMenuList: React$1.ForwardRefExoticComponent<NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>>;
+declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
+declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<NavigationMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<NavigationMenuContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
+declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<NavigationMenuViewportProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<NavigationMenuIndicatorProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface RHFTextFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<React$1.ComponentProps<typeof Input>, "name"> {
+    /** The name of the field in the form */
+    name: TName;
+    /** Optional label for the field */
+    label?: string;
+    /** Optional description text below the field */
+    description?: string;
+    /** Optional warning text to display */
+    warningText?: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Whether the field is read-only */
+    readOnly?: boolean;
+    /** The type of input (text, number, email, etc.) */
+    type?: React$1.HTMLInputTypeAttribute;
+    /** Optional placeholder text */
+    placeholder?: string;
+    /** Optional aria-label for accessibility */
+    "aria-label"?: string;
+    /** Optional aria-describedby for accessibility */
+    "aria-describedby"?: string;
+}
+
+/**
+ * A text field component that integrates with React Hook Form.
+ * Provides form validation, error handling, and accessibility features.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/molecules-rhf-rhftextfield--docs
+ *
+ * * @example
+ * ```tsx
+ * <Form>
+ *   <RHFTextField name="name" label="Name" />
+ *   <RHFTextField name="email" label="Email" />
+ * </Form>
+ * ```
+ */
+declare function RHFTextField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, description, className, type, warningText, required, disabled, readOnly, placeholder, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, onBlur, ...other }: RHFTextFieldProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+
+interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /**
+     * Whether the textarea should automatically resize
+     */
+    autoResize?: boolean;
+}
+
+/**
+ * Textarea component for creating accessible text areas.
+ * Built on top of shadcn/ui's Textarea component.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-textarea--docs
+ *
+ * @example
+ * ```tsx
+ * <Textarea placeholder="Enter text" />
+ * ```
+ */
+declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
+
+interface RHFTextareaProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<React$1.ComponentProps<typeof Textarea>, "name"> {
+    /** The name of the field in the form */
+    name: TName;
+    /** Optional label for the field */
+    label?: string;
+    /** Optional description text below the field */
+    description?: string;
+    /** Optional warning text to display */
+    warningText?: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Whether the field is read-only */
+    readOnly?: boolean;
+    /** Optional placeholder text */
+    placeholder?: string;
+    /** Optional aria-label for accessibility */
+    "aria-label"?: string;
+    /** Optional aria-describedby for accessibility */
+    "aria-describedby"?: string;
+    /** Whether the textarea should automatically resize */
+    autoResize?: boolean;
+}
+
+/**
+ * A textarea component that integrates with React Hook Form.
+ * Provides form validation, error handling, and accessibility features.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/molecules-rhf-rhftextarea--docs
+ *
+ * @example
+ * ```tsx
+ * <Form>
+ *   <RHFTextarea name="description" label="Description" />
+ * </Form>
+ * ```
+ */
+declare function RHFTextarea<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, description, className, warningText, required, disabled, readOnly, placeholder, autoResize, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, onBlur, ...other }: RHFTextareaProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: react_hook_form.FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
+declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+/**
+ * Props interface for the Form component.
+ * Extends react-hook-form's FormProvider props.
+ */
+interface FormProps<TFieldValues extends FieldValues = FieldValues> {
+    /**
+     * The form context value
+     */
+    context: React$1.Context<TFieldValues>;
+    /**
+     * The form children
+     */
+    children: React$1.ReactNode;
+}
+/**
+ * Props interface for the FormField component.
+ * Extends react-hook-form's Controller props.
+ */
+interface FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends ControllerProps<TFieldValues, TName> {
+}
+/**
+ * Props interface for the FormItem component.
+ * Extends HTML div attributes.
+ */
+interface FormItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Props interface for the FormLabel component.
+ * Extends Radix UI Label props.
+ */
+interface FormLabelProps extends React$1.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
+}
+/**
+ * Props interface for the FormControl component.
+ * Extends Radix UI Slot props.
+ */
+interface FormControlProps extends React$1.ComponentPropsWithoutRef<typeof Slot> {
+}
+/**
+ * Props interface for the FormDescription component.
+ * Extends HTML paragraph attributes.
+ */
+interface FormDescriptionProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
+}
+/**
+ * Props interface for the FormMessage component.
+ * Extends HTML paragraph attributes.
+ */
+interface FormMessageProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
+    /**
+     * The message content
+     */
+    children?: React$1.ReactNode;
+}
+/**
+ * Context value type for form field context
+ */
+type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    name: TName;
+};
+/**
+ * Context value type for form item context
+ */
+type FormItemContextValue = {
+    id: string;
+};
+
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldContextValue, type FormFieldProps, FormItem, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, RHFTextField, RHFTextarea, useFormField };

package/dist/components/molecules/index.js

@@ -0,0 +1,2 @@
+'use strict';var chunk7XUAZU77_js=require('../../chunk-7XUAZU77.js');require('../../chunk-OOA3MPNF.js'),require('../../chunk-WCELM33L.js'),require('../../chunk-KITWXTCP.js');Object.defineProperty(exports,"Card",{enumerable:true,get:function(){return chunk7XUAZU77_js.a}});Object.defineProperty(exports,"CardContent",{enumerable:true,get:function(){return chunk7XUAZU77_js.e}});Object.defineProperty(exports,"CardDescription",{enumerable:true,get:function(){return chunk7XUAZU77_js.d}});Object.defineProperty(exports,"CardFooter",{enumerable:true,get:function(){return chunk7XUAZU77_js.f}});Object.defineProperty(exports,"CardHeader",{enumerable:true,get:function(){return chunk7XUAZU77_js.b}});Object.defineProperty(exports,"CardTitle",{enumerable:true,get:function(){return chunk7XUAZU77_js.c}});Object.defineProperty(exports,"Form",{enumerable:true,get:function(){return chunk7XUAZU77_js.o}});Object.defineProperty(exports,"FormControl",{enumerable:true,get:function(){return chunk7XUAZU77_js.t}});Object.defineProperty(exports,"FormDescription",{enumerable:true,get:function(){return chunk7XUAZU77_js.u}});Object.defineProperty(exports,"FormField",{enumerable:true,get:function(){return chunk7XUAZU77_js.p}});Object.defineProperty(exports,"FormItem",{enumerable:true,get:function(){return chunk7XUAZU77_js.r}});Object.defineProperty(exports,"FormLabel",{enumerable:true,get:function(){return chunk7XUAZU77_js.s}});Object.defineProperty(exports,"FormMessage",{enumerable:true,get:function(){return chunk7XUAZU77_js.v}});Object.defineProperty(exports,"NavigationMenu",{enumerable:true,get:function(){return chunk7XUAZU77_js.g}});Object.defineProperty(exports,"NavigationMenuContent",{enumerable:true,get:function(){return chunk7XUAZU77_js.k}});Object.defineProperty(exports,"NavigationMenuIndicator",{enumerable:true,get:function(){return chunk7XUAZU77_js.n}});Object.defineProperty(exports,"NavigationMenuItem",{enumerable:true,get:function(){return chunk7XUAZU77_js.i}});Object.defineProperty(exports,"NavigationMenuLink",{enumerable:true,get:function(){return chunk7XUAZU77_js.l}});Object.defineProperty(exports,"NavigationMenuList",{enumerable:true,get:function(){return chunk7XUAZU77_js.h}});Object.defineProperty(exports,"NavigationMenuTrigger",{enumerable:true,get:function(){return chunk7XUAZU77_js.j}});Object.defineProperty(exports,"NavigationMenuViewport",{enumerable:true,get:function(){return chunk7XUAZU77_js.m}});Object.defineProperty(exports,"RHFTextField",{enumerable:true,get:function(){return chunk7XUAZU77_js.w}});Object.defineProperty(exports,"RHFTextarea",{enumerable:true,get:function(){return chunk7XUAZU77_js.x}});Object.defineProperty(exports,"useFormField",{enumerable:true,get:function(){return chunk7XUAZU77_js.q}});//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/molecules/index.mjs

@@ -0,0 +1,2 @@
+export{a as Card,e as CardContent,d as CardDescription,f as CardFooter,b as CardHeader,c as CardTitle,o as Form,t as FormControl,u as FormDescription,p as FormField,r as FormItem,s as FormLabel,v as FormMessage,g as NavigationMenu,k as NavigationMenuContent,n as NavigationMenuIndicator,i as NavigationMenuItem,l as NavigationMenuLink,h as NavigationMenuList,j as NavigationMenuTrigger,m as NavigationMenuViewport,w as RHFTextField,x as RHFTextarea,q as useFormField}from'../../chunk-6T4HWNUP.mjs';import'../../chunk-OXHAHXFJ.mjs';import'../../chunk-6454H4US.mjs';import'../../chunk-OAVWSSYJ.mjs';//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/molecules/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}