@movable/ui 3.20.2 → 3.20.4

package/README.md

@@ -66,6 +66,10 @@ yarn add @movable/ui@3.4.1-alpha.0
 
 View all available versions at: https://www.npmjs.com/package/@movable/ui?activeTab=versions
 
+## Claude Code Skills
+
+This repo includes local [Claude Code](https://claude.com/claude-code) skills for common workflows. See [CLAUDE.md](./CLAUDE.md#local-skills) for the full list of available `/slash` commands.
+
 ## MCP Server
 
 This repo includes an MCP (Model Context Protocol) server that exposes component information to AI assistants like Claude Code. See [mcp-server/README.md](./mcp-server/README.md) for setup instructions.

package/lib/components/Dialog/InkDialog.d.ts

@@ -19,5 +19,5 @@ export type InkDialogProps = DialogProps & {
     onClose: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     ActionsProp?: ActionsPropType;
 };
-export declare function InkDialog({ Title, Content, Actions, onClose, hideCloseButton, ActionsProp, ...props }: InkDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkDialog({ Title, Content, Actions, onClose, hideCloseButton, ActionsProp, children, ...props }: InkDialogProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/Header/HeaderMetadata.d.ts

@@ -1,10 +1,4 @@
-type HeaderMetadataType = {
-    icon?: string | JSX.Element;
-    label: string;
-    value?: string | JSX.Element | null;
-};
-type MetaDataProps = {
-    metadata: HeaderMetadataType[];
-};
-export declare function HeaderMetadata({ metadata }: MetaDataProps): import("react/jsx-runtime").JSX.Element;
-export {};
+/**
+ * @deprecated Use `MetadataList` instead. This alias will be removed in a future release.
+ */
+export { MetadataList as HeaderMetadata } from '../MetadataList/MetadataList';

package/lib/components/Header/index.d.ts

@@ -1,4 +1,5 @@
 export { HeaderMetadata } from './HeaderMetadata';
+export { MetadataList, type MetadataListProps, type MetadataItem, } from '../MetadataList';
 export { InkPageHeader } from './InkPageHeader';
 export { LinkBreadcrumbs } from './LinkBreadcrumbs';
 export { PageHeaderActionButtons } from './PageHeaderActionButtons';

package/lib/components/InkSelect/InkFormSelect.d.ts

@@ -1,5 +1,5 @@
 import { UseControllerProps, FieldPath, FieldValues } from 'react-hook-form';
 import { InkSelectProps } from '.';
 type InkFormSelectProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = InkSelectProps & UseControllerProps<TFieldValues, TName>;
-export declare function InkFormSelect<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ control, name, rules, helperText, onChange, onBlur, disabled, ...rest }: InkFormSelectProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+export declare function InkFormSelect<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ control, name, rules, helperText, onChange, onBlur, ...rest }: InkFormSelectProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/InkToggleIcon/InkToggleIcon.d.ts

@@ -5,5 +5,5 @@ type InkToggleIconProps = ToggleButtonProps & {
     icon: JSX.Element;
     value: string | number;
 };
-export declare function InkToggleIcon({ value, size, ariaLabel, icon, ...rest }: InkToggleIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkToggleIcon({ value, size, ariaLabel, icon, sx, ...rest }: InkToggleIconProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/InkToggleText/InkToggleText.d.ts

@@ -5,5 +5,5 @@ type InkToggleTextProps = ToggleButtonProps & {
     label?: string;
     value: string | number;
 };
-export declare function InkToggleText({ value, label, size, ariaLabel, ...rest }: InkToggleTextProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkToggleText({ value, label, size, ariaLabel, sx, ...rest }: InkToggleTextProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/MetadataList/MetadataList.d.ts

@@ -0,0 +1,9 @@
+export type MetadataItem = {
+    icon?: string | JSX.Element;
+    label: string;
+    value?: string | JSX.Element | null;
+};
+export type MetadataListProps = {
+    metadata: MetadataItem[];
+};
+export declare function MetadataList({ metadata }: MetadataListProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/MetadataList/index.d.ts

@@ -0,0 +1 @@
+export { MetadataList, type MetadataListProps, type MetadataItem, } from './MetadataList';

package/lib/components/index.d.ts

@@ -3,8 +3,9 @@ export { InkChip } from './Chip';
 export { InkChipGroup } from './ChipGroup';
 export { InkDialog, type InkDialogProps } from './Dialog';
 export { InkPersistentFilterDrawer } from './PersistentFilterDrawer';
-export { HeaderMetadata, LinkBreadcrumbs, InkPageHeader, InkWorkflowHeader, PageHeaderActionButtons, HeaderSubtitle, } from './Header';
+export { HeaderMetadata, MetadataList, type MetadataListProps, type MetadataItem, LinkBreadcrumbs, InkPageHeader, InkWorkflowHeader, PageHeaderActionButtons, HeaderSubtitle, } from './Header';
 export { InkPaper, type InkPaperProps } from './surfaces';
+export { InkAccordion, type InkAccordionProps } from './surfaces';
 export { InkRadioTiles, type InkRadioTilesProps } from './InkRadioTiles';
 export { InkToggleText } from './InkToggleText';
 export { InkToggleTextGroup } from './InkToggleTextGroup';

package/lib/components/surfaces/InkAccordion.d.ts

@@ -0,0 +1,11 @@
+import { AccordionProps } from '@mui/material/Accordion';
+import { ReactNode } from 'react';
+export type InkAccordionProps = Omit<AccordionProps, 'children'> & {
+    label: ReactNode;
+    children?: ReactNode;
+    leftAdornment?: ReactNode;
+    chip?: ReactNode;
+    details?: ReactNode;
+    onDelete?: () => void;
+};
+export declare function InkAccordion({ label, children, leftAdornment, chip, details, onDelete, sx, ...accordionProps }: InkAccordionProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/surfaces/index.d.ts

@@ -1 +1,2 @@
 export * from './InkPaper';
+export * from './InkAccordion';

package/lib/index.d.ts

@@ -1,3 +1,4 @@
+import { AccordionProps } from '@mui/material/Accordion';
 import { AlertProps } from '@mui/material';
 import { AlertProps as AlertProps_2 } from '@mui/material/Alert';
 import { AutocompleteProps } from '@mui/material/Autocomplete';
@@ -256,20 +257,12 @@ declare type HeaderLink = {
     } & LinkProps;
 };
 
-export declare function HeaderMetadata({ metadata }: MetaDataProps): JSX_2.Element;
-
 declare class HeaderMetaDataPageObject {
     baseSelector: string;
     get element(): Cypress.Chainable<JQuery<HTMLElement>>;
     getDatum(label: string): Cypress.Chainable<JQuery<HTMLElement>>;
 }
 
-declare type HeaderMetadataType = {
-    icon?: string | JSX.Element;
-    label: string;
-    value?: string | JSX.Element | null;
-};
-
 export declare function HeaderSubtitle({ subtitle, sx, ...rest }: HeaderSubtitleType): JSX_2.Element;
 
 declare type HeaderSubtitleType = TypographyProps & {
@@ -327,6 +320,17 @@ declare type IndexLayoutProps = Grid2Props & {
     children: React.ReactNode;
 };
 
+export declare function InkAccordion({ label, children, leftAdornment, chip, details, onDelete, sx, ...accordionProps }: InkAccordionProps): JSX_2.Element;
+
+export declare type InkAccordionProps = Omit<AccordionProps, 'children'> & {
+    label: ReactNode;
+    children?: ReactNode;
+    leftAdornment?: ReactNode;
+    chip?: ReactNode;
+    details?: ReactNode;
+    onDelete?: () => void;
+};
+
 /**
  * InkAlert component provides a consistent way to display alerts with proper
  * alignment and styling. It handles the vertical alignment issues when
@@ -590,7 +594,7 @@ export declare interface InkDataGridTextWrapCellProps {
     sx?: BoxProps['sx'];
 }
 
-export declare function InkDialog({ Title, Content, Actions, onClose, hideCloseButton, ActionsProp, ...props }: InkDialogProps): JSX_2.Element;
+export declare function InkDialog({ Title, Content, Actions, onClose, hideCloseButton, ActionsProp, children, ...props }: InkDialogProps): JSX_2.Element;
 
 export declare const inkDialog: InkDialogPageObject;
 
@@ -647,7 +651,7 @@ export declare function InkFormRadioGroup<TFieldValues extends FieldValues, TNam
 
 declare type InkFormRadioGroupProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = InkRadioGroupProps & UseControllerProps<TFieldValues, TName>;
 
-export declare function InkFormSelect<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ control, name, rules, helperText, onChange, onBlur, disabled, ...rest }: InkFormSelectProps<TFieldValues, TName>): JSX_2.Element;
+export declare function InkFormSelect<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ control, name, rules, helperText, onChange, onBlur, ...rest }: InkFormSelectProps<TFieldValues, TName>): JSX_2.Element;
 
 declare type InkFormSelectProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = InkSelectProps & UseControllerProps<TFieldValues, TName>;
 
@@ -927,7 +931,7 @@ export declare interface InkTileIconProps {
     size?: 'small' | 'normal';
 }
 
-export declare function InkToggleIcon({ value, size, ariaLabel, icon, ...rest }: InkToggleIconProps): JSX_2.Element;
+export declare function InkToggleIcon({ value, size, ariaLabel, icon, sx, ...rest }: InkToggleIconProps): JSX_2.Element;
 
 export declare function InkToggleIconGroup({ id, toggleButtons, ariaLabel, size, single, value, enforceValueSet, onChange, sx, ...rest }: InkToggleIconGroupProps): JSX_2.Element;
 
@@ -951,7 +955,7 @@ declare type InkToggleIconProps = ToggleButtonProps & {
     value: string | number;
 };
 
-export declare function InkToggleText({ value, label, size, ariaLabel, ...rest }: InkToggleTextProps): JSX_2.Element;
+export declare function InkToggleText({ value, label, size, ariaLabel, sx, ...rest }: InkToggleTextProps): JSX_2.Element;
 
 export declare function InkToggleTextGroup({ id, toggleButtons, ariaLabel, value, size, single, enforceValueSet, sx, onChange, ...rest }: InkToggleTextGroupProps): JSX_2.Element;
 
@@ -1041,12 +1045,40 @@ declare type MenuOptionType = {
     menuItemProps?: Partial<MenuItemProps>;
 };
 
-declare type MetaDataProps = {
-    metadata: HeaderMetadataType[];
+export declare type MetadataItem = {
+    icon?: string | JSX.Element;
+    label: string;
+    value?: string | JSX.Element | null;
+};
+
+declare function MetadataList({ metadata }: MetadataListProps): JSX_2.Element;
+export { MetadataList as HeaderMetadata }
+export { MetadataList }
+
+export declare type MetadataListProps = {
+    metadata: MetadataItem[];
 };
 
 export declare const MovableUITheme: Theme;
 
+export declare class MuiDatePickerPageObject {
+    baseAttribute: string;
+    name: string;
+    static create(name: string): MuiDatePickerPageObject;
+    constructor(name: string);
+    get element(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get input(): Cypress.Chainable<JQuery<HTMLInputElement>>;
+    get openButton(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get calendarHeader(): Cypress.Chainable<JQuery<HTMLElement>>;
+    openCalendar(): void;
+    previousMonth(): void;
+    nextMonth(): void;
+    selectDay(day: number): void;
+    setValue(isoDateString: string): void;
+    hasValue(value: string): Cypress.Chainable<JQuery<HTMLInputElement>>;
+    isDisabled(): Cypress.Chainable<JQuery<HTMLInputElement>>;
+}
+
 declare type MuiSelectProps = SelectProps<string>;
 
 declare interface Option_2 {