@saas-ui/react 3.0.0-next.14 → 3.0.0-next.15

package/dist/{chunk-D72A4SU3.js → chunk-GQYL3VVZ.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   ToggleTip
-} from "./chunk-OWFY465Z.js";
+} from "./chunk-QITSWCWX.js";
 import {
   IconButton
 } from "./chunk-OJZPPAT6.js";

package/dist/{chunk-RBG43JK2.js → chunk-LFITUDGB.js}

@@ -5350,9 +5350,109 @@ var numberInputSlotRecipe = defineSlotRecipe27({
   }
 });
 
+// src/components/page/page.recipe.ts
+import { defineSlotRecipe as defineSlotRecipe28 } from "@chakra-ui/react/styled-system";
+var slots = [
+  "root",
+  "header",
+  "headerContent",
+  "heading",
+  "headerFooter",
+  "title",
+  "description",
+  "body"
+];
+var pageSlotRecipe = defineSlotRecipe28({
+  className: "sui-page",
+  slots,
+  base: {
+    root: {
+      display: "flex",
+      flexDirection: "column",
+      flex: 1,
+      minH: 0
+    },
+    title: {
+      fontWeight: "medium",
+      fontSize: "sm"
+    },
+    description: {
+      color: "fg.muted",
+      fontSize: "xs"
+    },
+    body: {
+      flex: 1,
+      overflowY: "auto",
+      p: 4
+    }
+  },
+  variants: {
+    variant: {
+      panel: {
+        root: {
+          "--page-bg-color": "colors.bg.muted",
+          bg: "color-mix(in srgb, var(--page-bg-color) 50%, white)",
+          zIndex: 1
+        },
+        header: {
+          "--page-header-row-height": "40px",
+          display: "grid",
+          gridTemplateAreas: `"nav heading actions"
+               "footer footer footer"`,
+          gridTemplateColumns: "auto max-content 1fr",
+          gridTemplateRows: "minmax(var(--page-header-row-height), auto)",
+          columnGap: 2,
+          alignItems: "center",
+          justifyContent: "stretch",
+          flexShrink: 0,
+          px: 3,
+          borderBottomWidth: "1px"
+        },
+        title: {
+          me: 4
+        }
+      },
+      settings: {
+        root: {
+          overflowY: "auto",
+          px: 4
+        },
+        header: {
+          flexDirection: "row",
+          alignItems: "center",
+          mb: {
+            base: 4,
+            lg: 8
+          },
+          minH: 24
+        },
+        heading: {
+          py: {
+            base: 4,
+            lg: 8
+          }
+        },
+        title: {
+          textStyle: "2xl"
+        },
+        description: {
+          textStyle: "md"
+        },
+        body: {
+          overflow: "visible",
+          p: 0
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "panel"
+  }
+});
+
 // src/components/persona/persona.recipe.ts
 import {
-  defineSlotRecipe as defineSlotRecipe28,
+  defineSlotRecipe as defineSlotRecipe29,
   defineStyle as defineStyle3
 } from "@chakra-ui/react/styled-system";
 var baseStyleLabel = defineStyle3({
@@ -5362,7 +5462,7 @@ var baseStyleLabel = defineStyle3({
   minW: 0,
   color: "fg"
 });
-var personaSlotRecipe = defineSlotRecipe28({
+var personaSlotRecipe = defineSlotRecipe29({
   className: "sui-persona",
   slots: [
     "root",
@@ -5463,9 +5563,9 @@ var personaSlotRecipe = defineSlotRecipe28({
 
 // src/components/pin-input/pin-input.recipe.ts
 import { pinInputAnatomy } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as defineSlotRecipe29 } from "@chakra-ui/react/styled-system";
+import { defineSlotRecipe as defineSlotRecipe30 } from "@chakra-ui/react/styled-system";
 var { variants: variants2, defaultVariants: defaultVariants2 } = inputRecipe;
-var pinInputSlotRecipe = defineSlotRecipe29({
+var pinInputSlotRecipe = defineSlotRecipe30({
   className: "chakra-pin-input",
   slots: pinInputAnatomy.keys(),
   base: {
@@ -5495,8 +5595,8 @@ var pinInputSlotRecipe = defineSlotRecipe29({
 
 // src/components/popover/popover.recipe.ts
 import { popoverAnatomy } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as defineSlotRecipe30 } from "@chakra-ui/react/styled-system";
-var popoverSlotRecipe = defineSlotRecipe30({
+import { defineSlotRecipe as defineSlotRecipe31 } from "@chakra-ui/react/styled-system";
+var popoverSlotRecipe = defineSlotRecipe31({
   className: "chakra-popover",
   slots: popoverAnatomy.keys(),
   base: {
@@ -5582,8 +5682,8 @@ var popoverSlotRecipe = defineSlotRecipe30({
 
 // src/components/progress-circle/progress-circle.recipe.ts
 import { progressAnatomy } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as defineSlotRecipe31 } from "@chakra-ui/react/styled-system";
-var progressCircleSlotRecipe = defineSlotRecipe31({
+import { defineSlotRecipe as defineSlotRecipe32 } from "@chakra-ui/react/styled-system";
+var progressCircleSlotRecipe = defineSlotRecipe32({
   className: "chakra-progress-circle",
   slots: progressAnatomy.keys(),
   base: {
@@ -5675,8 +5775,8 @@ var progressCircleSlotRecipe = defineSlotRecipe31({
 
 // src/components/progress/progress.recipe.ts
 import { progressAnatomy as progressAnatomy2 } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as defineSlotRecipe32 } from "@chakra-ui/react/styled-system";
-var progressSlotRecipe = defineSlotRecipe32({
+import { defineSlotRecipe as defineSlotRecipe33 } from "@chakra-ui/react/styled-system";
+var progressSlotRecipe = defineSlotRecipe33({
   slots: progressAnatomy2.keys(),
   className: "chakra-progress",
   base: {
@@ -5797,8 +5897,8 @@ var progressSlotRecipe = defineSlotRecipe32({
 
 // src/components/radio-card/radio-card.recipe.ts
 import { radioCardAnatomy } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as defineSlotRecipe33 } from "@chakra-ui/react/styled-system";
-var radioCardSlotRecipe = defineSlotRecipe33({
+import { defineSlotRecipe as defineSlotRecipe34 } from "@chakra-ui/react/styled-system";
+var radioCardSlotRecipe = defineSlotRecipe34({
   className: "chakra-radio-card",
   slots: radioCardAnatomy.keys(),
   base: {
@@ -6007,8 +6107,8 @@ var radioCardSlotRecipe = defineSlotRecipe33({
 
 // src/components/radio-group/radio-group.recipe.ts
 import { radioGroupAnatomy } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as defineSlotRecipe34 } from "@chakra-ui/react/styled-system";
-var radioGroupSlotRecipe = defineSlotRecipe34({
+import { defineSlotRecipe as defineSlotRecipe35 } from "@chakra-ui/react/styled-system";
+var radioGroupSlotRecipe = defineSlotRecipe35({
   className: "chakra-radio-group",
   slots: radioGroupAnatomy.keys(),
   base: {
@@ -6069,8 +6169,8 @@ var radioGroupSlotRecipe = defineSlotRecipe34({
 
 // src/components/rating-group/rating-group.recipe.ts
 import { ratingGroupAnatomy } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as defineSlotRecipe35 } from "@chakra-ui/react/styled-system";
-var ratingGroupSlotRecipe = defineSlotRecipe35({
+import { defineSlotRecipe as defineSlotRecipe36 } from "@chakra-ui/react/styled-system";
+var ratingGroupSlotRecipe = defineSlotRecipe36({
   className: "chakra-rating-group",
   slots: ratingGroupAnatomy.keys(),
   base: {
@@ -6152,10 +6252,75 @@ var ratingGroupSlotRecipe = defineSlotRecipe35({
   }
 });
 
+// src/components/section/section.recipe.ts
+import { defineSlotRecipe as defineSlotRecipe37 } from "@chakra-ui/react/styled-system";
+var slots2 = ["root", "header", "title", "description", "body"];
+var sectionSlotRecipe = defineSlotRecipe37({
+  className: "sui-section",
+  slots: slots2,
+  base: {
+    root: {
+      display: "flex",
+      flexDirection: "column"
+    },
+    header: {
+      flexShrink: 0,
+      mb: 4
+    },
+    title: {
+      textStyle: "heading",
+      fontWeight: "semibold",
+      lineHeight: "110%",
+      letterSpacing: "-1%",
+      mb: 1
+    },
+    description: {
+      color: "fg.muted",
+      fontSize: "md",
+      "& a": {
+        fontWeight: "medium",
+        color: "fg"
+      }
+    },
+    body: {
+      flex: 1,
+      minWidth: 0
+    }
+  },
+  variants: {
+    variant: {
+      annotated: {
+        root: {
+          flexDirection: {
+            base: "column",
+            md: "row"
+          },
+          mt: 4
+        },
+        header: {
+          width: {
+            base: "full",
+            md: "30%"
+          },
+          mb: {
+            base: 4,
+            md: 0
+          },
+          pe: {
+            base: 4,
+            md: 8
+          }
+        }
+      }
+    }
+  },
+  defaultVariants: {}
+});
+
 // src/components/segmented-control/segment-group.recipe.ts
 import { segmentGroupAnatomy } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as defineSlotRecipe36 } from "@chakra-ui/react/styled-system";
-var segmentGroupSlotRecipe = defineSlotRecipe36({
+import { defineSlotRecipe as defineSlotRecipe38 } from "@chakra-ui/react/styled-system";
+var segmentGroupSlotRecipe = defineSlotRecipe38({
   className: "chakra-segment-group",
   slots: segmentGroupAnatomy.keys(),
   base: {
@@ -6282,8 +6447,8 @@ var segmentGroupSlotRecipe = defineSlotRecipe36({
 });
 
 // src/components/sidebar/sidebar-nav-item.recipe.ts
-import { defineSlotRecipe as defineSlotRecipe37 } from "@chakra-ui/react";
-var sidebarNavItemSlotRecipe = defineSlotRecipe37({
+import { defineSlotRecipe as defineSlotRecipe39 } from "@chakra-ui/react";
+var sidebarNavItemSlotRecipe = defineSlotRecipe39({
   className: "sui-sidebar-nav-item",
   slots: ["item", "button", "endElement"],
   base: {
@@ -6394,8 +6559,8 @@ var sidebarNavItemSlotRecipe = defineSlotRecipe37({
 });
 
 // src/components/sidebar/sidebar.recipe.ts
-import { defineSlotRecipe as defineSlotRecipe38 } from "@chakra-ui/react/styled-system";
-var sidebarSlotRecipe = defineSlotRecipe38({
+import { defineSlotRecipe as defineSlotRecipe40 } from "@chakra-ui/react/styled-system";
+var sidebarSlotRecipe = defineSlotRecipe40({
   className: "sui-sidebar",
   slots: [
     "root",
@@ -6633,8 +6798,8 @@ var sidebarSlotRecipe = defineSlotRecipe38({
 
 // src/components/slider/slider.recipe.ts
 import { sliderAnatomy } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as defineSlotRecipe39 } from "@chakra-ui/react/styled-system";
-var sliderSlotRecipe = defineSlotRecipe39({
+import { defineSlotRecipe as defineSlotRecipe41 } from "@chakra-ui/react/styled-system";
+var sliderSlotRecipe = defineSlotRecipe41({
   className: "chakra-slider",
   slots: sliderAnatomy.keys(),
   base: {
@@ -6810,8 +6975,8 @@ var sliderSlotRecipe = defineSlotRecipe39({
 
 // src/components/stat/stat.recipe.ts
 import { statAnatomy } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as defineSlotRecipe40 } from "@chakra-ui/react/styled-system";
-var statSlotRecipe = defineSlotRecipe40({
+import { defineSlotRecipe as defineSlotRecipe42 } from "@chakra-ui/react/styled-system";
+var statSlotRecipe = defineSlotRecipe42({
   className: "chakra-stat",
   slots: statAnatomy.keys(),
   base: {
@@ -6888,8 +7053,8 @@ var statSlotRecipe = defineSlotRecipe40({
 
 // src/components/status/status.recipe.ts
 import { statusAnatomy } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as defineSlotRecipe41 } from "@chakra-ui/react/styled-system";
-var statusSlotRecipe = defineSlotRecipe41({
+import { defineSlotRecipe as defineSlotRecipe43 } from "@chakra-ui/react/styled-system";
+var statusSlotRecipe = defineSlotRecipe43({
   className: "chakra-status",
   slots: statusAnatomy.keys(),
   base: {
@@ -6934,8 +7099,8 @@ var statusSlotRecipe = defineSlotRecipe41({
 
 // src/components/steps/steps.recipe.ts
 import { stepsAnatomy } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as defineSlotRecipe42 } from "@chakra-ui/react/styled-system";
-var stepsSlotRecipe = defineSlotRecipe42({
+import { defineSlotRecipe as defineSlotRecipe44 } from "@chakra-ui/react/styled-system";
+var stepsSlotRecipe = defineSlotRecipe44({
   className: "chakra-steps",
   slots: stepsAnatomy.keys(),
   base: {
@@ -7149,8 +7314,8 @@ var stepsSlotRecipe = defineSlotRecipe42({
 
 // src/components/switch/switch.recipe.ts
 import { switchAnatomy } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as defineSlotRecipe43 } from "@chakra-ui/react/styled-system";
-var switchSlotRecipe = defineSlotRecipe43({
+import { defineSlotRecipe as defineSlotRecipe45 } from "@chakra-ui/react/styled-system";
+var switchSlotRecipe = defineSlotRecipe45({
   slots: switchAnatomy.keys(),
   className: "chakra-switch",
   base: {
@@ -7307,8 +7472,8 @@ var switchSlotRecipe = defineSlotRecipe43({
 
 // src/components/table/table.recipe.ts
 import { tableAnatomy } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as defineSlotRecipe44 } from "@chakra-ui/react/styled-system";
-var tableSlotRecipe = defineSlotRecipe44({
+import { defineSlotRecipe as defineSlotRecipe46 } from "@chakra-ui/react/styled-system";
+var tableSlotRecipe = defineSlotRecipe46({
   className: "chakra-table",
   slots: tableAnatomy.keys(),
   base: {
@@ -7470,8 +7635,8 @@ var tableSlotRecipe = defineSlotRecipe44({
 
 // src/components/tabs/tabs.recipe.ts
 import { tabsAnatomy } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as defineSlotRecipe45 } from "@chakra-ui/react/styled-system";
-var tabsSlotRecipe = defineSlotRecipe45({
+import { defineSlotRecipe as defineSlotRecipe47 } from "@chakra-ui/react/styled-system";
+var tabsSlotRecipe = defineSlotRecipe47({
   slots: tabsAnatomy.keys(),
   className: "chakra-tabs",
   base: {
@@ -7784,9 +7949,9 @@ var tabsSlotRecipe = defineSlotRecipe45({
 
 // src/components/tag/tag.recipe.ts
 import { tagAnatomy } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as defineSlotRecipe46 } from "@chakra-ui/react/styled-system";
+import { defineSlotRecipe as defineSlotRecipe48 } from "@chakra-ui/react/styled-system";
 var badgeVariant = badgeRecipe.variants?.variant;
-var tagSlotRecipe = defineSlotRecipe46({
+var tagSlotRecipe = defineSlotRecipe48({
   slots: tagAnatomy.keys(),
   className: "chakra-tag",
   base: {
@@ -7939,8 +8104,8 @@ var tagSlotRecipe = defineSlotRecipe46({
 
 // src/components/timeline/timeline.recipe.ts
 import { timelineAnatomy } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as defineSlotRecipe47 } from "@chakra-ui/react/styled-system";
-var timelineSlotRecipe = defineSlotRecipe47({
+import { defineSlotRecipe as defineSlotRecipe49 } from "@chakra-ui/react/styled-system";
+var timelineSlotRecipe = defineSlotRecipe49({
   slots: timelineAnatomy.keys(),
   className: "chakra-timeline",
   base: {
@@ -8075,8 +8240,8 @@ var timelineSlotRecipe = defineSlotRecipe47({
 
 // src/components/toaster/toast.recipe.ts
 import { toastAnatomy } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as defineSlotRecipe48 } from "@chakra-ui/react/styled-system";
-var toastSlotRecipe = defineSlotRecipe48({
+import { defineSlotRecipe as defineSlotRecipe50 } from "@chakra-ui/react/styled-system";
+var toastSlotRecipe = defineSlotRecipe50({
   slots: toastAnatomy.keys(),
   className: "chakra-toast",
   base: {
@@ -8167,8 +8332,8 @@ var toastSlotRecipe = defineSlotRecipe48({
 
 // src/components/tooltip/tooltip.recipe.ts
 import { tooltipAnatomy } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as defineSlotRecipe49 } from "@chakra-ui/react/styled-system";
-var tooltipSlotRecipe = defineSlotRecipe49({
+import { defineSlotRecipe as defineSlotRecipe51 } from "@chakra-ui/react/styled-system";
+var tooltipSlotRecipe = defineSlotRecipe51({
   slots: tooltipAnatomy.keys(),
   className: "chakra-tooltip",
   base: {
@@ -8271,7 +8436,9 @@ var slotRecipes = {
   suiGridList: gridListSlotRecipe,
   suiNavbar: navbarSlotRecipe,
   suiSidebar: sidebarSlotRecipe,
-  suiSidebarNavItem: sidebarNavItemSlotRecipe
+  suiSidebarNavItem: sidebarNavItemSlotRecipe,
+  suiPage: pageSlotRecipe,
+  suiSection: sectionSlotRecipe
 };
 
 // src/theme/text-styles.ts

package/dist/{chunk-GXOQVOKP.js → chunk-NBNSPEJB.js}

@@ -39,7 +39,7 @@ var Toaster = (props) => {
         toast2.description && /* @__PURE__ */ jsx(Toast.Description, { children: toast2.description }),
         toast2.action && /* @__PURE__ */ jsx(Toast.ActionTrigger, { children: toast2.action.label })
       ] }),
-      closable !== false && /* @__PURE__ */ jsx(Toast.CloseTrigger, { children: /* @__PURE__ */ jsx(CloseButton, { size: "xs" }) })
+      closable !== false && /* @__PURE__ */ jsx(Toast.CloseTrigger, { asChild: true, children: /* @__PURE__ */ jsx(CloseButton, { size: "xs" }) })
     ] });
   } }) });
 };

package/dist/chunk-NRC2PKPJ.js

@@ -0,0 +1,60 @@
+'use client'
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/section/section.tsx
+var section_exports = {};
+__export(section_exports, {
+  Body: () => SectionBody,
+  Description: () => SectionDescription,
+  Header: () => SectionHeader,
+  Root: () => SectionRoot,
+  Title: () => SectionTitle
+});
+import {
+  chakra
+} from "@chakra-ui/react";
+
+// src/components/section/section.context.ts
+import { createSlotRecipeContext } from "@chakra-ui/react";
+var {
+  withProvider,
+  withContext,
+  useStyles: useSectionStyles,
+  useClassNames
+} = createSlotRecipeContext({
+  key: "suiSection"
+});
+
+// src/components/section/section.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var SectionRoot = withProvider(
+  "div",
+  "root"
+);
+var SectionBody = withContext("div", "body");
+var SectionHeader = withContext(
+  (props) => {
+    const { title, description, children, ...rest } = props;
+    return /* @__PURE__ */ jsxs(chakra.div, { ...rest, children: [
+      typeof title === "string" ? /* @__PURE__ */ jsx(SectionTitle, { children: title }) : title,
+      typeof description === "string" ? /* @__PURE__ */ jsx(SectionDescription, { children: description }) : description,
+      children
+    ] });
+  },
+  "header"
+);
+var SectionTitle = withContext(
+  "h3",
+  "title"
+);
+var SectionDescription = withContext(
+  "div",
+  "description"
+);
+
+export {
+  useSectionStyles,
+  section_exports
+};

package/dist/components/info-tip/index.js

@@ -1,10 +1,10 @@
 'use client'
 import {
   InfoTip
-} from "../../chunk-D72A4SU3.js";
-import "../../chunk-OWFY465Z.js";
-import "../../chunk-UZUMIWPJ.js";
+} from "../../chunk-GQYL3VVZ.js";
+import "../../chunk-QITSWCWX.js";
 import "../../chunk-FVUEAELO.js";
+import "../../chunk-UZUMIWPJ.js";
 import "../../chunk-KTLWEUNW.js";
 import "../../chunk-JMYI6YXR.js";
 import "../../chunk-U2CWQDXE.js";

package/dist/components/section/index.cjs

@@ -0,0 +1,81 @@
+'use client'
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/section/index.ts
+var section_exports2 = {};
+__export(section_exports2, {
+  Section: () => section_exports,
+  useSectionStyles: () => useSectionStyles
+});
+module.exports = __toCommonJS(section_exports2);
+
+// src/components/section/section.tsx
+var section_exports = {};
+__export(section_exports, {
+  Body: () => SectionBody,
+  Description: () => SectionDescription,
+  Header: () => SectionHeader,
+  Root: () => SectionRoot,
+  Title: () => SectionTitle
+});
+var import_react2 = require("@chakra-ui/react");
+
+// src/components/section/section.context.ts
+var import_react = require("@chakra-ui/react");
+var {
+  withProvider,
+  withContext,
+  useStyles: useSectionStyles,
+  useClassNames
+} = (0, import_react.createSlotRecipeContext)({
+  key: "suiSection"
+});
+
+// src/components/section/section.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var SectionRoot = withProvider(
+  "div",
+  "root"
+);
+var SectionBody = withContext("div", "body");
+var SectionHeader = withContext(
+  (props) => {
+    const { title, description, children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.chakra.div, { ...rest, children: [
+      typeof title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SectionTitle, { children: title }) : title,
+      typeof description === "string" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SectionDescription, { children: description }) : description,
+      children
+    ] });
+  },
+  "header"
+);
+var SectionTitle = withContext(
+  "h3",
+  "title"
+);
+var SectionDescription = withContext(
+  "div",
+  "description"
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Section,
+  useSectionStyles
+});

package/dist/components/section/index.d.cts

@@ -0,0 +1,2 @@
+export { Section_alias_1 as Section } from '../../_tsup-dts-rollup.cjs';
+export { useSectionStyles_alias_1 as useSectionStyles } from '../../_tsup-dts-rollup.cjs';

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

@@ -0,0 +1,2 @@
+export { Section_alias_1 as Section } from '../../_tsup-dts-rollup.js';
+export { useSectionStyles_alias_1 as useSectionStyles } from '../../_tsup-dts-rollup.js';

package/dist/components/section/index.js

@@ -0,0 +1,10 @@
+'use client'
+import {
+  section_exports,
+  useSectionStyles
+} from "../../chunk-NRC2PKPJ.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  section_exports as Section,
+  useSectionStyles
+};

package/dist/components/toaster/index.cjs

@@ -234,7 +234,7 @@ var Toaster = (props) => {
         toast2.description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_toast.Toast.Description, { children: toast2.description }),
         toast2.action && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_toast.Toast.ActionTrigger, { children: toast2.action.label })
       ] }),
-      closable !== false && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_toast.Toast.CloseTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CloseButton, { size: "xs" }) })
+      closable !== false && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_toast.Toast.CloseTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CloseButton, { size: "xs" }) })
     ] });
   } }) });
 };

package/dist/components/toaster/index.js

@@ -2,7 +2,7 @@
 import {
   Toaster,
   toast
-} from "../../chunk-GXOQVOKP.js";
+} from "../../chunk-NBNSPEJB.js";
 import "../../chunk-MK3OG2I4.js";
 import "../../chunk-JMYI6YXR.js";
 import "../../chunk-U2CWQDXE.js";

package/dist/components/toggle-tip/index.js

@@ -1,9 +1,9 @@
 'use client'
 import {
   ToggleTip
-} from "../../chunk-OWFY465Z.js";
-import "../../chunk-UZUMIWPJ.js";
+} from "../../chunk-QITSWCWX.js";
 import "../../chunk-FVUEAELO.js";
+import "../../chunk-UZUMIWPJ.js";
 import "../../chunk-JMYI6YXR.js";
 import "../../chunk-U2CWQDXE.js";
 import "../../chunk-OJZPPAT6.js";