braid-design-system 34.4.0 → 34.5.0

package/dist/lib/playroom/snippets/Strong.cjs

@@ -1,9 +1,7 @@
-
 //#region src/lib/playroom/snippets/Strong.ts
 const snippets = [{
 	description: "Standard",
 	code: "<Strong>Strong text</Strong>"
 }];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

package/dist/lib/playroom/snippets/Strong.mjs

@@ -3,6 +3,5 @@ const snippets = [{
 	description: "Standard",
 	code: "<Strong>Strong text</Strong>"
 }];
-
 //#endregion
-export { snippets };
+export { snippets };

package/dist/lib/playroom/snippets/TabbedSection.cjs

@@ -1,10 +1,8 @@
-
 //#region src/lib/playroom/snippets/TabbedSection.ts
 const snippets = [{
 	group: "Sections",
 	name: "Tabbed Section",
 	code: "<PageBlock width=\"medium\">\n  <TabsProvider>\n    <Stack space=\"large\">\n      <Tabs divider=\"none\" label=\"Tabs Block\">\n        <Tab>Tab 1</Tab>\n        <Tab>Tab 2</Tab>\n        <Tab>Tab 3</Tab>\n      </Tabs>\n\n      <TabPanels>\n        <TabPanel>\n          <Placeholder label=\"Tab 1 content\" height={500} />\n        </TabPanel>\n        <TabPanel>\n          <Placeholder label=\"Tab 2 content\" height={300} />\n        </TabPanel>\n        <TabPanel>\n          <Placeholder label=\"Tab 3 content\" height={400} />\n        </TabPanel>\n      </TabPanels>\n    </Stack>\n  </TabsProvider>\n</PageBlock>"
 }];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

package/dist/lib/playroom/snippets/TabbedSection.mjs

@@ -4,6 +4,5 @@ const snippets = [{
 	name: "Tabbed Section",
 	code: "<PageBlock width=\"medium\">\n  <TabsProvider>\n    <Stack space=\"large\">\n      <Tabs divider=\"none\" label=\"Tabs Block\">\n        <Tab>Tab 1</Tab>\n        <Tab>Tab 2</Tab>\n        <Tab>Tab 3</Tab>\n      </Tabs>\n\n      <TabPanels>\n        <TabPanel>\n          <Placeholder label=\"Tab 1 content\" height={500} />\n        </TabPanel>\n        <TabPanel>\n          <Placeholder label=\"Tab 2 content\" height={300} />\n        </TabPanel>\n        <TabPanel>\n          <Placeholder label=\"Tab 3 content\" height={400} />\n        </TabPanel>\n      </TabPanels>\n    </Stack>\n  </TabsProvider>\n</PageBlock>"
 }];
-
 //#endregion
-export { snippets };
+export { snippets };

package/dist/lib/playroom/snippets/Table.cjs

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/Table.ts
 const snippets = [
 	{
@@ -14,6 +13,5 @@ const snippets = [
 		code: "<Table label=\"Multi-line cell data example\">\n  <TableHeader>\n    <TableRow>\n      <TableHeaderCell>\n        <Text>Data</Text>\n      </TableHeaderCell>\n      <TableHeaderCell>\n        <Text>Data</Text>\n      </TableHeaderCell>\n      <TableHeaderCell width=\"content\" align=\"right\">\n        <Text>Actions</Text>\n      </TableHeaderCell>\n    </TableRow>\n  </TableHeader>\n  <TableBody>\n    {[\n      {\n        line1: \"Sit\",\n        line2: \"Amet\",\n        column2: \"Consectetur\",\n      },\n      {\n        line1: \"Adipiscing\",\n        line2: \"Elit\",\n        column2: \"Praesent\",\n      },\n      {\n        line1: \"Semper\",\n        line2: \"Interdum\",\n        column2: \"Viverra\",\n      },\n    ].map((row) => (\n      <TableRow key={row.line1}>\n        <TableCell>\n          <Stack space=\"xsmall\">\n            <Text>{row.line1}</Text>\n            <Text>{row.line2}</Text>\n          </Stack>\n        </TableCell>\n        <TableCell>\n          <Text>{row.column2}</Text>\n        </TableCell>\n        <TableCell width=\"content\" align=\"right\">\n          <OverflowMenu size=\"small\" label=\"Options\">\n            <MenuItem>Option</MenuItem>\n            <MenuItem>Option</MenuItem>\n          </OverflowMenu>\n        </TableCell>\n      </TableRow>\n    ))}\n  </TableBody>\n</Table>"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

package/dist/lib/playroom/snippets/Table.mjs

@@ -13,6 +13,5 @@ const snippets = [
 		code: "<Table label=\"Multi-line cell data example\">\n  <TableHeader>\n    <TableRow>\n      <TableHeaderCell>\n        <Text>Data</Text>\n      </TableHeaderCell>\n      <TableHeaderCell>\n        <Text>Data</Text>\n      </TableHeaderCell>\n      <TableHeaderCell width=\"content\" align=\"right\">\n        <Text>Actions</Text>\n      </TableHeaderCell>\n    </TableRow>\n  </TableHeader>\n  <TableBody>\n    {[\n      {\n        line1: \"Sit\",\n        line2: \"Amet\",\n        column2: \"Consectetur\",\n      },\n      {\n        line1: \"Adipiscing\",\n        line2: \"Elit\",\n        column2: \"Praesent\",\n      },\n      {\n        line1: \"Semper\",\n        line2: \"Interdum\",\n        column2: \"Viverra\",\n      },\n    ].map((row) => (\n      <TableRow key={row.line1}>\n        <TableCell>\n          <Stack space=\"xsmall\">\n            <Text>{row.line1}</Text>\n            <Text>{row.line2}</Text>\n          </Stack>\n        </TableCell>\n        <TableCell>\n          <Text>{row.column2}</Text>\n        </TableCell>\n        <TableCell width=\"content\" align=\"right\">\n          <OverflowMenu size=\"small\" label=\"Options\">\n            <MenuItem>Option</MenuItem>\n            <MenuItem>Option</MenuItem>\n          </OverflowMenu>\n        </TableCell>\n      </TableRow>\n    ))}\n  </TableBody>\n</Table>"
 	}
 ];
-
 //#endregion
-export { snippets };
+export { snippets };

package/dist/lib/playroom/snippets/TableSection.cjs

@@ -1,10 +1,8 @@
-
 //#region src/lib/playroom/snippets/TableSection.ts
 const snippets = [{
 	group: "Sections",
 	name: "Table Section",
 	code: "<PageBlock width=\"medium\">\n  <Stack space=\"medium\">\n    <Heading level=\"3\">Heading (optional)</Heading>\n\n    <Table label=\"Table Block\">\n      <TableHeader>\n        <TableRow>\n          <TableHeaderCell width=\"content\">\n            <Text>Status</Text>\n          </TableHeaderCell>\n          <TableHeaderCell>\n            <Text>Data 1</Text>\n          </TableHeaderCell>\n          <TableHeaderCell>\n            <Text>Data 2</Text>\n          </TableHeaderCell>\n          <TableHeaderCell>\n            <Text>Data 3</Text>\n          </TableHeaderCell>\n          <TableHeaderCell width=\"content\" align=\"right\">\n            <Text>Actions</Text>\n          </TableHeaderCell>\n        </TableRow>\n      </TableHeader>\n      <TableBody>\n        {[\n          {\n            status: \"Lorem\",\n            data1: \"Sit\",\n            data2: \"Amet\",\n            data3: \"Consectetur\",\n          },\n          {\n            status: \"Ipsum\",\n            data1: \"Adipiscing\",\n            data2: \"Elit\",\n            data3: \"Praesent\",\n          },\n          {\n            status: \"Dolor\",\n            data1: \"Semper\",\n            data2: \"Interdum\",\n            data3: \"Viverra\",\n          },\n        ].map((row) => (\n          <TableRow key={row.data1}>\n            <TableCell width=\"content\">\n              <Badge>{row.status}</Badge>\n            </TableCell>\n            <TableCell>\n              <Text>{row.data1}</Text>\n            </TableCell>\n            <TableCell>\n              <Text>{row.data2}</Text>\n            </TableCell>\n            <TableCell>\n              <Text>{row.data3}</Text>\n            </TableCell>\n            <TableCell width=\"content\" align=\"right\">\n              <OverflowMenu size=\"small\" label=\"Options\">\n                <MenuItem>Option 1</MenuItem>\n                <MenuItem>Option 2</MenuItem>\n              </OverflowMenu>\n            </TableCell>\n          </TableRow>\n        ))}\n      </TableBody>\n    </Table>\n  </Stack>\n</PageBlock>"
 }];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

package/dist/lib/playroom/snippets/TableSection.mjs

@@ -4,6 +4,5 @@ const snippets = [{
 	name: "Table Section",
 	code: "<PageBlock width=\"medium\">\n  <Stack space=\"medium\">\n    <Heading level=\"3\">Heading (optional)</Heading>\n\n    <Table label=\"Table Block\">\n      <TableHeader>\n        <TableRow>\n          <TableHeaderCell width=\"content\">\n            <Text>Status</Text>\n          </TableHeaderCell>\n          <TableHeaderCell>\n            <Text>Data 1</Text>\n          </TableHeaderCell>\n          <TableHeaderCell>\n            <Text>Data 2</Text>\n          </TableHeaderCell>\n          <TableHeaderCell>\n            <Text>Data 3</Text>\n          </TableHeaderCell>\n          <TableHeaderCell width=\"content\" align=\"right\">\n            <Text>Actions</Text>\n          </TableHeaderCell>\n        </TableRow>\n      </TableHeader>\n      <TableBody>\n        {[\n          {\n            status: \"Lorem\",\n            data1: \"Sit\",\n            data2: \"Amet\",\n            data3: \"Consectetur\",\n          },\n          {\n            status: \"Ipsum\",\n            data1: \"Adipiscing\",\n            data2: \"Elit\",\n            data3: \"Praesent\",\n          },\n          {\n            status: \"Dolor\",\n            data1: \"Semper\",\n            data2: \"Interdum\",\n            data3: \"Viverra\",\n          },\n        ].map((row) => (\n          <TableRow key={row.data1}>\n            <TableCell width=\"content\">\n              <Badge>{row.status}</Badge>\n            </TableCell>\n            <TableCell>\n              <Text>{row.data1}</Text>\n            </TableCell>\n            <TableCell>\n              <Text>{row.data2}</Text>\n            </TableCell>\n            <TableCell>\n              <Text>{row.data3}</Text>\n            </TableCell>\n            <TableCell width=\"content\" align=\"right\">\n              <OverflowMenu size=\"small\" label=\"Options\">\n                <MenuItem>Option 1</MenuItem>\n                <MenuItem>Option 2</MenuItem>\n              </OverflowMenu>\n            </TableCell>\n          </TableRow>\n        ))}\n      </TableBody>\n    </Table>\n  </Stack>\n</PageBlock>"
 }];
-
 //#endregion
-export { snippets };
+export { snippets };

package/dist/lib/playroom/snippets/Tabs.cjs

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/Tabs.ts
 const snippets = [
 	{
@@ -26,6 +25,5 @@ const snippets = [
 		code: "<TabsProvider>\n  <Stack space=\"medium\">\n    <Tabs size=\"small\">\n      <Tab>First Tab</Tab>\n      <Tab>Second Tab</Tab>\n    </Tabs>\n    <TabPanels>\n      <TabPanel>\n        <Placeholder label=\"First\" height={200} />\n      </TabPanel>\n      <TabPanel>\n        <Placeholder label=\"Second\" height={200} />\n      </TabPanel>\n    </TabPanels>\n  </Stack>\n</TabsProvider>"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

package/dist/lib/playroom/snippets/Tabs.mjs

@@ -25,6 +25,5 @@ const snippets = [
 		code: "<TabsProvider>\n  <Stack space=\"medium\">\n    <Tabs size=\"small\">\n      <Tab>First Tab</Tab>\n      <Tab>Second Tab</Tab>\n    </Tabs>\n    <TabPanels>\n      <TabPanel>\n        <Placeholder label=\"First\" height={200} />\n      </TabPanel>\n      <TabPanel>\n        <Placeholder label=\"Second\" height={200} />\n      </TabPanel>\n    </TabPanels>\n  </Stack>\n</TabsProvider>"
 	}
 ];
-
 //#endregion
-export { snippets };
+export { snippets };

package/dist/lib/playroom/snippets/Tag.cjs

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/Tag.ts
 const snippets = [
 	{
@@ -22,6 +21,5 @@ const snippets = [
 		code: "<Inline space=\"small\">\n  <Tag icon={<IconTag />}>Tag</Tag>\n  <Tag icon={<IconTag />}>Tag</Tag>\n  <Tag icon={<IconTag />}>Tag</Tag>\n</Inline>"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

package/dist/lib/playroom/snippets/Tag.mjs

@@ -21,6 +21,5 @@ const snippets = [
 		code: "<Inline space=\"small\">\n  <Tag icon={<IconTag />}>Tag</Tag>\n  <Tag icon={<IconTag />}>Tag</Tag>\n  <Tag icon={<IconTag />}>Tag</Tag>\n</Inline>"
 	}
 ];
-
 //#endregion
-export { snippets };
+export { snippets };

package/dist/lib/playroom/snippets/Text.cjs

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/Text.ts
 const snippets = [
 	{
@@ -38,6 +37,5 @@ const snippets = [
 		code: "<Text weight=\"medium\">Medium text</Text>"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

package/dist/lib/playroom/snippets/Text.mjs

@@ -37,6 +37,5 @@ const snippets = [
 		code: "<Text weight=\"medium\">Medium text</Text>"
 	}
 ];
-
 //#endregion
-export { snippets };
+export { snippets };

package/dist/lib/playroom/snippets/TextDropdown.cjs

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/TextDropdown.ts
 const snippets = [
 	{
@@ -14,6 +13,5 @@ const snippets = [
 		code: "<Heading level=\"2\">\n  Heading with{\" \"}\n  <TextDropdown\n    label=\"Options\"\n    options={[\"Option 1\", \"Option 2\", \"Option 3\"]}\n  />\n</Heading>"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

package/dist/lib/playroom/snippets/TextDropdown.mjs

@@ -13,6 +13,5 @@ const snippets = [
 		code: "<Heading level=\"2\">\n  Heading with{\" \"}\n  <TextDropdown\n    label=\"Options\"\n    options={[\"Option 1\", \"Option 2\", \"Option 3\"]}\n  />\n</Heading>"
 	}
 ];
-
 //#endregion
-export { snippets };
+export { snippets };

package/dist/lib/playroom/snippets/TextField.cjs

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/TextField.ts
 const snippets = [
 	{
@@ -34,6 +33,5 @@ const snippets = [
 		code: "<TextField label=\"Label\" tone=\"neutral\" message=\"Neutral message\" />"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

package/dist/lib/playroom/snippets/TextField.mjs

@@ -33,6 +33,5 @@ const snippets = [
 		code: "<TextField label=\"Label\" tone=\"neutral\" message=\"Neutral message\" />"
 	}
 ];
-
 //#endregion
-export { snippets };
+export { snippets };

package/dist/lib/playroom/snippets/TextLink.cjs

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/TextLink.ts
 const snippets = [
 	{
@@ -14,6 +13,5 @@ const snippets = [
 		code: "<Text>\n  <TextLink href=\"\" showVisited>\n    Visited link\n  </TextLink>\n</Text>"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

package/dist/lib/playroom/snippets/TextLink.mjs

@@ -13,6 +13,5 @@ const snippets = [
 		code: "<Text>\n  <TextLink href=\"\" showVisited>\n    Visited link\n  </TextLink>\n</Text>"
 	}
 ];
-
 //#endregion
-export { snippets };
+export { snippets };

package/dist/lib/playroom/snippets/Textarea.cjs

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/Textarea.ts
 const snippets = [
 	{
@@ -42,6 +41,5 @@ const snippets = [
 		code: "<Textarea\n  label=\"Label\"\n  description=\"Characters 11-20 are highlighted\"\n  tone=\"critical\"\n  message=\"Critical message\"\n  highlightRanges={[{ start: 11, end: 20 }]}\n/>"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

package/dist/lib/playroom/snippets/Textarea.mjs

@@ -41,6 +41,5 @@ const snippets = [
 		code: "<Textarea\n  label=\"Label\"\n  description=\"Characters 11-20 are highlighted\"\n  tone=\"critical\"\n  message=\"Critical message\"\n  highlightRanges={[{ start: 11, end: 20 }]}\n/>"
 	}
 ];
-
 //#endregion
-export { snippets };
+export { snippets };

package/dist/lib/playroom/snippets/Tiles.cjs

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/Tiles.ts
 const snippets = [{
 	description: "2 columns",
@@ -7,6 +6,5 @@ const snippets = [{
 	description: "Responsive columns",
 	code: "<Tiles space=\"small\" columns={{ mobile: 2, tablet: 4 }}>\n  <Placeholder height={48} />\n  <Placeholder height={48} />\n  <Placeholder height={48} />\n  <Placeholder height={48} />\n  <Placeholder height={48} />\n  <Placeholder height={48} />\n</Tiles>"
 }];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

package/dist/lib/playroom/snippets/Tiles.mjs

@@ -6,6 +6,5 @@ const snippets = [{
 	description: "Responsive columns",
 	code: "<Tiles space=\"small\" columns={{ mobile: 2, tablet: 4 }}>\n  <Placeholder height={48} />\n  <Placeholder height={48} />\n  <Placeholder height={48} />\n  <Placeholder height={48} />\n  <Placeholder height={48} />\n  <Placeholder height={48} />\n</Tiles>"
 }];
-
 //#endregion
-export { snippets };
+export { snippets };

package/dist/lib/playroom/snippets/Toggle.cjs

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/Toggle.ts
 const snippets = [
 	{
@@ -22,6 +21,5 @@ const snippets = [
 		code: "<Toggle label=\"Label\" togglePosition=\"trailing\" />"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

package/dist/lib/playroom/snippets/Toggle.mjs

@@ -21,6 +21,5 @@ const snippets = [
 		code: "<Toggle label=\"Label\" togglePosition=\"trailing\" />"
 	}
 ];
-
 //#endregion
-export { snippets };
+export { snippets };

package/dist/lib/playroom/snippets/TooltipRenderer.cjs

@@ -1,9 +1,7 @@
-
 //#region src/lib/playroom/snippets/TooltipRenderer.ts
 const snippets = [{
 	description: "Standard",
 	code: "<TooltipRenderer tooltip={<Text>This is a tooltip!</Text>}>\n  {({ triggerProps }) => (\n    <Box {...triggerProps}>\n      <Placeholder label=\"Tooltip trigger\" height={100} />\n    </Box>\n  )}\n</TooltipRenderer>"
 }];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

package/dist/lib/playroom/snippets/TooltipRenderer.mjs

@@ -3,6 +3,5 @@ const snippets = [{
 	description: "Standard",
 	code: "<TooltipRenderer tooltip={<Text>This is a tooltip!</Text>}>\n  {({ triggerProps }) => (\n    <Box {...triggerProps}>\n      <Placeholder label=\"Tooltip trigger\" height={100} />\n    </Box>\n  )}\n</TooltipRenderer>"
 }];
-
 //#endregion
-export { snippets };
+export { snippets };

package/dist/lib/playroom/snippets.cjs

@@ -1,64 +1,63 @@
-const require_Accordion = require('./snippets/Accordion.cjs');
-const require_Actions = require('./snippets/Actions.cjs');
-const require_Alert = require('./snippets/Alert.cjs');
-const require_Autosuggest = require('./snippets/Autosuggest.cjs');
-const require_Badge = require('./snippets/Badge.cjs');
-const require_Bleed = require('./snippets/Bleed.cjs');
-const require_BrandedContainer = require('./snippets/BrandedContainer.cjs');
-const require_Button = require('./snippets/Button.cjs');
-const require_ButtonIcon = require('./snippets/ButtonIcon.cjs');
-const require_Card = require('./snippets/Card.cjs');
-const require_CardList = require('./snippets/CardList.cjs');
-const require_Checkbox = require('./snippets/Checkbox.cjs');
-const require_Columns = require('./snippets/Columns.cjs');
-const require_CompactPage = require('./snippets/CompactPage.cjs');
-const require_ContentBlock = require('./snippets/ContentBlock.cjs');
-const require_Dialog = require('./snippets/Dialog.cjs');
-const require_Disclosure = require('./snippets/Disclosure.cjs');
-const require_DividedList = require('./snippets/DividedList.cjs');
-const require_Divider = require('./snippets/Divider.cjs');
-const require_Drawer = require('./snippets/Drawer.cjs');
-const require_Dropdown = require('./snippets/Dropdown.cjs');
-const require_FieldLabel = require('./snippets/FieldLabel.cjs');
-const require_FieldMessage = require('./snippets/FieldMessage.cjs');
-const require_Form = require('./snippets/Form.cjs');
-const require_Heading = require('./snippets/Heading.cjs');
-const require_Inline = require('./snippets/Inline.cjs');
-const require_List = require('./snippets/List.cjs');
-const require_Loader = require('./snippets/Loader.cjs');
-const require_MenuRenderer = require('./snippets/MenuRenderer.cjs');
-const require_MonthPicker = require('./snippets/MonthPicker.cjs');
-const require_Notice = require('./snippets/Notice.cjs');
-const require_OverflowMenu = require('./snippets/OverflowMenu.cjs');
-const require_Page = require('./snippets/Page.cjs');
-const require_PageBlock = require('./snippets/PageBlock.cjs');
-const require_Pagination = require('./snippets/Pagination.cjs');
-const require_PasswordField = require('./snippets/PasswordField.cjs');
-const require_RadioGroup = require('./snippets/RadioGroup.cjs');
-const require_Rating = require('./snippets/Rating.cjs');
-const require_Secondary = require('./snippets/Secondary.cjs');
-const require_SpaciousPage = require('./snippets/SpaciousPage.cjs');
-const require_Spread = require('./snippets/Spread.cjs');
-const require_Stack = require('./snippets/Stack.cjs');
-const require_StandardPage = require('./snippets/StandardPage.cjs');
-const require_StandardSection = require('./snippets/StandardSection.cjs');
-const require_SteppedSection = require('./snippets/SteppedSection.cjs');
-const require_Stepper = require('./snippets/Stepper.cjs');
-const require_Strong = require('./snippets/Strong.cjs');
-const require_TabbedSection = require('./snippets/TabbedSection.cjs');
-const require_Table = require('./snippets/Table.cjs');
-const require_TableSection = require('./snippets/TableSection.cjs');
-const require_Tabs = require('./snippets/Tabs.cjs');
-const require_Tag = require('./snippets/Tag.cjs');
-const require_Text = require('./snippets/Text.cjs');
-const require_TextDropdown = require('./snippets/TextDropdown.cjs');
-const require_TextField = require('./snippets/TextField.cjs');
-const require_TextLink = require('./snippets/TextLink.cjs');
-const require_Textarea = require('./snippets/Textarea.cjs');
-const require_Tiles = require('./snippets/Tiles.cjs');
-const require_Toggle = require('./snippets/Toggle.cjs');
-const require_TooltipRenderer = require('./snippets/TooltipRenderer.cjs');
-
+const require_Accordion = require("./snippets/Accordion.cjs");
+const require_Actions = require("./snippets/Actions.cjs");
+const require_Alert = require("./snippets/Alert.cjs");
+const require_Autosuggest = require("./snippets/Autosuggest.cjs");
+const require_Badge = require("./snippets/Badge.cjs");
+const require_Bleed = require("./snippets/Bleed.cjs");
+const require_BrandedContainer = require("./snippets/BrandedContainer.cjs");
+const require_Button = require("./snippets/Button.cjs");
+const require_ButtonIcon = require("./snippets/ButtonIcon.cjs");
+const require_Card = require("./snippets/Card.cjs");
+const require_CardList = require("./snippets/CardList.cjs");
+const require_Checkbox = require("./snippets/Checkbox.cjs");
+const require_Columns = require("./snippets/Columns.cjs");
+const require_CompactPage = require("./snippets/CompactPage.cjs");
+const require_ContentBlock = require("./snippets/ContentBlock.cjs");
+const require_Dialog = require("./snippets/Dialog.cjs");
+const require_Disclosure = require("./snippets/Disclosure.cjs");
+const require_DividedList = require("./snippets/DividedList.cjs");
+const require_Divider = require("./snippets/Divider.cjs");
+const require_Drawer = require("./snippets/Drawer.cjs");
+const require_Dropdown = require("./snippets/Dropdown.cjs");
+const require_FieldLabel = require("./snippets/FieldLabel.cjs");
+const require_FieldMessage = require("./snippets/FieldMessage.cjs");
+const require_Form = require("./snippets/Form.cjs");
+const require_Heading = require("./snippets/Heading.cjs");
+const require_Inline = require("./snippets/Inline.cjs");
+const require_List = require("./snippets/List.cjs");
+const require_Loader = require("./snippets/Loader.cjs");
+const require_MenuRenderer = require("./snippets/MenuRenderer.cjs");
+const require_MonthPicker = require("./snippets/MonthPicker.cjs");
+const require_Notice = require("./snippets/Notice.cjs");
+const require_OverflowMenu = require("./snippets/OverflowMenu.cjs");
+const require_Page = require("./snippets/Page.cjs");
+const require_PageBlock = require("./snippets/PageBlock.cjs");
+const require_Pagination = require("./snippets/Pagination.cjs");
+const require_PasswordField = require("./snippets/PasswordField.cjs");
+const require_RadioGroup = require("./snippets/RadioGroup.cjs");
+const require_Rating = require("./snippets/Rating.cjs");
+const require_Secondary = require("./snippets/Secondary.cjs");
+const require_SpaciousPage = require("./snippets/SpaciousPage.cjs");
+const require_Spread = require("./snippets/Spread.cjs");
+const require_Stack = require("./snippets/Stack.cjs");
+const require_StandardPage = require("./snippets/StandardPage.cjs");
+const require_StandardSection = require("./snippets/StandardSection.cjs");
+const require_SteppedSection = require("./snippets/SteppedSection.cjs");
+const require_Stepper = require("./snippets/Stepper.cjs");
+const require_Strong = require("./snippets/Strong.cjs");
+const require_TabbedSection = require("./snippets/TabbedSection.cjs");
+const require_Table = require("./snippets/Table.cjs");
+const require_TableSection = require("./snippets/TableSection.cjs");
+const require_Tabs = require("./snippets/Tabs.cjs");
+const require_Tag = require("./snippets/Tag.cjs");
+const require_Text = require("./snippets/Text.cjs");
+const require_TextDropdown = require("./snippets/TextDropdown.cjs");
+const require_TextField = require("./snippets/TextField.cjs");
+const require_TextLink = require("./snippets/TextLink.cjs");
+const require_Textarea = require("./snippets/Textarea.cjs");
+const require_Tiles = require("./snippets/Tiles.cjs");
+const require_Toggle = require("./snippets/Toggle.cjs");
+const require_TooltipRenderer = require("./snippets/TooltipRenderer.cjs");
 //#region src/lib/playroom/snippets.ts
 const groupOrder = [
 	"Layouts",
@@ -138,6 +137,5 @@ allSnippets.sort((a, b) => {
 	const bIndex = groupOrder.indexOf(b.group);
 	return (aIndex === -1 ? 3 : aIndex) - (bIndex === -1 ? 3 : bIndex);
 });
-
 //#endregion
-exports.default = allSnippets;
+exports.default = allSnippets;

package/dist/lib/playroom/snippets.d.cts

@@ -1,4 +1,3 @@
 //#region src/lib/playroom/snippets.d.ts
 declare const allSnippets: any[];
-//#endregion
-export { allSnippets };
+export = allSnippets;

package/dist/lib/playroom/snippets.d.mts

@@ -1,4 +1,4 @@
 //#region src/lib/playroom/snippets.d.ts
 declare const allSnippets: any[];
 //#endregion
-export { allSnippets };
+export { allSnippets as default };

package/dist/lib/playroom/snippets.mjs

@@ -58,7 +58,6 @@ import { snippets as snippets$56 } from "./snippets/Textarea.mjs";
 import { snippets as snippets$57 } from "./snippets/Tiles.mjs";
 import { snippets as snippets$58 } from "./snippets/Toggle.mjs";
 import { snippets as snippets$59 } from "./snippets/TooltipRenderer.mjs";
-
 //#region src/lib/playroom/snippets.ts
 const groupOrder = [
 	"Layouts",
@@ -138,6 +137,5 @@ allSnippets.sort((a, b) => {
 	const bIndex = groupOrder.indexOf(b.group);
 	return (aIndex === -1 ? 3 : aIndex) - (bIndex === -1 ? 3 : bIndex);
 });
-
 //#endregion
-export { allSnippets as default };
+export { allSnippets as default };

package/dist/lib/playroom/useScope.cjs

@@ -1,12 +1,10 @@
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_breakpoints = require('../css/breakpoints.cjs');
-const require_sprinkles_css = require('../css/atoms/sprinkles.css.cjs');
-const require_useResponsiveValue = require('../components/useResponsiveValue/useResponsiveValue.cjs');
-const require_css = require('../../css.cjs');
-const require_ToastContext = require('../components/useToast/ToastContext.cjs');
-const require_playroomState = require('./playroomState.cjs');
+const require_breakpoints = require("../css/breakpoints.cjs");
+const require_sprinkles_css = require("../css/atoms/sprinkles.css.cjs");
+const require_useResponsiveValue = require("../components/useResponsiveValue/useResponsiveValue.cjs");
+const require_css = require("../../css.cjs");
+const require_ToastContext = require("../components/useToast/ToastContext.cjs");
+const require_playroomState = require("./playroomState.cjs");
 let react = require("react");
-
 //#region src/lib/playroom/useScope.ts
 function useScope() {
 	const responsiveValue = require_useResponsiveValue.useResponsiveValue();
@@ -44,6 +42,5 @@ function useScope() {
 		...playroomState
 	};
 }
-
 //#endregion
-exports.default = useScope;
+exports.default = useScope;

package/dist/lib/playroom/useScope.d.cts

@@ -2,8 +2,8 @@ import { breakpoints } from "../css/breakpoints.cjs";
 import { RequiredResponsiveObject } from "../css/atoms/sprinkles.css.cjs";
 import { atoms, vars } from "../../css.cjs";
 import { useToast } from "../components/useToast/ToastContext.cjs";
+import "../components/index.cjs";
 import { usePlayroomStore } from "./playroomState.cjs";
-
 //#region src/lib/playroom/useScope.d.ts
 type PlayroomScope = {
   vars: typeof vars;
@@ -14,5 +14,4 @@ type PlayroomScope = {
   colorModeValue: (value: Record<'lightMode' | 'darkMode', any>) => any;
 } & ReturnType<typeof usePlayroomStore>;
 declare function useScope(): PlayroomScope;
-//#endregion
-export { useScope };
+export = useScope;

package/dist/lib/playroom/useScope.d.mts

@@ -2,8 +2,8 @@ import { breakpoints } from "../css/breakpoints.mjs";
 import { RequiredResponsiveObject } from "../css/atoms/sprinkles.css.mjs";
 import { atoms, vars } from "../../css.mjs";
 import { useToast } from "../components/useToast/ToastContext.mjs";
+import "../components/index.mjs";
 import { usePlayroomStore } from "./playroomState.mjs";
-
 //#region src/lib/playroom/useScope.d.ts
 type PlayroomScope = {
   vars: typeof vars;
@@ -15,4 +15,4 @@ type PlayroomScope = {
 } & ReturnType<typeof usePlayroomStore>;
 declare function useScope(): PlayroomScope;
 //#endregion
-export { useScope };
+export { useScope as default };

package/dist/lib/playroom/useScope.mjs

@@ -5,7 +5,6 @@ import { atoms, vars } from "../../css.mjs";
 import { useToast } from "../components/useToast/ToastContext.mjs";
 import { usePlayroomStore } from "./playroomState.mjs";
 import { useEffect, useState } from "react";
-
 //#region src/lib/playroom/useScope.ts
 function useScope() {
 	const responsiveValue = useResponsiveValue();
@@ -43,6 +42,5 @@ function useScope() {
 		...playroomState
 	};
 }
-
 //#endregion
-export { useScope as default };
+export { useScope as default };

package/dist/lib/themes/baseTokens/nvl.cjs

@@ -1,7 +1,5 @@
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-const require_palette = require('../../color/palette.cjs');
+const require_palette = require("../../color/palette.cjs");
 let polished = require("polished");
-
 //#region src/lib/themes/baseTokens/nvl.ts
 const formAccent = require_palette.palette.seekBlueLight["700"];
 const promote = require_palette.palette.purple["700"];
@@ -255,6 +253,5 @@ const makeTokens = ({ name, displayName, brandAccent, brandAccentLight, brandAcc
 		}
 	};
 };
-
 //#endregion
-exports.makeTokens = makeTokens;
+exports.makeTokens = makeTokens;

package/dist/lib/themes/baseTokens/nvl.mjs

@@ -1,6 +1,5 @@
 import { palette } from "../../color/palette.mjs";
 import { darken, lighten, rgba, saturate } from "polished";
-
 //#region src/lib/themes/baseTokens/nvl.ts
 const formAccent = palette.seekBlueLight["700"];
 const promote = palette.purple["700"];
@@ -254,6 +253,5 @@ const makeTokens = ({ name, displayName, brandAccent, brandAccentLight, brandAcc
 		}
 	};
 };
-
 //#endregion
-export { makeTokens };
+export { makeTokens };