@ssa-ui-kit/core 2.33.0 → 3.0.0

package/dist/components/Wrapper/Wrapper.d.ts

@@ -1,12 +1,93 @@
 import { CommonProps } from '../../types/emotion';
+/**
+ * Wrapper - Flexible flexbox container component
+ *
+ * A styled div component that provides a flexible flexbox layout container
+ * with optional fade animation. Useful for wrapping content with consistent
+ * flex layout, alignment, and visibility animations.
+ *
+ * Features:
+ * - Flexbox layout with configurable direction and alignment
+ * - Optional fade in/out animation with configurable delay
+ * - Visibility control with smooth transitions
+ * - Full width by default
+ *
+ * @category Components
+ * @subcategory Layout
+
+ * @example
+ * ```tsx
+ * // Basic wrapper
+ * <Wrapper>
+ *   <Button>Button 1</Button>
+ *   <Button>Button 2</Button>
+ * </Wrapper>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Vertical layout
+ * <Wrapper direction="column" alignItems="flex-start">
+ *   <Typography>Item 1</Typography>
+ *   <Typography>Item 2</Typography>
+ * </Wrapper>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With fade animation
+ * <Wrapper fade isVisible={isVisible} fadeDelay={0.5}>
+ *   <Content />
+ * </Wrapper>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Conditionally visible
+ * <Wrapper isVisible={showContent}>
+ *   {showContent && <DynamicContent />}
+ * </Wrapper>
+ * ```
+ */
+/** Flex container direction (maps to CSS flex-direction) */
+export type WrapperDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+/** Cross-axis alignment (maps to CSS align-items) */
+export type WrapperAlignItems = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline' | 'start' | 'end' | 'self-start' | 'self-end' | 'normal';
+/** Main-axis alignment (maps to CSS justify-content) */
+export type WrapperJustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'start' | 'end' | 'left' | 'right' | 'normal';
 declare const Wrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
-    direction?: string;
-    alignItems?: string;
+    /**
+     * Flex direction (row, column, row-reverse, column-reverse)
+     * @default 'row'
+     */
+    direction?: WrapperDirection;
+    /**
+     * Align items value (flex-start, center, flex-end, stretch, baseline, etc.)
+     * @default 'center'
+     */
+    alignItems?: WrapperAlignItems;
+    /**
+     * Justify content value (flex-start, center, flex-end, space-between, etc.)
+     */
+    justifyContent?: WrapperJustifyContent;
+    /**
+     * Enable fade in/out transition animation
+     * @default false
+     */
     fade?: boolean;
+    /**
+     * Fade animation duration in seconds
+     * @default 0.3
+     */
     fadeDelay?: number;
+    /**
+     * Visibility state
+     * When false, element has opacity 0 and visibility hidden
+     * @default true
+     */
     isVisible?: boolean;
 } & CommonProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default Wrapper;

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

@@ -1 +1,2 @@
 export { default } from './Wrapper';
+export type { WrapperDirection, WrapperAlignItems, WrapperJustifyContent, } from './Wrapper';

package/dist/components/index.d.ts

@@ -1,119 +1,147 @@
-export { default as Avatar } from './Avatar';
-export { default as Badge } from './Badge';
 export { default as Button } from './Button';
-export { default as Card } from './Card';
-export { default as CardBase } from './Card/CardBase';
-export { default as CardContent } from './CardContent';
-export { default as CardHeader } from './CardHeader';
+export type * from './Button/types';
+export * from './ButtonGroup';
+export * from './IconButton';
 export { default as Checkbox } from './Checkbox';
+export * from './Checkbox';
+export type * from './Checkbox/types';
+export { default as Input } from './Input';
+export type * from './Input/types';
+export { default as Textarea } from './Textarea';
+export * from './Textarea';
+export type * from './Textarea/types';
+export { default as TextField } from './TextField';
+export * from './TextField';
+export type * from './TextField/types';
+export * from './NumberField';
+export { default as Switch } from './Switch';
+export * from './Switch';
+export type * from './Switch/types';
+export * from './Slider';
+export { default as Radio } from './Radio';
+export type { RadioProps } from './Radio/types';
+export { default as RadioGroup } from './RadioGroup';
+export type * from './RadioGroup/types';
 export { default as Dropdown } from './Dropdown';
+export type * from './Dropdown/types';
 export { default as DropdownArrow } from './DropdownArrow';
 export { default as DropdownBase } from './DropdownBase';
 export { default as DropdownOption } from './DropdownOption';
 export { default as DropdownOptions } from './DropdownOptions';
+export type { DropdownOptionProps } from './DropdownOptions';
 export { default as DropdownToggle } from './DropdownToggle';
+export type * from './DropdownToggle/types';
+export { default as MultipleDropdown } from './MultipleDropdown';
+export { default as MultipleDropdownNotification } from './MultipleDropdownNotification';
+export { default as MultipleDropdownOptions } from './MultipleDropdownOptions';
+export * from './Typeahead';
+export * from './DatePicker';
+export * from './DateRangePicker';
+export type { CalendarType } from './DatePicker/types';
+export * from './ColorPicker';
+export * from './SearchBox';
+export type * from './SearchBox/types';
+export * from './Field';
 export { default as Form } from './Form';
 export { default as FormAction } from './FormAction';
 export { default as FormCheckbox } from './FormCheckbox';
+export * from './FormCheckbox';
 export { default as FormGroup } from './FormGroup';
 export { default as FormHelperText } from './FormHelperText';
 export { default as FormRadioGroup } from './FormRadioGroup';
-export { default as Icon } from './Icon';
-export { default as Indicator } from './Indicator';
-export { default as Input } from './Input';
+export * from './Filters';
+export * from './FiltersMultiSelect';
+export * as JsonSchema from './JsonSchemaForm';
+export { default as Table } from './Table';
+export { default as TableBody } from './TableBody';
+export { default as TableCell } from './TableCell';
+export { default as TableCellHeader } from './TableCellHeader';
+export * from './TableFilters';
+export { default as TableHead } from './TableHead';
+export { default as TableRow } from './TableRow';
+export * from './NestedTable';
+export { default as Card } from './Card';
+export type * from './Card/types';
+export { default as CardBase } from './Card/CardBase';
+export { default as CardContent } from './CardContent';
+export { default as CardHeader } from './CardHeader';
+export * from './CardList';
+export { default as Typography } from './Typography';
+export * from './Typography';
+export type * from './Typography/types';
+export { default as Badge } from './Badge';
+export type * from './Badge/types';
+export { default as Tag } from './Tag';
+export * from './Tag';
+export type * from './Tag/types';
+export * from './Chip';
+export type * from './Chip/types';
+export { default as Avatar } from './Avatar';
 export { default as Label } from './Label';
-export { default as LargeTab } from './LargeTab';
-export { default as Link } from './Link';
-export { default as Modal } from './Modal';
-export { default as ModalContent } from './ModalContent';
-export { default as ModalDialog } from './ModalDialog';
-export { default as ModalDismissButton } from './ModalDismissButton';
-export { default as ModalOpenButton } from './ModalOpenButton';
-export { default as MultipleDropdown } from './MultipleDropdown';
-export { default as MultipleDropdownNotification } from './MultipleDropdownNotification';
-export { default as MultipleDropdownOptions } from './MultipleDropdownOptions';
-export { default as NavBar } from './NavBar';
+export type * from './Label/types';
+export { default as Indicator } from './Indicator';
+export type * from './Indicator/types';
 export { default as Progress } from './Progress';
+export type * from './Progress/types';
 export { default as ProgressBar } from './ProgressBar';
+export type * from './ProgressBar/types';
 export { default as ProgressCircle } from './ProgressCircle';
+export type * from './ProgressCircle/types';
 export { default as ProgressInfo } from './ProgressInfo';
+export * from './ProgressInfo';
 export { default as ProgressLegend } from './ProgressLegend';
 export { default as ProgressLegendItem } from './ProgressLegendItem';
 export { default as ProgressVertical } from './ProgressVertical';
-export { default as Radio } from './Radio';
-export { default as RadioGroup } from './RadioGroup';
+export * from './Charts';
+export * from './ImageItem';
 export { default as ResponsiveImage } from './ResponsiveImage';
+export * from './ResponsiveImage';
+export type * from './ResponsiveImage/types';
+export { default as NavBar } from './NavBar';
+export * from './NavBar';
+export * from './CollapsibleNavBar';
+export { default as Tab } from './Tab';
+export { default as TabBar } from './TabBar';
+export * from './TabBar';
+export type * from './TabBar/types';
+export { default as LargeTab } from './LargeTab';
+export * from './LinksTabBar';
+export { default as Stepper } from './Stepper';
+export type * from './Stepper/types';
 export { default as Step } from './Step';
 export { default as StepConnector } from './StepConnector';
 export { default as StepLabel } from './StepLabel';
-export { default as Stepper } from './Stepper';
-export { default as Switch } from './Switch';
-export { default as Tab } from './Tab';
-export { default as TabBar } from './TabBar';
-export { default as Table } from './Table';
-export { default as TableBody } from './TableBody';
-export { default as TableCell } from './TableCell';
-export { default as TableCellHeader } from './TableCellHeader';
-export { default as TableHead } from './TableHead';
-export { default as TableRow } from './TableRow';
-export { default as Tag } from './Tag';
-export { default as Textarea } from './Textarea';
-export { default as TextField } from './TextField';
+export * from './Pagination';
+export { default as Link } from './Link';
+export * from './WithLink';
+export { default as Wrapper } from './Wrapper';
+export * from './Wrapper';
+export * from './WithVisibleLG';
+export * from './WithVisibleMD';
+export * from './WithVisibleSM';
+export * from './WithVisibleUpToLG';
+export { default as Modal } from './Modal';
+export * from './Modal';
+export type * from './Modal/types';
+export { default as ModalContent } from './ModalContent';
+export { default as ModalDialog } from './ModalDialog';
+export type * from './ModalDialog/types';
+export { default as ModalDismissButton } from './ModalDismissButton';
+export { default as ModalOpenButton } from './ModalOpenButton';
+export * from './Drawer';
 export { default as Tooltip } from './Tooltip';
+export * from './Tooltip';
 export { default as TooltipContent } from './TooltipContent';
 export { default as TooltipTrigger } from './TooltipTrigger';
-export { default as Typography } from './Typography';
-export { default as Wrapper } from './Wrapper';
+export * from './Popover';
+export * from './NotificationCard';
+export * from './NotificationMenu';
 export * from './AccordionGroup';
 export * from './AddNewAccountCard';
-export * from './ButtonGroup';
-export * from './CardList';
-export * from './Chip';
-export * from './Charts';
-export * from './Checkbox';
-export * from './CollapsibleNavBar';
-export * from './ColorPicker';
-export * from './DatePicker';
 export * from './PersonInfo';
-export * from './DateRangePicker';
-export * from './Drawer';
-export * from './Field';
-export * from './Filters';
-export * from './FiltersMultiSelect';
-export * from './FormCheckbox';
-export * from './FullscreenModeContext';
-export * from './Icon';
-export * from './Icon/types';
-export * from './ImageItem';
-export * from './LinksTabBar';
-export * from './Modal';
-export * from './NavBar';
-export * from './NestedTable';
-export * from './NotificationCard';
-export * from './NotificationMenu';
-export * from './NumberField';
-export * from './Pagination';
-export * from './Popover';
-export * from './ProgressInfo';
-export * from './ResponsiveImage';
-export * from './SearchBox';
-export * from './Switch';
-export * from './TabBar';
-export * from './TableFilters';
-export * from './Tag';
-export * from './Textarea';
-export * from './TextField';
-export * from './Tooltip';
-export * from './Typeahead';
-export * from './Typography';
 export * from './UserProfile';
 export * from './WidgetCard';
-export * from './WithLink';
-export * from './WithVisibleLG';
-export * from './WithVisibleMD';
-export * from './WithVisibleSM';
-export * from './WithVisibleUpToLG';
-export * from './Wrapper';
-export * as JsonSchema from './JsonSchemaForm';
-export type { DropdownOptionProps } from './DropdownOptions';
-export type { RadioProps } from './Radio/types';
+export { default as Icon } from './Icon';
+export * from './Icon';
+export * from './Icon/types';
+export * from './FullscreenModeContext';

package/dist/index.d.ts

@@ -8,3 +8,4 @@ export * as globalStyles from './styles/global';
 export * as styleUtils from './styles/safari-focus-outline';
 export * from './components';
 export * from './contexts';
+export * from './utils/react19HocCompat';