@flikk/ui 1.0.0-beta.10 → 1.0.0-beta.12

package/dist/components/layout/FormLayout/FormLayout.types.d.ts

@@ -1,54 +1,36 @@
 import React from "react";
 export interface FormLayoutTheme {
     root: string;
-    header: string;
-    headerTitle: string;
-    headerSubtitle: string;
-    body: string;
     section: string;
     sectionSidebar: string;
     sectionTitle: string;
-    sectionDescription: string;
+    sectionSubtitle: string;
     sectionAction: string;
     sectionContent: string;
+    sectionContentFull: string;
     footer: string;
 }
 export interface FormLayoutThemeOverrides {
     root?: string;
-    header?: string;
-    headerTitle?: string;
-    headerSubtitle?: string;
-    body?: string;
     section?: string;
     sectionSidebar?: string;
     sectionTitle?: string;
-    sectionDescription?: string;
+    sectionSubtitle?: string;
     sectionAction?: string;
     sectionContent?: string;
+    sectionContentFull?: string;
     footer?: string;
 }
 export interface FormLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Theme overrides for the root container. */
     theme?: FormLayoutThemeOverrides;
 }
-export interface FormLayoutHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Header title text. */
-    title: string;
+export interface FormLayoutSectionProps extends React.HTMLAttributes<HTMLElement> {
+    /** Optional section title. If omitted along with subtitle and action, the sidebar column is hidden. */
+    title?: string;
     /** Optional subtitle displayed below the title. */
     subtitle?: string;
-    /** Optional action element rendered on the right side of the header. */
-    action?: React.ReactNode;
-    /** Theme overrides for the header. */
-    theme?: FormLayoutThemeOverrides;
-}
-export interface FormLayoutBodyProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-export interface FormLayoutSectionProps extends React.HTMLAttributes<HTMLElement> {
-    /** Section title text. */
-    title: string;
-    /** Optional description displayed below the title. */
-    description?: string;
-    /** Optional action element rendered below the description. */
+    /** Optional action element rendered below the subtitle. */
     action?: React.ReactNode;
     /** Additional className applied to the content area. */
     contentClassName?: string;

package/dist/components/layout/FormLayout/FormLayoutSection.js

@@ -3,9 +3,10 @@ import React__default from 'react';
 import { cn } from '../../../utils/cn.js';
 import { formLayoutTheme } from './FormLayout.theme.js';
 
-const FormLayoutSection = React__default.forwardRef(({ title, description, action, className, contentClassName, theme: customTheme, children, ...props }, ref) => {
+const FormLayoutSection = React__default.forwardRef(({ title, subtitle, action, className, contentClassName, theme: customTheme, children, ...props }, ref) => {
     const theme = { ...formLayoutTheme, ...customTheme };
-    return (jsxs("section", { ref: ref, className: cn(theme.section, className), ...props, children: [jsxs("div", { className: theme.sectionSidebar, children: [jsx("div", { className: theme.sectionTitle, children: title }), description && (jsx("div", { className: theme.sectionDescription, children: description })), action && jsx("div", { className: theme.sectionAction, children: action })] }), jsx("div", { className: cn(theme.sectionContent, contentClassName), children: children })] }));
+    const hasSidebar = !!(title || subtitle || action);
+    return (jsxs("section", { ref: ref, className: cn(theme.section, className), ...props, children: [hasSidebar && (jsxs("div", { className: theme.sectionSidebar, children: [title && jsx("div", { className: theme.sectionTitle, children: title }), subtitle && (jsx("div", { className: theme.sectionSubtitle, children: subtitle })), action && jsx("div", { className: theme.sectionAction, children: action })] })), jsx("div", { className: cn(hasSidebar ? theme.sectionContent : theme.sectionContentFull, contentClassName), children: children })] }));
 });
 FormLayoutSection.displayName = "FormLayout.Section";
 

package/dist/components/layout/FormLayout/index.d.ts

@@ -1,3 +1,3 @@
 export { FormLayout } from "./FormLayout";
-export type { FormLayoutProps, FormLayoutHeaderProps, FormLayoutBodyProps, FormLayoutSectionProps, FormLayoutFooterProps, FormLayoutTheme, FormLayoutThemeOverrides, } from "./FormLayout.types";
+export type { FormLayoutProps, FormLayoutSectionProps, FormLayoutFooterProps, FormLayoutTheme, FormLayoutThemeOverrides, } from "./FormLayout.types";
 export { formLayoutTheme } from "./FormLayout.theme";

package/dist/index.js

@@ -32,13 +32,14 @@ export { CRON_PRESETS, cronToDescription, fieldsToCron, formatNextRun, getNextRu
 export { Calendar } from './components/core/Calendar/Calendar.js';
 export { CalendarMini } from './components/core/Calendar/CalendarMini/CalendarMini.js';
 export { Card } from './components/core/Card/Card.js';
-export { CardContent } from './components/core/Card/CardContent.js';
+export { CardBody } from './components/core/Card/CardBody.js';
 export { CardFooter } from './components/core/Card/CardFooter.js';
 export { CardHeader } from './components/core/Card/CardHeader.js';
 export { CardStack } from './components/core/CardStack/CardStack.js';
 export { CardSubtitle } from './components/core/Card/CardSubtitle.js';
 export { CardTitle } from './components/core/Card/CardTitle.js';
 export { Carousel } from './components/core/Carousel/Carousel.js';
+export { CarouselBody } from './components/core/Carousel/CarouselBody.js';
 export { ChartContainer } from './components/charts/ChartContainer.js';
 export { ChartCrosshair } from './components/charts/shared/ChartCrosshair/ChartCrosshair.js';
 export { ChartErrorBoundary } from './components/charts/shared/ChartErrorBoundary/ChartErrorBoundary.js';
@@ -50,7 +51,7 @@ export { ChartTooltip } from './components/charts/shared/ChartTooltip/ChartToolt
 export { Checkbox } from './components/forms/Checkbox/Checkbox.js';
 export { ColorPicker, ColorPickerContext, useColorPicker } from './components/forms/ColorPicker/ColorPicker.js';
 export { ColorPicker2DCanvas } from './components/forms/ColorPicker/ColorPicker2DCanvas.js';
-export { ColorPickerContent } from './components/forms/ColorPicker/ColorPickerContent.js';
+export { ColorPickerBody } from './components/forms/ColorPicker/ColorPickerBody.js';
 export { ColorPickerEyeDropper } from './components/forms/ColorPicker/ColorPickerEyeDropper.js';
 export { ColorPickerFormatSelector } from './components/forms/ColorPicker/ColorPickerFormatSelector.js';
 export { ColorPickerInput } from './components/forms/ColorPicker/ColorPickerInput.js';
@@ -66,7 +67,7 @@ export { CronInput } from './components/forms/CronInput/CronInput.js';
 export { CustomCursor } from './components/effects/CustomCursor/CustomCursor.js';
 export { DEFAULT_CHART_COLORS, EXTENDED_CHART_COLORS, MINIMAL_CHART_COLORS, colorClassToVariable, combineClasses, createColorClass, extractFillClass, extractStrokeClass, generateColorPalette, generateSeriesColors, getContrastColor } from './components/charts/utils/color-utils.js';
 export { DatePicker } from './components/forms/DatePicker/DatePicker.js';
-export { DatePickerContent } from './components/forms/DatePicker/DatePickerContent.js';
+export { DatePickerBody } from './components/forms/DatePicker/DatePickerBody.js';
 export { DatePickerPresets } from './components/forms/DatePicker/DatePickerPresets.js';
 export { DatePickerTrigger } from './components/forms/DatePicker/DatePickerTrigger.js';
 export { DescriptionList } from './components/data-display/DescriptionList/DescriptionList.js';
@@ -74,6 +75,7 @@ export { DonutChart } from './components/charts/DonutChart/DonutChart.js';
 export { DotPattern } from './components/effects/DotPattern/DotPattern.js';
 export { DragDropProvider, Draggable, Droppable } from './components/core/DragDrop/DragDrop.js';
 export { Drawer } from './components/core/Drawer/Drawer.js';
+export { DrawerBody } from './components/core/Drawer/DrawerBody.js';
 export { Dropdown } from './components/core/Dropdown/Dropdown.js';
 export { DropdownItem } from './components/core/Dropdown/DropdownItem.js';
 export { DropdownMenu } from './components/core/Dropdown/DropdownMenu.js';
@@ -109,6 +111,7 @@ export { Masonry } from './components/core/Masonry/Masonry.js';
 export { Mention } from './components/forms/Mention/Mention.js';
 export { MenuItem } from './components/core/MenuItem/MenuItem.js';
 export { Message } from './components/core/Message/Message.js';
+export { MessageBody } from './components/core/Message/MessageBody.js';
 export { Metric } from './components/data-display/Metric/Metric.js';
 export { Modal } from './components/core/Modal/Modal.js';
 export { ModalStack } from './components/core/ModalStack/ModalStack.js';
@@ -128,6 +131,7 @@ export { Pagination } from './components/core/Pagination/Pagination.js';
 export { ParallaxSection } from './components/effects/ParallaxSection/ParallaxSection.js';
 export { Pill } from './components/core/Pill/Pill.js';
 export { Popover } from './components/core/Popover/Popover.js';
+export { PopoverBody } from './components/core/Popover/PopoverBody.js';
 export { PopoverContext, usePopoverContext } from './components/core/Popover/PopoverContext.js';
 export { Progress } from './components/core/Progress/Progress.js';
 export { ProgressiveBlur } from './components/effects/ProgressiveBlur/ProgressiveBlur.js';
@@ -169,7 +173,7 @@ export { TableActionsMenu } from './components/data-display/Table/TableActionsMe
 export { TableFilter } from './components/data-display/Table/TableFilter.js';
 export { TablePagination } from './components/data-display/Table/TablePagination.js';
 export { Tabs } from './components/core/Tabs/Tabs.js';
-export { TabsContent } from './components/core/Tabs/TabsContent.js';
+export { TabsBody } from './components/core/Tabs/TabsBody.js';
 export { TabsContext, useTabsContext } from './components/core/Tabs/TabsContext.js';
 export { TabsList } from './components/core/Tabs/TabsList.js';
 export { TabsTrigger } from './components/core/Tabs/TabsTrigger.js';
@@ -207,6 +211,7 @@ export { formatHex, formatHsl, formatRgb, hexToRgb, hslToRgb, hsvToRgb, parseCol
 export { formsBaseTheme } from './components/forms/forms.theme.js';
 export { ganttChartTheme } from './components/data-display/GanttChart/GanttChart.theme.js';
 export { getMasonryTheme, masonryTheme } from './components/core/Masonry/Masonry.theme.js';
+export { getRippleAnimation, getRippleColorClass, useRipple } from './components/core/Button/Button.ripple.js';
 export { inputAddressTheme } from './components/forms/InputAddress/InputAddress.theme.js';
 export { inputCounterTheme } from './components/forms/InputCounter/InputCounter.theme.js';
 export { inputCreditCardTheme } from './components/forms/InputCreditCard/InputCreditCard.theme.js';