@ttoss/fsl-ui 0.2.4 → 0.2.5

package/dist/composites/Accordion/Accordion.cjs

@@ -5,8 +5,8 @@ const require_resolveInteractiveStyle = require('../../tokens/resolveInteractive
 const require_Icon = require('../../components/Icon/Icon.cjs');
 const require_scope = require('../scope.cjs');
 let _ttoss_fsl_theme_vars = require("@ttoss/fsl-theme/vars");
-let react_aria_components = require("react-aria-components");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
 let react = require("react");
 react = require_runtime.__toESM(react);
 
@@ -187,7 +187,7 @@ var AccordionTrigger = ({
           alignItems: "center",
           justifyContent: "space-between",
           gap: _ttoss_fsl_theme_vars.vars.spacing.gap.inline.sm,
-          minHeight: _ttoss_fsl_theme_vars.vars.sizing.hit.base,
+          minHeight: _ttoss_fsl_theme_vars.vars.sizing.hit,
           paddingBlock: _ttoss_fsl_theme_vars.vars.spacing.inset.control.md,
           paddingInline: _ttoss_fsl_theme_vars.vars.spacing.inset.control.md,
           border: "none",
@@ -256,14 +256,19 @@ var AccordionPanel = ({
     "data-scope": "accordion",
     "data-part": "content",
     style: {
-      boxSizing: "border-box",
-      paddingBlock: _ttoss_fsl_theme_vars.vars.spacing.inset.control.md,
-      paddingInline: _ttoss_fsl_theme_vars.vars.spacing.inset.control.md,
-      backgroundColor: c?.background?.default,
-      color: c?.text?.default,
-      ..._ttoss_fsl_theme_vars.vars.text.body.md
+      boxSizing: "border-box"
     },
-    children
+    children: /* @__PURE__ */(0, react_jsx_runtime.jsx)("div", {
+      style: {
+        boxSizing: "border-box",
+        paddingBlock: _ttoss_fsl_theme_vars.vars.spacing.inset.control.md,
+        paddingInline: _ttoss_fsl_theme_vars.vars.spacing.inset.control.md,
+        backgroundColor: c?.background?.default,
+        color: c?.text?.default,
+        ..._ttoss_fsl_theme_vars.vars.text.body.md
+      },
+      children
+    })
   });
 };
 AccordionPanel.displayName = accordionPanelMeta.displayName;

package/dist/composites/Accordion/Accordion.mjs

@@ -4,8 +4,8 @@ import { resolveInteractiveStyle } from "../../tokens/resolveInteractiveStyle.mj
 import { Icon } from "../../components/Icon/Icon.mjs";
 import { createCompositeScope } from "../scope.mjs";
 import { vars } from "@ttoss/fsl-theme/vars";
-import { Button, Disclosure, DisclosureGroup, DisclosurePanel, DisclosureStateContext, Heading } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Disclosure, DisclosureGroup, DisclosurePanel, DisclosureStateContext, Heading } from "react-aria-components";
 import * as React from "react";
 
 //#region src/composites/Accordion/Accordion.tsx
@@ -185,7 +185,7 @@ var AccordionTrigger = ({
           alignItems: "center",
           justifyContent: "space-between",
           gap: vars.spacing.gap.inline.sm,
-          minHeight: vars.sizing.hit.base,
+          minHeight: vars.sizing.hit,
           paddingBlock: vars.spacing.inset.control.md,
           paddingInline: vars.spacing.inset.control.md,
           border: "none",
@@ -254,14 +254,19 @@ var AccordionPanel = ({
     "data-scope": "accordion",
     "data-part": "content",
     style: {
-      boxSizing: "border-box",
-      paddingBlock: vars.spacing.inset.control.md,
-      paddingInline: vars.spacing.inset.control.md,
-      backgroundColor: c?.background?.default,
-      color: c?.text?.default,
-      ...vars.text.body.md
+      boxSizing: "border-box"
     },
-    children
+    children: /* @__PURE__ */jsx("div", {
+      style: {
+        boxSizing: "border-box",
+        paddingBlock: vars.spacing.inset.control.md,
+        paddingInline: vars.spacing.inset.control.md,
+        backgroundColor: c?.background?.default,
+        color: c?.text?.default,
+        ...vars.text.body.md
+      },
+      children
+    })
   });
 };
 AccordionPanel.displayName = accordionPanelMeta.displayName;

package/dist/composites/Dialog/Dialog.cjs

@@ -3,8 +3,8 @@ const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
 const require_scope = require('../scope.cjs');
 const require_escapeHatch = require('../../tokens/escapeHatch.cjs');
 let _ttoss_fsl_theme_vars = require("@ttoss/fsl-theme/vars");
-let react_aria_components = require("react-aria-components");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
 let react = require("react");
 react = require_runtime.__toESM(react);
 

package/dist/composites/Dialog/Dialog.mjs

@@ -2,8 +2,8 @@
 import { createPresenceScope } from "../scope.mjs";
 import { fslVar } from "../../tokens/escapeHatch.mjs";
 import { vars } from "@ttoss/fsl-theme/vars";
-import { Dialog, DialogTrigger, Heading, Modal, ModalOverlay } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { Dialog, DialogTrigger, Heading, Modal, ModalOverlay } from "react-aria-components";
 import * as React from "react";
 
 //#region src/composites/Dialog/Dialog.tsx

package/dist/composites/Disclosure/Disclosure.cjs

@@ -5,8 +5,8 @@ const require_resolveInteractiveStyle = require('../../tokens/resolveInteractive
 const require_Icon = require('../../components/Icon/Icon.cjs');
 const require_scope = require('../scope.cjs');
 let _ttoss_fsl_theme_vars = require("@ttoss/fsl-theme/vars");
-let react_aria_components = require("react-aria-components");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
 let react = require("react");
 react = require_runtime.__toESM(react);
 
@@ -124,7 +124,7 @@ var DisclosureTrigger = ({
           alignItems: "center",
           justifyContent: "space-between",
           gap: _ttoss_fsl_theme_vars.vars.spacing.gap.inline.sm,
-          minHeight: _ttoss_fsl_theme_vars.vars.sizing.hit.base,
+          minHeight: _ttoss_fsl_theme_vars.vars.sizing.hit,
           paddingBlock: _ttoss_fsl_theme_vars.vars.spacing.inset.control.md,
           paddingInline: _ttoss_fsl_theme_vars.vars.spacing.inset.control.md,
           border: "none",
@@ -193,14 +193,19 @@ var DisclosurePanel = ({
     "data-scope": "disclosure",
     "data-part": "content",
     style: {
-      boxSizing: "border-box",
-      paddingBlock: _ttoss_fsl_theme_vars.vars.spacing.inset.control.md,
-      paddingInline: _ttoss_fsl_theme_vars.vars.spacing.inset.control.md,
-      backgroundColor: c?.background?.default,
-      color: c?.text?.default,
-      ..._ttoss_fsl_theme_vars.vars.text.body.md
+      boxSizing: "border-box"
     },
-    children
+    children: /* @__PURE__ */(0, react_jsx_runtime.jsx)("div", {
+      style: {
+        boxSizing: "border-box",
+        paddingBlock: _ttoss_fsl_theme_vars.vars.spacing.inset.control.md,
+        paddingInline: _ttoss_fsl_theme_vars.vars.spacing.inset.control.md,
+        backgroundColor: c?.background?.default,
+        color: c?.text?.default,
+        ..._ttoss_fsl_theme_vars.vars.text.body.md
+      },
+      children
+    })
   });
 };
 DisclosurePanel.displayName = disclosurePanelMeta.displayName;

package/dist/composites/Disclosure/Disclosure.mjs

@@ -4,8 +4,8 @@ import { resolveInteractiveStyle } from "../../tokens/resolveInteractiveStyle.mj
 import { Icon } from "../../components/Icon/Icon.mjs";
 import { createCompositeScope } from "../scope.mjs";
 import { vars } from "@ttoss/fsl-theme/vars";
-import { Button, Disclosure, DisclosurePanel, DisclosureStateContext, Heading } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Disclosure, DisclosurePanel, DisclosureStateContext, Heading } from "react-aria-components";
 import * as React from "react";
 
 //#region src/composites/Disclosure/Disclosure.tsx
@@ -122,7 +122,7 @@ var DisclosureTrigger = ({
           alignItems: "center",
           justifyContent: "space-between",
           gap: vars.spacing.gap.inline.sm,
-          minHeight: vars.sizing.hit.base,
+          minHeight: vars.sizing.hit,
           paddingBlock: vars.spacing.inset.control.md,
           paddingInline: vars.spacing.inset.control.md,
           border: "none",
@@ -191,14 +191,19 @@ var DisclosurePanel$1 = ({
     "data-scope": "disclosure",
     "data-part": "content",
     style: {
-      boxSizing: "border-box",
-      paddingBlock: vars.spacing.inset.control.md,
-      paddingInline: vars.spacing.inset.control.md,
-      backgroundColor: c?.background?.default,
-      color: c?.text?.default,
-      ...vars.text.body.md
+      boxSizing: "border-box"
     },
-    children
+    children: /* @__PURE__ */jsx("div", {
+      style: {
+        boxSizing: "border-box",
+        paddingBlock: vars.spacing.inset.control.md,
+        paddingInline: vars.spacing.inset.control.md,
+        backgroundColor: c?.background?.default,
+        color: c?.text?.default,
+        ...vars.text.body.md
+      },
+      children
+    })
   });
 };
 DisclosurePanel$1.displayName = disclosurePanelMeta.displayName;

package/dist/composites/Form/Form.cjs

@@ -2,8 +2,8 @@
 const require_Button = require('../../components/Button/Button.cjs');
 const require_scope = require('../scope.cjs');
 let _ttoss_fsl_theme_vars = require("@ttoss/fsl-theme/vars");
-let react_aria_components = require("react-aria-components");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
 
 //#region src/composites/Form/Form.tsx
 var formScope = require_scope.createPresenceScope("Form");

package/dist/composites/Form/Form.mjs

@@ -2,8 +2,8 @@
 import { Button as Button$1 } from "../../components/Button/Button.mjs";
 import { createPresenceScope } from "../scope.mjs";
 import { vars } from "@ttoss/fsl-theme/vars";
-import { Form } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { Form } from "react-aria-components";
 
 //#region src/composites/Form/Form.tsx
 var formScope = createPresenceScope("Form");

package/dist/composites/Menu/Menu.cjs

@@ -4,8 +4,8 @@ const require_resolveInteractiveStyle = require('../../tokens/resolveInteractive
 const require_scope = require('../scope.cjs');
 const require_escapeHatch = require('../../tokens/escapeHatch.cjs');
 let _ttoss_fsl_theme_vars = require("@ttoss/fsl-theme/vars");
-let react_aria_components = require("react-aria-components");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
 
 //#region src/composites/Menu/Menu.tsx
 var MENU_MIN_WIDTH_DEFAULT = "12rem";
@@ -156,7 +156,7 @@ var MenuItem = ({
         alignItems: "center",
         cursor: isDisabled ? "not-allowed" : "pointer",
         borderRadius: _ttoss_fsl_theme_vars.vars.radii.control,
-        minHeight: _ttoss_fsl_theme_vars.vars.sizing.hit.base,
+        minHeight: _ttoss_fsl_theme_vars.vars.sizing.hit,
         paddingBlock: _ttoss_fsl_theme_vars.vars.spacing.inset.control.sm,
         paddingInline: _ttoss_fsl_theme_vars.vars.spacing.inset.control.md,
         ..._ttoss_fsl_theme_vars.vars.text.label.md,

package/dist/composites/Menu/Menu.mjs

@@ -4,8 +4,8 @@ import { resolveInteractiveStyle } from "../../tokens/resolveInteractiveStyle.mj
 import { createPresenceScope } from "../scope.mjs";
 import { fslVar } from "../../tokens/escapeHatch.mjs";
 import { vars } from "@ttoss/fsl-theme/vars";
-import { Menu, MenuItem, MenuTrigger, Popover } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { Menu, MenuItem, MenuTrigger, Popover } from "react-aria-components";
 
 //#region src/composites/Menu/Menu.tsx
 var MENU_MIN_WIDTH_DEFAULT = "12rem";
@@ -156,7 +156,7 @@ var MenuItem$1 = ({
         alignItems: "center",
         cursor: isDisabled ? "not-allowed" : "pointer",
         borderRadius: vars.radii.control,
-        minHeight: vars.sizing.hit.base,
+        minHeight: vars.sizing.hit,
         paddingBlock: vars.spacing.inset.control.sm,
         paddingInline: vars.spacing.inset.control.md,
         ...vars.text.label.md,

package/dist/composites/Popover/Popover.cjs

@@ -1,8 +1,8 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 const require_escapeHatch = require('../../tokens/escapeHatch.cjs');
 let _ttoss_fsl_theme_vars = require("@ttoss/fsl-theme/vars");
-let react_aria_components = require("react-aria-components");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
 
 //#region src/composites/Popover/Popover.tsx
 var POPOVER_MAX_WIDTH_DEFAULT = "min(320px, 90vw)";

package/dist/composites/Popover/Popover.mjs

@@ -1,8 +1,8 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 import { fslVar } from "../../tokens/escapeHatch.mjs";
 import { vars } from "@ttoss/fsl-theme/vars";
-import { DialogTrigger, Popover } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { DialogTrigger, Popover } from "react-aria-components";
 
 //#region src/composites/Popover/Popover.tsx
 var POPOVER_MAX_WIDTH_DEFAULT = "min(320px, 90vw)";

package/dist/composites/SearchField/SearchField.cjs

@@ -4,8 +4,8 @@ const require_resolveInteractiveStyle = require('../../tokens/resolveInteractive
 const require_Icon = require('../../components/Icon/Icon.cjs');
 const require_scope = require('../scope.cjs');
 let _ttoss_fsl_theme_vars = require("@ttoss/fsl-theme/vars");
-let react_aria_components = require("react-aria-components");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
 
 //#region src/composites/SearchField/SearchField.tsx
 var searchFieldScope = require_scope.createCompositeScope("SearchField");
@@ -131,7 +131,7 @@ var SearchFieldControl = props => {
         return {
           boxSizing: "border-box",
           inlineSize: "100%",
-          minHeight: _ttoss_fsl_theme_vars.vars.sizing.hit.base,
+          minHeight: _ttoss_fsl_theme_vars.vars.sizing.hit,
           paddingBlock: _ttoss_fsl_theme_vars.vars.spacing.inset.control.sm,
           paddingInlineStart: ADORNMENT_INSET,
           paddingInlineEnd: ADORNMENT_INSET,

package/dist/composites/SearchField/SearchField.mjs

@@ -4,8 +4,8 @@ import { resolveInteractiveStyle } from "../../tokens/resolveInteractiveStyle.mj
 import { Icon } from "../../components/Icon/Icon.mjs";
 import { createCompositeScope } from "../scope.mjs";
 import { vars } from "@ttoss/fsl-theme/vars";
-import { Button, Input, Label, SearchField } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Input, Label, SearchField } from "react-aria-components";
 
 //#region src/composites/SearchField/SearchField.tsx
 var searchFieldScope = createCompositeScope("SearchField");
@@ -131,7 +131,7 @@ var SearchFieldControl = props => {
         return {
           boxSizing: "border-box",
           inlineSize: "100%",
-          minHeight: vars.sizing.hit.base,
+          minHeight: vars.sizing.hit,
           paddingBlock: vars.spacing.inset.control.sm,
           paddingInlineStart: ADORNMENT_INSET,
           paddingInlineEnd: ADORNMENT_INSET,

package/dist/composites/TagGroup/TagGroup.cjs

@@ -4,8 +4,8 @@ const require_resolveInteractiveStyle = require('../../tokens/resolveInteractive
 const require_Icon = require('../../components/Icon/Icon.cjs');
 const require_scope = require('../scope.cjs');
 let _ttoss_fsl_theme_vars = require("@ttoss/fsl-theme/vars");
-let react_aria_components = require("react-aria-components");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
 
 //#region src/composites/TagGroup/TagGroup.tsx
 var tagGroupScope = require_scope.createCompositeScope("TagGroup");
@@ -35,7 +35,7 @@ var buildTagStyle = ({
     display: "inline-flex",
     alignItems: "center",
     gap: _ttoss_fsl_theme_vars.vars.spacing.gap.inline.xs,
-    minHeight: _ttoss_fsl_theme_vars.vars.sizing.hit.base,
+    minHeight: _ttoss_fsl_theme_vars.vars.sizing.hit,
     paddingBlock: _ttoss_fsl_theme_vars.vars.spacing.inset.control.sm,
     paddingInline: _ttoss_fsl_theme_vars.vars.spacing.inset.control.md,
     borderRadius: _ttoss_fsl_theme_vars.vars.radii.control,

package/dist/composites/TagGroup/TagGroup.mjs

@@ -4,8 +4,8 @@ import { resolveInteractiveStyle } from "../../tokens/resolveInteractiveStyle.mj
 import { Icon } from "../../components/Icon/Icon.mjs";
 import { createCompositeScope } from "../scope.mjs";
 import { vars } from "@ttoss/fsl-theme/vars";
-import { Button, Label, Tag, TagGroup, TagList } from "react-aria-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button, Label, Tag, TagGroup, TagList } from "react-aria-components";
 
 //#region src/composites/TagGroup/TagGroup.tsx
 var tagGroupScope = createCompositeScope("TagGroup");
@@ -35,7 +35,7 @@ var buildTagStyle = ({
     display: "inline-flex",
     alignItems: "center",
     gap: vars.spacing.gap.inline.xs,
-    minHeight: vars.sizing.hit.base,
+    minHeight: vars.sizing.hit,
     paddingBlock: vars.spacing.inset.control.sm,
     paddingInline: vars.spacing.inset.control.md,
     borderRadius: vars.radii.control,

package/dist/composites/TextArea/TextArea.cjs

@@ -3,8 +3,8 @@ const require_focusRing = require('../../tokens/focusRing.cjs');
 const require_resolveInteractiveStyle = require('../../tokens/resolveInteractiveStyle.cjs');
 const require_scope = require('../scope.cjs');
 let _ttoss_fsl_theme_vars = require("@ttoss/fsl-theme/vars");
-let react_aria_components = require("react-aria-components");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
 
 //#region src/composites/TextArea/TextArea.tsx
 var textAreaScope = require_scope.createPresenceScope("TextArea");
@@ -114,7 +114,7 @@ var TextAreaControl = props => {
       return {
         boxSizing: "border-box",
         resize: "vertical",
-        minBlockSize: _ttoss_fsl_theme_vars.vars.sizing.hit.base,
+        minBlockSize: _ttoss_fsl_theme_vars.vars.sizing.hit,
         paddingBlock: _ttoss_fsl_theme_vars.vars.spacing.inset.control.sm,
         paddingInline: _ttoss_fsl_theme_vars.vars.spacing.inset.control.md,
         borderRadius: _ttoss_fsl_theme_vars.vars.radii.control,

package/dist/composites/TextArea/TextArea.mjs

@@ -3,8 +3,8 @@ import { focusRingOutline } from "../../tokens/focusRing.mjs";
 import { resolveInteractiveStyle } from "../../tokens/resolveInteractiveStyle.mjs";
 import { createPresenceScope } from "../scope.mjs";
 import { vars } from "@ttoss/fsl-theme/vars";
-import { FieldError, Label, Text, TextArea, TextField } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { FieldError, Label, Text, TextArea, TextField } from "react-aria-components";
 
 //#region src/composites/TextArea/TextArea.tsx
 var textAreaScope = createPresenceScope("TextArea");
@@ -114,7 +114,7 @@ var TextAreaControl = props => {
       return {
         boxSizing: "border-box",
         resize: "vertical",
-        minBlockSize: vars.sizing.hit.base,
+        minBlockSize: vars.sizing.hit,
         paddingBlock: vars.spacing.inset.control.sm,
         paddingInline: vars.spacing.inset.control.md,
         borderRadius: vars.radii.control,

package/dist/composites/TextField/TextField.cjs

@@ -3,8 +3,8 @@ const require_focusRing = require('../../tokens/focusRing.cjs');
 const require_resolveInteractiveStyle = require('../../tokens/resolveInteractiveStyle.cjs');
 const require_scope = require('../scope.cjs');
 let _ttoss_fsl_theme_vars = require("@ttoss/fsl-theme/vars");
-let react_aria_components = require("react-aria-components");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
 
 //#region src/composites/TextField/TextField.tsx
 var textFieldScope = require_scope.createPresenceScope("TextField");
@@ -120,7 +120,7 @@ var TextFieldControl = props => {
     }) => {
       return {
         boxSizing: "border-box",
-        minHeight: _ttoss_fsl_theme_vars.vars.sizing.hit.base,
+        minHeight: _ttoss_fsl_theme_vars.vars.sizing.hit,
         paddingBlock: _ttoss_fsl_theme_vars.vars.spacing.inset.control.sm,
         paddingInline: _ttoss_fsl_theme_vars.vars.spacing.inset.control.md,
         borderRadius: _ttoss_fsl_theme_vars.vars.radii.control,

package/dist/composites/TextField/TextField.mjs

@@ -3,8 +3,8 @@ import { focusRingOutline } from "../../tokens/focusRing.mjs";
 import { resolveInteractiveStyle } from "../../tokens/resolveInteractiveStyle.mjs";
 import { createPresenceScope } from "../scope.mjs";
 import { vars } from "@ttoss/fsl-theme/vars";
-import { FieldError, Input, Label, Text, TextField } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { FieldError, Input, Label, Text, TextField } from "react-aria-components";
 
 //#region src/composites/TextField/TextField.tsx
 var textFieldScope = createPresenceScope("TextField");
@@ -120,7 +120,7 @@ var TextFieldControl = props => {
     }) => {
       return {
         boxSizing: "border-box",
-        minHeight: vars.sizing.hit.base,
+        minHeight: vars.sizing.hit,
         paddingBlock: vars.spacing.inset.control.sm,
         paddingInline: vars.spacing.inset.control.md,
         borderRadius: vars.radii.control,

package/dist/composites/Tooltip/Tooltip.cjs

@@ -1,8 +1,8 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 const require_escapeHatch = require('../../tokens/escapeHatch.cjs');
 let _ttoss_fsl_theme_vars = require("@ttoss/fsl-theme/vars");
-let react_aria_components = require("react-aria-components");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
 
 //#region src/composites/Tooltip/Tooltip.tsx
 var TOOLTIP_MAX_WIDTH_DEFAULT = "min(280px, 90vw)";

package/dist/composites/Tooltip/Tooltip.mjs

@@ -1,8 +1,8 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 import { fslVar } from "../../tokens/escapeHatch.mjs";
 import { vars } from "@ttoss/fsl-theme/vars";
-import { Tooltip, TooltipTrigger } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { Tooltip, TooltipTrigger } from "react-aria-components";
 
 //#region src/composites/Tooltip/Tooltip.tsx
 var TOOLTIP_MAX_WIDTH_DEFAULT = "min(280px, 90vw)";

package/dist/index.cjs

@@ -4,13 +4,20 @@
 Object.defineProperty(exports, Symbol.toStringTag, {
   value: 'Module'
 });
+const require_AppShell = require('./components/AppShell/AppShell.cjs');
+const require_Badge = require('./components/Badge/Badge.cjs');
+const require_Box = require('./components/Box/Box.cjs');
 const require_Breadcrumbs = require('./components/Breadcrumbs/Breadcrumbs.cjs');
 const require_Button = require('./components/Button/Button.cjs');
 const require_Checkbox = require('./components/Checkbox/Checkbox.cjs');
 const require_CheckboxGroup = require('./components/CheckboxGroup/CheckboxGroup.cjs');
+const require_Code = require('./components/Code/Code.cjs');
+const require_Container = require('./components/Container/Container.cjs');
 const require_FileTrigger = require('./components/FileTrigger/FileTrigger.cjs');
+const require_Grid = require('./components/Grid/Grid.cjs');
 const require_GridList = require('./components/GridList/GridList.cjs');
 const require_Group = require('./components/Group/Group.cjs');
+const require_Heading = require('./components/Heading/Heading.cjs');
 const require_Link = require('./components/Link/Link.cjs');
 const require_ListBox = require('./components/ListBox/ListBox.cjs');
 const require_Meter = require('./components/Meter/Meter.cjs');
@@ -20,8 +27,11 @@ const require_RadioGroup = require('./components/RadioGroup/RadioGroup.cjs');
 const require_Select = require('./components/Select/Select.cjs');
 const require_Separator = require('./components/Separator/Separator.cjs');
 const require_Slider = require('./components/Slider/Slider.cjs');
+const require_Stack = require('./components/Stack/Stack.cjs');
+const require_Surface = require('./components/Surface/Surface.cjs');
 const require_Switch = require('./components/Switch/Switch.cjs');
 const require_Tabs = require('./components/Tabs/Tabs.cjs');
+const require_Text = require('./components/Text/Text.cjs');
 const require_Toast = require('./components/Toast/Toast.cjs');
 const require_ToggleButton = require('./components/ToggleButton/ToggleButton.cjs');
 const require_ToggleButtonGroup = require('./components/ToggleButtonGroup/ToggleButtonGroup.cjs');
@@ -43,12 +53,17 @@ exports.Accordion = require_Accordion.Accordion;
 exports.AccordionItem = require_Accordion.AccordionItem;
 exports.AccordionPanel = require_Accordion.AccordionPanel;
 exports.AccordionTrigger = require_Accordion.AccordionTrigger;
+exports.AppShell = require_AppShell.AppShell;
+exports.Badge = require_Badge.Badge;
+exports.Box = require_Box.Box;
 exports.Breadcrumb = require_Breadcrumbs.Breadcrumb;
 exports.Breadcrumbs = require_Breadcrumbs.Breadcrumbs;
 exports.Button = require_Button.Button;
 exports.Checkbox = require_Checkbox.Checkbox;
 exports.CheckboxGroup = require_CheckboxGroup.CheckboxGroup;
+exports.Code = require_Code.Code;
 exports.ConfirmationDialog = require_ConfirmationDialog.ConfirmationDialog;
+exports.Container = require_Container.Container;
 exports.Dialog = require_Dialog.Dialog;
 exports.DialogActions = require_Dialog.DialogActions;
 exports.DialogBody = require_Dialog.DialogBody;
@@ -62,9 +77,11 @@ exports.FileTrigger = require_FileTrigger.FileTrigger;
 exports.Form = require_Form.Form;
 exports.FormActions = require_Form.FormActions;
 exports.FormSubmit = require_Form.FormSubmit;
+exports.Grid = require_Grid.Grid;
 exports.GridList = require_GridList.GridList;
 exports.GridListItem = require_GridList.GridListItem;
 exports.Group = require_Group.Group;
+exports.Heading = require_Heading.Heading;
 exports.Link = require_Link.Link;
 exports.ListBox = require_ListBox.ListBox;
 exports.ListBoxItem = require_ListBox.ListBoxItem;
@@ -85,6 +102,8 @@ exports.Select = require_Select.Select;
 exports.SelectItem = require_Select.SelectItem;
 exports.Separator = require_Separator.Separator;
 exports.Slider = require_Slider.Slider;
+exports.Stack = require_Stack.Stack;
+exports.Surface = require_Surface.Surface;
 exports.Switch = require_Switch.Switch;
 exports.Tab = require_Tabs.Tab;
 exports.TabList = require_Tabs.TabList;
@@ -92,6 +111,7 @@ exports.TabPanel = require_Tabs.TabPanel;
 exports.Tabs = require_Tabs.Tabs;
 exports.Tag = require_TagGroup.Tag;
 exports.TagGroup = require_TagGroup.TagGroup;
+exports.Text = require_Text.Text;
 exports.TextArea = require_TextArea.TextArea;
 exports.TextAreaControl = require_TextArea.TextAreaControl;
 exports.TextAreaDescription = require_TextArea.TextAreaDescription;
@@ -117,12 +137,17 @@ exports.accordionItemMeta = require_Accordion.accordionItemMeta;
 exports.accordionMeta = require_Accordion.accordionMeta;
 exports.accordionPanelMeta = require_Accordion.accordionPanelMeta;
 exports.accordionTriggerMeta = require_Accordion.accordionTriggerMeta;
+exports.appShellMeta = require_AppShell.appShellMeta;
+exports.badgeMeta = require_Badge.badgeMeta;
+exports.boxMeta = require_Box.boxMeta;
 exports.breadcrumbMeta = require_Breadcrumbs.breadcrumbMeta;
 exports.breadcrumbsMeta = require_Breadcrumbs.breadcrumbsMeta;
 exports.buttonMeta = require_Button.buttonMeta;
 exports.checkboxGroupMeta = require_CheckboxGroup.checkboxGroupMeta;
 exports.checkboxMeta = require_Checkbox.checkboxMeta;
+exports.codeMeta = require_Code.codeMeta;
 exports.confirmationDialogMeta = require_ConfirmationDialog.confirmationDialogMeta;
+exports.containerMeta = require_Container.containerMeta;
 exports.createToastQueue = require_Toast.createToastQueue;
 exports.dialogActionsMeta = require_Dialog.dialogActionsMeta;
 exports.dialogBodyMeta = require_Dialog.dialogBodyMeta;
@@ -138,7 +163,9 @@ exports.formMeta = require_Form.formMeta;
 exports.formSubmitMeta = require_Form.formSubmitMeta;
 exports.gridListItemMeta = require_GridList.gridListItemMeta;
 exports.gridListMeta = require_GridList.gridListMeta;
+exports.gridMeta = require_Grid.gridMeta;
 exports.groupMeta = require_Group.groupMeta;
+exports.headingMeta = require_Heading.headingMeta;
 exports.linkMeta = require_Link.linkMeta;
 exports.listBoxItemMeta = require_ListBox.listBoxItemMeta;
 exports.listBoxMeta = require_ListBox.listBoxMeta;
@@ -157,6 +184,8 @@ exports.selectItemMeta = require_Select.selectItemMeta;
 exports.selectMeta = require_Select.selectMeta;
 exports.separatorMeta = require_Separator.separatorMeta;
 exports.sliderMeta = require_Slider.sliderMeta;
+exports.stackMeta = require_Stack.stackMeta;
+exports.surfaceMeta = require_Surface.surfaceMeta;
 exports.switchMeta = require_Switch.switchMeta;
 exports.tabListMeta = require_Tabs.tabListMeta;
 exports.tabMeta = require_Tabs.tabMeta;
@@ -174,6 +203,7 @@ exports.textFieldDescriptionMeta = require_TextField.textFieldDescriptionMeta;
 exports.textFieldErrorMeta = require_TextField.textFieldErrorMeta;
 exports.textFieldLabelMeta = require_TextField.textFieldLabelMeta;
 exports.textFieldMeta = require_TextField.textFieldMeta;
+exports.textMeta = require_Text.textMeta;
 exports.toastMeta = require_Toast.toastMeta;
 exports.toastRegionMeta = require_Toast.toastRegionMeta;
 exports.toggleButtonGroupMeta = require_ToggleButtonGroup.toggleButtonGroupMeta;