@mystaline/mysta-lib 1.0.0-alpha.13 → 1.0.0-alpha.15

package/components/button/Button.d.ts

@@ -30,6 +30,8 @@ export interface ButtonProps {
    */
   width?: number | string;
 
+  className?: string;
+
   /**
    * Severity level for styling the button (e.g., "error", "warning", "success").
    * Determines the color and style applied to the button.

package/components/dialogform/DialogForm.d.ts

@@ -1,6 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
+import { Ref } from 'react';
+
 import { DialogProps } from '../dialog/Dialog.d';
-import { FormProps } from '../form/Form.d';
+import { FormHandle, FormProps } from '../form/Form.d';
 
 export interface DialogFormProps<T extends Record<string, any>>
   extends Omit<DialogProps, 'slots'>,
@@ -15,5 +17,5 @@ export interface DialogFormSlots {
 }
 
 export declare const DialogForm: <T extends Record<string, any> = any>(
-  props: DialogFormProps<T>,
+  props: DialogFormProps<T> & { ref?: Ref<FormHandle<T>> },
 ) => JSX.Element;

package/components/form/Form.d.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { ReactNode } from 'react';
+import { ReactNode, Ref } from 'react';
 import {
   DeepMap,
   DeepPartial,
@@ -65,6 +65,11 @@ export interface FormProps<T extends Record<string, any>> {
    */
   resetOnSubmit?: boolean;
 
+  /**
+   * @default 2
+   */
+  columnPerRow?: number;
+
   /**
    * To gives default value to form
    *
@@ -81,6 +86,9 @@ export interface FormProps<T extends Record<string, any>> {
    * Error emit
    */
   onError?: SubmitErrorHandler<T>;
+
+  fieldWrapperClassName?: string;
+  footerWrapperClassName?: string;
 }
 
 export interface FormSlots {
@@ -101,5 +109,5 @@ export interface FormHandle<T extends Record<string, any>> {
 }
 
 export declare const Form: <T extends Record<string, any> = any>(
-  props: FormProps<T>,
+  props: FormProps<T> & { ref?: Ref<FormHandle<T>> },
 ) => JSX.Element;

package/components/icon/Icon.d.ts

@@ -1,6 +1,6 @@
 // types/components.d.ts (or you can name it types/icon.d.ts if it's specific)
 
-import React from 'react';
+import React, { FC } from 'react';
 
 import { Severities } from 'lib/utils';
 
@@ -41,6 +41,11 @@ export interface IconProps extends React.HTMLAttributes<HTMLSpanElement> {
    */
   className?: string;
 
+  /**
+   * Additional Tailwind/utility classes
+   */
+  tooltipClassName?: string;
+
   /**
    * Tooltip text
    */
@@ -53,3 +58,10 @@ export interface IconProps extends React.HTMLAttributes<HTMLSpanElement> {
 
   severity?: Severities;
 }
+
+/**
+ * Icon component for custom section.
+ *
+ * @component
+ */
+export const Card: FC<IconProps>;