@ttoss/fsl-ui 0.2.4 → 0.2.5

package/dist/index.d.cts

@@ -1,11 +1,18 @@
 
+import { AppShell, AppShellProps, AppShellSidebarWidth, appShellMeta } from "./components/AppShell/AppShell.cjs";
+import { Badge, BadgeNumeric, BadgeProps, badgeMeta } from "./components/Badge/Badge.cjs";
+import { Box, BoxBackground, BoxBorder, BoxMaxWidth, BoxPadding, BoxProps, BoxRadius, BoxWidth, boxMeta } from "./components/Box/Box.cjs";
 import { Breadcrumb, BreadcrumbProps, Breadcrumbs, BreadcrumbsProps, breadcrumbMeta, breadcrumbsMeta } from "./components/Breadcrumbs/Breadcrumbs.cjs";
 import { Button, ButtonProps, buttonMeta } from "./components/Button/Button.cjs";
 import { Checkbox, CheckboxProps, checkboxMeta } from "./components/Checkbox/Checkbox.cjs";
 import { CheckboxGroup, CheckboxGroupProps, checkboxGroupMeta } from "./components/CheckboxGroup/CheckboxGroup.cjs";
+import { Code, CodeProps, CodeSize, codeMeta } from "./components/Code/Code.cjs";
+import { Container, ContainerGutter, ContainerProps, ContainerSize, containerMeta } from "./components/Container/Container.cjs";
 import { FileTrigger, FileTriggerProps, fileTriggerMeta } from "./components/FileTrigger/FileTrigger.cjs";
+import { Grid, GridAlign, GridGap, GridMinColumnWidth, GridProps, gridMeta } from "./components/Grid/Grid.cjs";
 import { GridList, GridListItem, GridListItemProps, GridListProps, gridListItemMeta, gridListMeta } from "./components/GridList/GridList.cjs";
 import { Group, GroupProps, groupMeta } from "./components/Group/Group.cjs";
+import { Heading, HeadingAlign, HeadingLevel, HeadingProps, HeadingSize, headingMeta } from "./components/Heading/Heading.cjs";
 import { Link, LinkProps, linkMeta } from "./components/Link/Link.cjs";
 import { ListBox, ListBoxItem, ListBoxItemProps, ListBoxProps, listBoxItemMeta, listBoxMeta } from "./components/ListBox/ListBox.cjs";
 import { Meter, MeterProps, meterMeta } from "./components/Meter/Meter.cjs";
@@ -15,8 +22,11 @@ import { Radio, RadioGroup, RadioGroupProps, RadioProps, radioGroupMeta, radioMe
 import { Select, SelectItem, SelectItemProps, SelectProps, selectItemMeta, selectMeta } from "./components/Select/Select.cjs";
 import { Separator, SeparatorProps, separatorMeta } from "./components/Separator/Separator.cjs";
 import { Slider, SliderProps, sliderMeta } from "./components/Slider/Slider.cjs";
+import { Stack, StackAlign, StackDirection, StackGap, StackJustify, StackProps, stackMeta } from "./components/Stack/Stack.cjs";
+import { Surface, SurfaceLevel, SurfacePadding, SurfaceProps, surfaceMeta } from "./components/Surface/Surface.cjs";
 import { Switch, SwitchProps, switchMeta } from "./components/Switch/Switch.cjs";
 import { Tab, TabList, TabListProps, TabPanel, TabPanelProps, TabProps, Tabs, TabsProps, tabListMeta, tabMeta, tabPanelMeta, tabsMeta } from "./components/Tabs/Tabs.cjs";
+import { Text, TextAlign, TextAs, TextNumeric, TextProps, TextTone, TextVariant, textMeta } from "./components/Text/Text.cjs";
 import { Toast, ToastContent, ToastProps, ToastQueue, ToastRegion, ToastRegionProps, createToastQueue, toastMeta, toastRegionMeta } from "./components/Toast/Toast.cjs";
 import { ToggleButton, ToggleButtonProps, toggleButtonMeta } from "./components/ToggleButton/ToggleButton.cjs";
 import { ToggleButtonGroup, ToggleButtonGroupProps, toggleButtonGroupMeta } from "./components/ToggleButtonGroup/ToggleButtonGroup.cjs";
@@ -34,4 +44,4 @@ import { TextArea, TextAreaControl, TextAreaControlProps, TextAreaDescription, T
 import { TextField, TextFieldControl, TextFieldControlProps, TextFieldDescription, TextFieldDescriptionProps, TextFieldError, TextFieldErrorProps, TextFieldLabel, TextFieldLabelProps, TextFieldProps, textFieldControlMeta, textFieldDescriptionMeta, textFieldErrorMeta, textFieldLabelMeta, textFieldMeta } from "./composites/TextField/TextField.cjs";
 import { Tooltip, TooltipProps, TooltipTrigger, tooltipMeta } from "./composites/Tooltip/Tooltip.cjs";
 import { Wizard, WizardNavigation, WizardNavigationProps, WizardProps, WizardStep, WizardStepProps, WizardSummary, WizardSummaryProps, wizardMeta, wizardNavigationMeta, wizardStepMeta, wizardSummaryMeta } from "./composites/Wizard/Wizard.cjs";
-export { Accordion, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ConfirmationDialog, type ConfirmationDialogProps, Dialog, DialogActions, type DialogActionsPlatform, type DialogActionsProps, DialogBody, type DialogBodyProps, DialogHeading, type DialogHeadingProps, DialogModal, type DialogModalProps, type DialogProps, DialogTrigger, Disclosure, DisclosurePanel, type DisclosurePanelProps, type DisclosureProps, DisclosureTrigger, type DisclosureTriggerProps, FileTrigger, type FileTriggerProps, Form, FormActions, type FormActionsProps, type FormProps, FormSubmit, type FormSubmitProps, GridList, GridListItem, type GridListItemProps, type GridListProps, Group, type GroupProps, Link, type LinkProps, ListBox, ListBoxItem, type ListBoxItemProps, type ListBoxProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuTrigger, Meter, type MeterProps, NumberField, type NumberFieldProps, Popover, type PopoverProps, PopoverTrigger, ProgressBar, type ProgressBarProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, SearchField, SearchFieldControl, type SearchFieldControlProps, SearchFieldLabel, type SearchFieldLabelProps, type SearchFieldProps, Select, SelectItem, type SelectItemProps, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, TextArea, TextAreaControl, type TextAreaControlProps, TextAreaDescription, type TextAreaDescriptionProps, TextAreaError, type TextAreaErrorProps, TextAreaLabel, type TextAreaLabelProps, type TextAreaProps, TextField, TextFieldControl, type TextFieldControlProps, TextFieldDescription, type TextFieldDescriptionProps, TextFieldError, type TextFieldErrorProps, TextFieldLabel, type TextFieldLabelProps, type TextFieldProps, Toast, type ToastContent, type ToastProps, type ToastQueue, ToastRegion, type ToastRegionProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, TooltipTrigger, Wizard, WizardNavigation, type WizardNavigationProps, type WizardProps, WizardStep, type WizardStepProps, WizardSummary, type WizardSummaryProps, accordionItemMeta, accordionMeta, accordionPanelMeta, accordionTriggerMeta, breadcrumbMeta, breadcrumbsMeta, buttonMeta, checkboxGroupMeta, checkboxMeta, confirmationDialogMeta, createToastQueue, dialogActionsMeta, dialogBodyMeta, dialogHeadingMeta, dialogMeta, dialogModalMeta, disclosureMeta, disclosurePanelMeta, disclosureTriggerMeta, fileTriggerMeta, formActionsMeta, formMeta, formSubmitMeta, gridListItemMeta, gridListMeta, groupMeta, linkMeta, listBoxItemMeta, listBoxMeta, menuItemMeta, menuMeta, meterMeta, numberFieldMeta, popoverMeta, progressBarMeta, radioGroupMeta, radioMeta, searchFieldControlMeta, searchFieldLabelMeta, searchFieldMeta, selectItemMeta, selectMeta, separatorMeta, sliderMeta, switchMeta, tabListMeta, tabMeta, tabPanelMeta, tabsMeta, tagGroupMeta, tagMeta, textAreaControlMeta, textAreaDescriptionMeta, textAreaErrorMeta, textAreaLabelMeta, textAreaMeta, textFieldControlMeta, textFieldDescriptionMeta, textFieldErrorMeta, textFieldLabelMeta, textFieldMeta, toastMeta, toastRegionMeta, toggleButtonGroupMeta, toggleButtonMeta, toolbarMeta, tooltipMeta, wizardMeta, wizardNavigationMeta, wizardStepMeta, wizardSummaryMeta };
+export { Accordion, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, AppShell, type AppShellProps, type AppShellSidebarWidth, Badge, type BadgeNumeric, type BadgeProps, Box, type BoxBackground, type BoxBorder, type BoxMaxWidth, type BoxPadding, type BoxProps, type BoxRadius, type BoxWidth, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, Code, type CodeProps, type CodeSize, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerGutter, type ContainerProps, type ContainerSize, Dialog, DialogActions, type DialogActionsPlatform, type DialogActionsProps, DialogBody, type DialogBodyProps, DialogHeading, type DialogHeadingProps, DialogModal, type DialogModalProps, type DialogProps, DialogTrigger, Disclosure, DisclosurePanel, type DisclosurePanelProps, type DisclosureProps, DisclosureTrigger, type DisclosureTriggerProps, FileTrigger, type FileTriggerProps, Form, FormActions, type FormActionsProps, type FormProps, FormSubmit, type FormSubmitProps, Grid, type GridAlign, type GridGap, GridList, GridListItem, type GridListItemProps, type GridListProps, type GridMinColumnWidth, type GridProps, Group, type GroupProps, Heading, type HeadingAlign, type HeadingLevel, type HeadingProps, type HeadingSize, Link, type LinkProps, ListBox, ListBoxItem, type ListBoxItemProps, type ListBoxProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuTrigger, Meter, type MeterProps, NumberField, type NumberFieldProps, Popover, type PopoverProps, PopoverTrigger, ProgressBar, type ProgressBarProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, SearchField, SearchFieldControl, type SearchFieldControlProps, SearchFieldLabel, type SearchFieldLabelProps, type SearchFieldProps, Select, SelectItem, type SelectItemProps, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, Stack, type StackAlign, type StackDirection, type StackGap, type StackJustify, type StackProps, Surface, type SurfaceLevel, type SurfacePadding, type SurfaceProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, Text, type TextAlign, TextArea, TextAreaControl, type TextAreaControlProps, TextAreaDescription, type TextAreaDescriptionProps, TextAreaError, type TextAreaErrorProps, TextAreaLabel, type TextAreaLabelProps, type TextAreaProps, type TextAs, TextField, TextFieldControl, type TextFieldControlProps, TextFieldDescription, type TextFieldDescriptionProps, TextFieldError, type TextFieldErrorProps, TextFieldLabel, type TextFieldLabelProps, type TextFieldProps, type TextNumeric, type TextProps, type TextTone, type TextVariant, Toast, type ToastContent, type ToastProps, type ToastQueue, ToastRegion, type ToastRegionProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, TooltipTrigger, Wizard, WizardNavigation, type WizardNavigationProps, type WizardProps, WizardStep, type WizardStepProps, WizardSummary, type WizardSummaryProps, accordionItemMeta, accordionMeta, accordionPanelMeta, accordionTriggerMeta, appShellMeta, badgeMeta, boxMeta, breadcrumbMeta, breadcrumbsMeta, buttonMeta, checkboxGroupMeta, checkboxMeta, codeMeta, confirmationDialogMeta, containerMeta, createToastQueue, dialogActionsMeta, dialogBodyMeta, dialogHeadingMeta, dialogMeta, dialogModalMeta, disclosureMeta, disclosurePanelMeta, disclosureTriggerMeta, fileTriggerMeta, formActionsMeta, formMeta, formSubmitMeta, gridListItemMeta, gridListMeta, gridMeta, groupMeta, headingMeta, linkMeta, listBoxItemMeta, listBoxMeta, menuItemMeta, menuMeta, meterMeta, numberFieldMeta, popoverMeta, progressBarMeta, radioGroupMeta, radioMeta, searchFieldControlMeta, searchFieldLabelMeta, searchFieldMeta, selectItemMeta, selectMeta, separatorMeta, sliderMeta, stackMeta, surfaceMeta, switchMeta, tabListMeta, tabMeta, tabPanelMeta, tabsMeta, tagGroupMeta, tagMeta, textAreaControlMeta, textAreaDescriptionMeta, textAreaErrorMeta, textAreaLabelMeta, textAreaMeta, textFieldControlMeta, textFieldDescriptionMeta, textFieldErrorMeta, textFieldLabelMeta, textFieldMeta, textMeta, toastMeta, toastRegionMeta, toggleButtonGroupMeta, toggleButtonMeta, toolbarMeta, tooltipMeta, wizardMeta, wizardNavigationMeta, wizardStepMeta, wizardSummaryMeta };

package/dist/index.d.mts

@@ -1,11 +1,18 @@
 
+import { AppShell, AppShellProps, AppShellSidebarWidth, appShellMeta } from "./components/AppShell/AppShell.mjs";
+import { Badge, BadgeNumeric, BadgeProps, badgeMeta } from "./components/Badge/Badge.mjs";
+import { Box, BoxBackground, BoxBorder, BoxMaxWidth, BoxPadding, BoxProps, BoxRadius, BoxWidth, boxMeta } from "./components/Box/Box.mjs";
 import { Breadcrumb, BreadcrumbProps, Breadcrumbs, BreadcrumbsProps, breadcrumbMeta, breadcrumbsMeta } from "./components/Breadcrumbs/Breadcrumbs.mjs";
 import { Button, ButtonProps, buttonMeta } from "./components/Button/Button.mjs";
 import { Checkbox, CheckboxProps, checkboxMeta } from "./components/Checkbox/Checkbox.mjs";
 import { CheckboxGroup, CheckboxGroupProps, checkboxGroupMeta } from "./components/CheckboxGroup/CheckboxGroup.mjs";
+import { Code, CodeProps, CodeSize, codeMeta } from "./components/Code/Code.mjs";
+import { Container, ContainerGutter, ContainerProps, ContainerSize, containerMeta } from "./components/Container/Container.mjs";
 import { FileTrigger, FileTriggerProps, fileTriggerMeta } from "./components/FileTrigger/FileTrigger.mjs";
+import { Grid, GridAlign, GridGap, GridMinColumnWidth, GridProps, gridMeta } from "./components/Grid/Grid.mjs";
 import { GridList, GridListItem, GridListItemProps, GridListProps, gridListItemMeta, gridListMeta } from "./components/GridList/GridList.mjs";
 import { Group, GroupProps, groupMeta } from "./components/Group/Group.mjs";
+import { Heading, HeadingAlign, HeadingLevel, HeadingProps, HeadingSize, headingMeta } from "./components/Heading/Heading.mjs";
 import { Link, LinkProps, linkMeta } from "./components/Link/Link.mjs";
 import { ListBox, ListBoxItem, ListBoxItemProps, ListBoxProps, listBoxItemMeta, listBoxMeta } from "./components/ListBox/ListBox.mjs";
 import { Meter, MeterProps, meterMeta } from "./components/Meter/Meter.mjs";
@@ -15,8 +22,11 @@ import { Radio, RadioGroup, RadioGroupProps, RadioProps, radioGroupMeta, radioMe
 import { Select, SelectItem, SelectItemProps, SelectProps, selectItemMeta, selectMeta } from "./components/Select/Select.mjs";
 import { Separator, SeparatorProps, separatorMeta } from "./components/Separator/Separator.mjs";
 import { Slider, SliderProps, sliderMeta } from "./components/Slider/Slider.mjs";
+import { Stack, StackAlign, StackDirection, StackGap, StackJustify, StackProps, stackMeta } from "./components/Stack/Stack.mjs";
+import { Surface, SurfaceLevel, SurfacePadding, SurfaceProps, surfaceMeta } from "./components/Surface/Surface.mjs";
 import { Switch, SwitchProps, switchMeta } from "./components/Switch/Switch.mjs";
 import { Tab, TabList, TabListProps, TabPanel, TabPanelProps, TabProps, Tabs, TabsProps, tabListMeta, tabMeta, tabPanelMeta, tabsMeta } from "./components/Tabs/Tabs.mjs";
+import { Text, TextAlign, TextAs, TextNumeric, TextProps, TextTone, TextVariant, textMeta } from "./components/Text/Text.mjs";
 import { Toast, ToastContent, ToastProps, ToastQueue, ToastRegion, ToastRegionProps, createToastQueue, toastMeta, toastRegionMeta } from "./components/Toast/Toast.mjs";
 import { ToggleButton, ToggleButtonProps, toggleButtonMeta } from "./components/ToggleButton/ToggleButton.mjs";
 import { ToggleButtonGroup, ToggleButtonGroupProps, toggleButtonGroupMeta } from "./components/ToggleButtonGroup/ToggleButtonGroup.mjs";
@@ -34,4 +44,4 @@ import { TextArea, TextAreaControl, TextAreaControlProps, TextAreaDescription, T
 import { TextField, TextFieldControl, TextFieldControlProps, TextFieldDescription, TextFieldDescriptionProps, TextFieldError, TextFieldErrorProps, TextFieldLabel, TextFieldLabelProps, TextFieldProps, textFieldControlMeta, textFieldDescriptionMeta, textFieldErrorMeta, textFieldLabelMeta, textFieldMeta } from "./composites/TextField/TextField.mjs";
 import { Tooltip, TooltipProps, TooltipTrigger, tooltipMeta } from "./composites/Tooltip/Tooltip.mjs";
 import { Wizard, WizardNavigation, WizardNavigationProps, WizardProps, WizardStep, WizardStepProps, WizardSummary, WizardSummaryProps, wizardMeta, wizardNavigationMeta, wizardStepMeta, wizardSummaryMeta } from "./composites/Wizard/Wizard.mjs";
-export { Accordion, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ConfirmationDialog, type ConfirmationDialogProps, Dialog, DialogActions, type DialogActionsPlatform, type DialogActionsProps, DialogBody, type DialogBodyProps, DialogHeading, type DialogHeadingProps, DialogModal, type DialogModalProps, type DialogProps, DialogTrigger, Disclosure, DisclosurePanel, type DisclosurePanelProps, type DisclosureProps, DisclosureTrigger, type DisclosureTriggerProps, FileTrigger, type FileTriggerProps, Form, FormActions, type FormActionsProps, type FormProps, FormSubmit, type FormSubmitProps, GridList, GridListItem, type GridListItemProps, type GridListProps, Group, type GroupProps, Link, type LinkProps, ListBox, ListBoxItem, type ListBoxItemProps, type ListBoxProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuTrigger, Meter, type MeterProps, NumberField, type NumberFieldProps, Popover, type PopoverProps, PopoverTrigger, ProgressBar, type ProgressBarProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, SearchField, SearchFieldControl, type SearchFieldControlProps, SearchFieldLabel, type SearchFieldLabelProps, type SearchFieldProps, Select, SelectItem, type SelectItemProps, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, TextArea, TextAreaControl, type TextAreaControlProps, TextAreaDescription, type TextAreaDescriptionProps, TextAreaError, type TextAreaErrorProps, TextAreaLabel, type TextAreaLabelProps, type TextAreaProps, TextField, TextFieldControl, type TextFieldControlProps, TextFieldDescription, type TextFieldDescriptionProps, TextFieldError, type TextFieldErrorProps, TextFieldLabel, type TextFieldLabelProps, type TextFieldProps, Toast, type ToastContent, type ToastProps, type ToastQueue, ToastRegion, type ToastRegionProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, TooltipTrigger, Wizard, WizardNavigation, type WizardNavigationProps, type WizardProps, WizardStep, type WizardStepProps, WizardSummary, type WizardSummaryProps, accordionItemMeta, accordionMeta, accordionPanelMeta, accordionTriggerMeta, breadcrumbMeta, breadcrumbsMeta, buttonMeta, checkboxGroupMeta, checkboxMeta, confirmationDialogMeta, createToastQueue, dialogActionsMeta, dialogBodyMeta, dialogHeadingMeta, dialogMeta, dialogModalMeta, disclosureMeta, disclosurePanelMeta, disclosureTriggerMeta, fileTriggerMeta, formActionsMeta, formMeta, formSubmitMeta, gridListItemMeta, gridListMeta, groupMeta, linkMeta, listBoxItemMeta, listBoxMeta, menuItemMeta, menuMeta, meterMeta, numberFieldMeta, popoverMeta, progressBarMeta, radioGroupMeta, radioMeta, searchFieldControlMeta, searchFieldLabelMeta, searchFieldMeta, selectItemMeta, selectMeta, separatorMeta, sliderMeta, switchMeta, tabListMeta, tabMeta, tabPanelMeta, tabsMeta, tagGroupMeta, tagMeta, textAreaControlMeta, textAreaDescriptionMeta, textAreaErrorMeta, textAreaLabelMeta, textAreaMeta, textFieldControlMeta, textFieldDescriptionMeta, textFieldErrorMeta, textFieldLabelMeta, textFieldMeta, toastMeta, toastRegionMeta, toggleButtonGroupMeta, toggleButtonMeta, toolbarMeta, tooltipMeta, wizardMeta, wizardNavigationMeta, wizardStepMeta, wizardSummaryMeta };
+export { Accordion, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, AppShell, type AppShellProps, type AppShellSidebarWidth, Badge, type BadgeNumeric, type BadgeProps, Box, type BoxBackground, type BoxBorder, type BoxMaxWidth, type BoxPadding, type BoxProps, type BoxRadius, type BoxWidth, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, Code, type CodeProps, type CodeSize, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerGutter, type ContainerProps, type ContainerSize, Dialog, DialogActions, type DialogActionsPlatform, type DialogActionsProps, DialogBody, type DialogBodyProps, DialogHeading, type DialogHeadingProps, DialogModal, type DialogModalProps, type DialogProps, DialogTrigger, Disclosure, DisclosurePanel, type DisclosurePanelProps, type DisclosureProps, DisclosureTrigger, type DisclosureTriggerProps, FileTrigger, type FileTriggerProps, Form, FormActions, type FormActionsProps, type FormProps, FormSubmit, type FormSubmitProps, Grid, type GridAlign, type GridGap, GridList, GridListItem, type GridListItemProps, type GridListProps, type GridMinColumnWidth, type GridProps, Group, type GroupProps, Heading, type HeadingAlign, type HeadingLevel, type HeadingProps, type HeadingSize, Link, type LinkProps, ListBox, ListBoxItem, type ListBoxItemProps, type ListBoxProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuTrigger, Meter, type MeterProps, NumberField, type NumberFieldProps, Popover, type PopoverProps, PopoverTrigger, ProgressBar, type ProgressBarProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, SearchField, SearchFieldControl, type SearchFieldControlProps, SearchFieldLabel, type SearchFieldLabelProps, type SearchFieldProps, Select, SelectItem, type SelectItemProps, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, Stack, type StackAlign, type StackDirection, type StackGap, type StackJustify, type StackProps, Surface, type SurfaceLevel, type SurfacePadding, type SurfaceProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, Text, type TextAlign, TextArea, TextAreaControl, type TextAreaControlProps, TextAreaDescription, type TextAreaDescriptionProps, TextAreaError, type TextAreaErrorProps, TextAreaLabel, type TextAreaLabelProps, type TextAreaProps, type TextAs, TextField, TextFieldControl, type TextFieldControlProps, TextFieldDescription, type TextFieldDescriptionProps, TextFieldError, type TextFieldErrorProps, TextFieldLabel, type TextFieldLabelProps, type TextFieldProps, type TextNumeric, type TextProps, type TextTone, type TextVariant, Toast, type ToastContent, type ToastProps, type ToastQueue, ToastRegion, type ToastRegionProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, TooltipTrigger, Wizard, WizardNavigation, type WizardNavigationProps, type WizardProps, WizardStep, type WizardStepProps, WizardSummary, type WizardSummaryProps, accordionItemMeta, accordionMeta, accordionPanelMeta, accordionTriggerMeta, appShellMeta, badgeMeta, boxMeta, breadcrumbMeta, breadcrumbsMeta, buttonMeta, checkboxGroupMeta, checkboxMeta, codeMeta, confirmationDialogMeta, containerMeta, createToastQueue, dialogActionsMeta, dialogBodyMeta, dialogHeadingMeta, dialogMeta, dialogModalMeta, disclosureMeta, disclosurePanelMeta, disclosureTriggerMeta, fileTriggerMeta, formActionsMeta, formMeta, formSubmitMeta, gridListItemMeta, gridListMeta, gridMeta, groupMeta, headingMeta, linkMeta, listBoxItemMeta, listBoxMeta, menuItemMeta, menuMeta, meterMeta, numberFieldMeta, popoverMeta, progressBarMeta, radioGroupMeta, radioMeta, searchFieldControlMeta, searchFieldLabelMeta, searchFieldMeta, selectItemMeta, selectMeta, separatorMeta, sliderMeta, stackMeta, surfaceMeta, switchMeta, tabListMeta, tabMeta, tabPanelMeta, tabsMeta, tagGroupMeta, tagMeta, textAreaControlMeta, textAreaDescriptionMeta, textAreaErrorMeta, textAreaLabelMeta, textAreaMeta, textFieldControlMeta, textFieldDescriptionMeta, textFieldErrorMeta, textFieldLabelMeta, textFieldMeta, textMeta, toastMeta, toastRegionMeta, toggleButtonGroupMeta, toggleButtonMeta, toolbarMeta, tooltipMeta, wizardMeta, wizardNavigationMeta, wizardStepMeta, wizardSummaryMeta };

package/dist/index.mjs

@@ -1,13 +1,20 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 'use client';
 
+import { AppShell, appShellMeta } from "./components/AppShell/AppShell.mjs";
+import { Badge, badgeMeta } from "./components/Badge/Badge.mjs";
+import { Box, boxMeta } from "./components/Box/Box.mjs";
 import { Breadcrumb, Breadcrumbs, breadcrumbMeta, breadcrumbsMeta } from "./components/Breadcrumbs/Breadcrumbs.mjs";
 import { Button, buttonMeta } from "./components/Button/Button.mjs";
 import { Checkbox, checkboxMeta } from "./components/Checkbox/Checkbox.mjs";
 import { CheckboxGroup, checkboxGroupMeta } from "./components/CheckboxGroup/CheckboxGroup.mjs";
+import { Code, codeMeta } from "./components/Code/Code.mjs";
+import { Container, containerMeta } from "./components/Container/Container.mjs";
 import { FileTrigger, fileTriggerMeta } from "./components/FileTrigger/FileTrigger.mjs";
+import { Grid, gridMeta } from "./components/Grid/Grid.mjs";
 import { GridList, GridListItem, gridListItemMeta, gridListMeta } from "./components/GridList/GridList.mjs";
 import { Group, groupMeta } from "./components/Group/Group.mjs";
+import { Heading, headingMeta } from "./components/Heading/Heading.mjs";
 import { Link, linkMeta } from "./components/Link/Link.mjs";
 import { ListBox, ListBoxItem, listBoxItemMeta, listBoxMeta } from "./components/ListBox/ListBox.mjs";
 import { Meter, meterMeta } from "./components/Meter/Meter.mjs";
@@ -17,8 +24,11 @@ import { Radio, RadioGroup, radioGroupMeta, radioMeta } from "./components/Radio
 import { Select, SelectItem, selectItemMeta, selectMeta } from "./components/Select/Select.mjs";
 import { Separator, separatorMeta } from "./components/Separator/Separator.mjs";
 import { Slider, sliderMeta } from "./components/Slider/Slider.mjs";
+import { Stack, stackMeta } from "./components/Stack/Stack.mjs";
+import { Surface, surfaceMeta } from "./components/Surface/Surface.mjs";
 import { Switch, switchMeta } from "./components/Switch/Switch.mjs";
 import { Tab, TabList, TabPanel, Tabs, tabListMeta, tabMeta, tabPanelMeta, tabsMeta } from "./components/Tabs/Tabs.mjs";
+import { Text, textMeta } from "./components/Text/Text.mjs";
 import { Toast, ToastRegion, createToastQueue, toastMeta, toastRegionMeta } from "./components/Toast/Toast.mjs";
 import { ToggleButton, toggleButtonMeta } from "./components/ToggleButton/ToggleButton.mjs";
 import { ToggleButtonGroup, toggleButtonGroupMeta } from "./components/ToggleButtonGroup/ToggleButtonGroup.mjs";
@@ -36,4 +46,4 @@ import { TextArea, TextAreaControl, TextAreaDescription, TextAreaError, TextArea
 import { TextField, TextFieldControl, TextFieldDescription, TextFieldError, TextFieldLabel, textFieldControlMeta, textFieldDescriptionMeta, textFieldErrorMeta, textFieldLabelMeta, textFieldMeta } from "./composites/TextField/TextField.mjs";
 import { Tooltip, TooltipTrigger, tooltipMeta } from "./composites/Tooltip/Tooltip.mjs";
 import { Wizard, WizardNavigation, WizardStep, WizardSummary, wizardMeta, wizardNavigationMeta, wizardStepMeta, wizardSummaryMeta } from "./composites/Wizard/Wizard.mjs";
-export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, Breadcrumb, Breadcrumbs, Button, Checkbox, CheckboxGroup, ConfirmationDialog, Dialog, DialogActions, DialogBody, DialogHeading, DialogModal, DialogTrigger, Disclosure, DisclosurePanel, DisclosureTrigger, FileTrigger, Form, FormActions, FormSubmit, GridList, GridListItem, Group, Link, ListBox, ListBoxItem, Menu, MenuItem, MenuTrigger, Meter, NumberField, Popover, PopoverTrigger, ProgressBar, Radio, RadioGroup, SearchField, SearchFieldControl, SearchFieldLabel, Select, SelectItem, Separator, Slider, Switch, Tab, TabList, TabPanel, Tabs, Tag, TagGroup, TextArea, TextAreaControl, TextAreaDescription, TextAreaError, TextAreaLabel, TextField, TextFieldControl, TextFieldDescription, TextFieldError, TextFieldLabel, Toast, ToastRegion, ToggleButton, ToggleButtonGroup, Toolbar, Tooltip, TooltipTrigger, Wizard, WizardNavigation, WizardStep, WizardSummary, accordionItemMeta, accordionMeta, accordionPanelMeta, accordionTriggerMeta, breadcrumbMeta, breadcrumbsMeta, buttonMeta, checkboxGroupMeta, checkboxMeta, confirmationDialogMeta, createToastQueue, dialogActionsMeta, dialogBodyMeta, dialogHeadingMeta, dialogMeta, dialogModalMeta, disclosureMeta, disclosurePanelMeta, disclosureTriggerMeta, fileTriggerMeta, formActionsMeta, formMeta, formSubmitMeta, gridListItemMeta, gridListMeta, groupMeta, linkMeta, listBoxItemMeta, listBoxMeta, menuItemMeta, menuMeta, meterMeta, numberFieldMeta, popoverMeta, progressBarMeta, radioGroupMeta, radioMeta, searchFieldControlMeta, searchFieldLabelMeta, searchFieldMeta, selectItemMeta, selectMeta, separatorMeta, sliderMeta, switchMeta, tabListMeta, tabMeta, tabPanelMeta, tabsMeta, tagGroupMeta, tagMeta, textAreaControlMeta, textAreaDescriptionMeta, textAreaErrorMeta, textAreaLabelMeta, textAreaMeta, textFieldControlMeta, textFieldDescriptionMeta, textFieldErrorMeta, textFieldLabelMeta, textFieldMeta, toastMeta, toastRegionMeta, toggleButtonGroupMeta, toggleButtonMeta, toolbarMeta, tooltipMeta, wizardMeta, wizardNavigationMeta, wizardStepMeta, wizardSummaryMeta };
+export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, AppShell, Badge, Box, Breadcrumb, Breadcrumbs, Button, Checkbox, CheckboxGroup, Code, ConfirmationDialog, Container, Dialog, DialogActions, DialogBody, DialogHeading, DialogModal, DialogTrigger, Disclosure, DisclosurePanel, DisclosureTrigger, FileTrigger, Form, FormActions, FormSubmit, Grid, GridList, GridListItem, Group, Heading, Link, ListBox, ListBoxItem, Menu, MenuItem, MenuTrigger, Meter, NumberField, Popover, PopoverTrigger, ProgressBar, Radio, RadioGroup, SearchField, SearchFieldControl, SearchFieldLabel, Select, SelectItem, Separator, Slider, Stack, Surface, Switch, Tab, TabList, TabPanel, Tabs, Tag, TagGroup, Text, TextArea, TextAreaControl, TextAreaDescription, TextAreaError, TextAreaLabel, TextField, TextFieldControl, TextFieldDescription, TextFieldError, TextFieldLabel, Toast, ToastRegion, ToggleButton, ToggleButtonGroup, Toolbar, Tooltip, TooltipTrigger, Wizard, WizardNavigation, WizardStep, WizardSummary, accordionItemMeta, accordionMeta, accordionPanelMeta, accordionTriggerMeta, appShellMeta, badgeMeta, boxMeta, breadcrumbMeta, breadcrumbsMeta, buttonMeta, checkboxGroupMeta, checkboxMeta, codeMeta, confirmationDialogMeta, containerMeta, createToastQueue, dialogActionsMeta, dialogBodyMeta, dialogHeadingMeta, dialogMeta, dialogModalMeta, disclosureMeta, disclosurePanelMeta, disclosureTriggerMeta, fileTriggerMeta, formActionsMeta, formMeta, formSubmitMeta, gridListItemMeta, gridListMeta, gridMeta, groupMeta, headingMeta, linkMeta, listBoxItemMeta, listBoxMeta, menuItemMeta, menuMeta, meterMeta, numberFieldMeta, popoverMeta, progressBarMeta, radioGroupMeta, radioMeta, searchFieldControlMeta, searchFieldLabelMeta, searchFieldMeta, selectItemMeta, selectMeta, separatorMeta, sliderMeta, stackMeta, surfaceMeta, switchMeta, tabListMeta, tabMeta, tabPanelMeta, tabsMeta, tagGroupMeta, tagMeta, textAreaControlMeta, textAreaDescriptionMeta, textAreaErrorMeta, textAreaLabelMeta, textAreaMeta, textFieldControlMeta, textFieldDescriptionMeta, textFieldErrorMeta, textFieldLabelMeta, textFieldMeta, textMeta, toastMeta, toastRegionMeta, toggleButtonGroupMeta, toggleButtonMeta, toolbarMeta, tooltipMeta, wizardMeta, wizardNavigationMeta, wizardStepMeta, wizardSummaryMeta };

package/llms.txt

@@ -81,7 +81,18 @@ Feedback:    ProgressBar, Meter, Toast, ToastRegion, createToastQueue
              ProgressBar = a task in flight. Pick by "state" vs "progressing")
 Structure:   Form, FormActions, Wizard, WizardStep, WizardSummary,
              WizardNavigation, Separator, Group (labelled role=group frame),
-             Toolbar (role=toolbar, arrow-key roving nav over its controls)
+             Toolbar (role=toolbar, arrow-key roving nav over its controls),
+             Surface (depth container: level=flat|raised|overlay|blocking,
+             padding=none|sm|md|lg; pairs the elevation shadow with the tonal
+             surface colour so depth reads in light AND dark — use for cards,
+             panels, sheets instead of a hand-rolled div),
+             Heading (h1-h6 bound to the type scale: level=1..6 sets the
+             element, size overrides the visual step — never a raw font-size),
+             Text (body/label copy: variant=body|label-lg|md|sm, tone=muted for
+             secondary hierarchy, as=p|span|div — never a raw font-size),
+             Stack (layout rhythm: direction=vertical|horizontal picks the
+             gap.stack|gap.inline family, gap=xs..xl, align, justify, wrap —
+             never a raw gap; use instead of a hand-rolled flex div)
 
 Icons: INTERNAL only (not exported). Components render glyphs through an
 internal semantic Icon layer (`src/components/Icon/`) that maps `icon.{family}.{intent}`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/fsl-ui",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "Semantic, token-native component library for the ttoss ecosystem. Built on React Aria Components with @ttoss/fsl-theme tokens.",
   "repository": {
     "type": "git",
@@ -33,7 +33,7 @@
     "@iconify-icon/react": "^2.2.0",
     "@iconify/icons-lucide": "^1.2.135",
     "react-aria-components": "~1.19.0",
-    "@ttoss/fsl-theme": "^2.1.1"
+    "@ttoss/fsl-theme": "^2.1.2"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.2",
@@ -50,9 +50,9 @@
     "react-hook-form": "^7.71.1",
     "tsdown": "^0.22.2",
     "zod": "^4.4.3",
+    "@ttoss/forms": "^0.44.4",
     "@ttoss/test-utils": "^4.2.18",
-    "@ttoss/config": "^1.37.17",
-    "@ttoss/forms": "^0.44.4"
+    "@ttoss/config": "^1.37.17"
   },
   "peerDependencies": {
     "react": ">=18",

package/src/tokens/CONTRACT.md

@@ -294,13 +294,21 @@ color:           resolveInteractiveStyle(c?.text,       { isHovered, isPressed,
 
 | Family     | Standard step | Token path                                 |
 | ---------- | ------------- | ------------------------------------------ |
-| Sizing     | `base`        | `vars.sizing.hit.base`                     |
+| Sizing     | _(single)_    | `vars.sizing.hit`                          |
 | Spacing    | `md`          | `vars.spacing.inset.{control\|surface}.md` |
 | Typography | `md`          | `vars.text.label.md`                       |
 
 If a design calls for a "small button", the question is: **why is it smaller semantically?**
 Is it a toolbar action? A chip? A compact selection control? Name it, give it an entity, and it gets its own fixed step.
 
+> **Layout is not a control.** The "no size prop" rule governs _interactive_
+> components (Entity ≠ Structure). The presentational layer — `Box`, `Grid`,
+> `Container`, `Stack`, `Surface` (all Entity = `Structure`) — is the sanctioned,
+> **token-constrained** escape hatch (ADR-009): its props accept only token keys
+> (`padding="md"`, `columns={3}`, `maxWidth="reading"`) or layout keywords
+> (`align`, `auto`/`100%`/`fit-content`), never a raw `style`/`className`/hex/px.
+> Compose layouts with these instead of hand-rolling CSS.
+
 ---
 
 ## §5 — data-\* Attribute Convention
@@ -349,7 +357,18 @@ const valid = ENTITY_EVALUATION['Action'];
 
 ---
 
-## §7 — Escape Hatches: Composite-Scoped CSS Custom Properties
+## §7 — Escape Hatches
+
+There are **two** sanctioned escape hatches, for two different needs:
+
+1. **Composition → the presentational layer (ADR-009).** To arrange, pad, size,
+   or lightly group content, use `Box`/`Grid`/`Container`/`Stack`/`Surface`
+   (Entity = `Structure`). Their props are token-constrained (token keys +
+   layout keywords only) — this is the answer to "I need custom layout" and
+   replaces hand-rolled CSS. See §4.
+2. **Host geometry on composites → composite-scoped CSS custom properties.**
+   For host-owned geometry knobs on interactive composites (which own their
+   layout and expose no visual props), the single channel is described below.
 
 Composites own their layout: they expose no `style`/`className` and no
 visual props. The **single sanctioned customization channel** is a
@@ -407,7 +426,7 @@ Registered knobs:
 ## §8 — Full Example: Button (Entity = Action)
 
 `entity: 'Action'` → §1 row: colors=`action`, radii=`control`, border=`outline.control`,
-sizing=`hit.base`, spacing=`inset.control.md`, typography=`label.md`, motion=`feedback`, elevation=`flat`.
+sizing=`hit`, spacing=`inset.control.md`, typography=`label.md`, motion=`feedback`, elevation=`flat`.
 
 ```typescript
 import { vars } from '@ttoss/fsl-theme/vars';
@@ -440,7 +459,7 @@ export const Button = ({ evaluation = 'primary', ...props }: ButtonProps) => {
         borderRadius: vars.radii.control,
         borderWidth: vars.border.outline.control.width,
         borderStyle: vars.border.outline.control.style,
-        minHeight: vars.sizing.hit.base,
+        minHeight: vars.sizing.hit,
         paddingBlock: vars.spacing.inset.control.md,
         paddingInline: vars.spacing.inset.control.md,
         ...(vars.text.label.md as React.CSSProperties),