myk-library 1.1.2 → 1.1.4

package/dist/components/Accordion/Accordion.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { AccordionProps } from './Accordion.types';
-declare const Accordion: React.FC<AccordionProps>;
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
 export default Accordion;

package/dist/components/Accordion/Accordion.styles.d.ts

@@ -1,17 +1,36 @@
-export declare const AccordionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const AccordionItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+import { AccordionVariant, AccordionSize, AccordionIconPosition } from './Accordion.types';
+interface AccordionContainerProps {
+    $variant: AccordionVariant;
+}
+export declare const AccordionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AccordionContainerProps>> & string;
+interface AccordionItemContainerProps {
+    $variant: AccordionVariant;
+    $isActive: boolean;
+}
+export declare const AccordionItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AccordionItemContainerProps>> & string;
 interface AccordionHeaderProps {
     $isActive: boolean;
     $disabled: boolean;
+    $variant: AccordionVariant;
+    $size: AccordionSize;
+    $iconPosition: AccordionIconPosition;
 }
 export declare const AccordionHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, AccordionHeaderProps>> & string;
-interface AccordionIconProps {
+interface AccordionIconWrapperProps {
     $isActive: boolean;
+    $size: AccordionSize;
+    $disabled: boolean;
+    $transitionDuration: number;
 }
-export declare const AccordionIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, AccordionIconProps>> & string;
+export declare const AccordionIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, AccordionIconWrapperProps>> & string;
 interface AccordionContentProps {
     $isActive: boolean;
+    $transitionDuration: number;
 }
 export declare const AccordionContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AccordionContentProps>> & string;
-export declare const AccordionContentInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+interface AccordionContentInnerProps {
+    $size: AccordionSize;
+    $variant: AccordionVariant;
+}
+export declare const AccordionContentInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AccordionContentInnerProps>> & string;
 export {};

package/dist/components/Accordion/Accordion.types.d.ts

@@ -1,15 +1,59 @@
-import { ReactNode } from 'react';
+import { ReactNode, HTMLAttributes } from 'react';
+export type AccordionVariant = 'default' | 'bordered' | 'separated' | 'flush' | 'contained';
+export type AccordionSize = 'sm' | 'md' | 'lg';
+export type AccordionIconPosition = 'left' | 'right';
 export interface AccordionItem {
+    /** Unique identifier for the item */
     key: string;
+    /** Header content - can be string or ReactNode */
     label: ReactNode;
+    /** Content displayed when expanded */
     children: ReactNode;
+    /** Disable this specific item */
     disabled?: boolean;
+    /** Custom icon for this specific item (overrides accordion-level icon) */
+    icon?: ReactNode;
 }
-export interface AccordionProps {
+export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Array of accordion items */
     items: AccordionItem[];
+    /** Initially expanded item keys (uncontrolled mode) */
     defaultActiveKeys?: string[];
+    /** Currently expanded item keys (controlled mode) */
     activeKeys?: string[];
+    /** Callback when expanded items change */
     onChange?: (keys: string[]) => void;
+    /** Allow multiple items to be expanded simultaneously */
     allowMultiple?: boolean;
+    /** Visual variant of the accordion */
+    variant?: AccordionVariant;
+    /** Size of the accordion */
+    size?: AccordionSize;
+    /** Position of the expand/collapse icon */
+    iconPosition?: AccordionIconPosition;
+    /** Custom expand icon (receives isExpanded prop) */
+    chevronIcon?: ReactNode | ((isExpanded: boolean) => ReactNode);
+    /** Hide the expand/collapse icon */
+    hideChevron?: boolean;
+    /** Disable all accordion items */
+    disabled?: boolean;
+    /** Custom class name */
     className?: string;
+    /** Animation duration in milliseconds */
+    transitionDuration?: number;
+}
+export interface AccordionContextValue {
+    activeKeys: string[];
+    toggleItem: (key: string, disabled?: boolean) => void;
+    variant: AccordionVariant;
+    size: AccordionSize;
+    iconPosition: AccordionIconPosition;
+    chevronIcon?: ReactNode | ((isExpanded: boolean) => ReactNode);
+    hideChevron: boolean;
+    disabled: boolean;
+    transitionDuration: number;
+    registerItem: (key: string, element: HTMLButtonElement | null) => void;
+    getItemIndex: (key: string) => number;
+    focusItem: (index: number) => void;
+    itemCount: number;
 }

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

@@ -1,2 +1,2 @@
 export { default } from './Accordion';
-export type { AccordionProps, AccordionItem } from './Accordion.types';
+export type { AccordionProps, AccordionItem, AccordionVariant, AccordionSize, AccordionIconPosition, } from './Accordion.types';

package/dist/components/ActionIcon/ActionIcon.styles.d.ts

@@ -1,12 +1,17 @@
-import { ActionIconVariant, ActionIconSize, ActionIconRadius } from './ActionIcon.types';
-export declare const StyledActionIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+import { ActionIconVariant, ActionIconSize, ActionIconRadius, ActionIconColor, ActionIconGradient } from './ActionIcon.types';
+interface StyledActionIconProps {
     $variant: ActionIconVariant;
     $size: ActionIconSize;
     $radius: ActionIconRadius;
-    $color: string;
+    $color: ActionIconColor | string;
+    $gradient?: ActionIconGradient;
     $loading?: boolean;
+}
+export declare const StyledActionIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledActionIconProps>> & string;
+export declare const LoadingSpinner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $size: ActionIconSize;
 }>> & string;
-export declare const LoadingSpinner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $loading?: boolean;
 }>> & string;
+export {};

package/dist/components/ActionIcon/ActionIcon.types.d.ts

@@ -1,20 +1,38 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
-export type ActionIconVariant = 'filled' | 'light' | 'outline' | 'subtle' | 'transparent';
+export type ActionIconVariant = 'filled' | 'light' | 'outline' | 'subtle' | 'transparent' | 'white' | 'gradient';
 export type ActionIconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type ActionIconRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export type ActionIconColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'gray';
+export interface ActionIconGradient {
+    from: string;
+    to: string;
+    deg?: number;
+}
 export interface ActionIconProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {
     /** Icon element to display */
     children: ReactNode;
     /** Visual style variant */
     variant?: ActionIconVariant;
-    /** Color from theme or custom color */
-    color?: string;
+    /**
+     * Color from theme palette or custom color
+     * Can be a theme color name ('primary', 'error', etc.) or a hex color
+     */
+    color?: ActionIconColor | string;
+    /** Gradient configuration (only used when variant="gradient") */
+    gradient?: ActionIconGradient;
     /** Button size */
     size?: ActionIconSize;
     /** Border radius */
     radius?: ActionIconRadius;
     /** Disabled state */
     disabled?: boolean;
-    /** Loading state - shows spinner */
+    /** Loading state - shows spinner and disables interaction */
     loading?: boolean;
+    /**
+     * Accessible label for the button (required for accessibility)
+     * If not provided via aria-label, ensure the icon is self-descriptive
+     */
+    'aria-label'?: string;
+    /** Additional CSS class name */
+    className?: string;
 }

package/dist/index.d.ts

@@ -1,3 +1,7 @@
+export { defaultTheme, legacyTheme } from './theme';
+export { darkTheme } from './theme';
+export { GlobalStyles } from './theme';
+export type { Theme, LegacyTheme, ColorScale, SemanticColors, Typography, Spacing, BorderRadius, Shadows, ZIndex, Breakpoints, Transitions, ComponentTokens, } from './theme';
 export { default as Button } from './components/Button';
 export { default as Input } from './components/Input';
 export type { InputProps, InputVariant, InputSize } from './components/Input';