braid-design-system 34.3.0 → 34.5.0

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

@@ -195,7 +195,6 @@ import { Toggle } from "../components/Toggle/Toggle.playroom.cjs";
 import { PlaceholderHeader } from "./components/PlaceholderHeader/PlaceholderHeader.cjs";
 import { PlaceholderFooter } from "./components/PlaceholderFooter/PlaceholderFooter.cjs";
 import { Placeholder } from "./components/Placeholder/Placeholder.cjs";
-
 //#region src/lib/playroom/components.d.ts
 /**
  * Override Braid exports that we don't want in Playroom
@@ -204,4 +203,4 @@ declare const BraidPortal: undefined;
 declare const BraidProvider: undefined;
 declare const makeLinkComponent: undefined;
 //#endregion
-export { BraidPortal, BraidProvider, makeLinkComponent };
+export { Accordion, AccordionItem, Actions, Alert, Autosuggest, Badge, Bleed, Box, BoxRenderer, BraidPortal, BraidProvider, Button, ButtonIcon, ButtonLink, Card, Checkbox, CheckboxStandalone, Column, Columns, ContentBlock, Dialog, Disclosure, Divider, Drawer, Dropdown, FieldLabel, FieldMessage, Heading, Hidden, HiddenVisually, IconAI, IconAdd, IconArrow, IconAttachment, IconBluetooth, IconBold, IconBookmark, IconBulletList, IconCareer, IconCategory, IconCaution, IconChecklist, IconChevron, IconClear, IconCompany, IconCompose, IconCopy, IconCoverLetter, IconCreditCard, IconCritical, IconDate, IconDelete, IconDesktop, IconDisallow, IconDocument, IconDocumentBroken, IconDownload, IconEdit, IconEducation, IconEnlarge, IconExperience, IconFilter, IconFlag, IconGift, IconGlobe, IconGrid, IconHash, IconHeart, IconHelp, IconHistory, IconHome, IconImage, IconImageBroken, IconInfo, IconInvoice, IconItalic, IconLanguage, IconLicence, IconLink, IconLinkBroken, IconLocation, IconMail, IconMessage, IconMicrophone, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconNumberedList, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, IconPhotoAdd, IconPlatformAndroid, IconPlatformApple, IconPositive, IconPrint, IconProfile, IconPromote, IconQR, IconRecommended, IconRedo, IconRefresh, IconRenderer, IconResume, IconRocket, IconSearch, IconSecurity, IconSend, IconSent, IconSentiment, IconSettings, IconShare, IconSkills, IconSocialFacebook, IconSocialGitHub, IconSocialInstagram, IconSocialLinkedIn, IconSocialMedium, IconSocialTiktok, IconSocialX, IconSocialYouTube, IconSort, IconStar, IconStatistics, IconSubCategory, IconTag, IconThumb, IconTick, IconTime, IconTip, IconTitle, IconUndo, IconUpload, IconVideo, IconVisibility, IconWorkExperience, IconZoomIn, IconZoomOut, Inline, Link, LinkComponent, List, Loader, MenuItem, MenuItemCheckbox, MenuItemDivider, MenuItemLink, MenuRenderer, MonthPicker, Notice, OverflowMenu, Page, PageBlock, Pagination, PasswordField, Placeholder, PlaceholderFooter, PlaceholderHeader, RadioGroup, RadioItem, Rating, Secondary, Spread, Stack, Step, Stepper, Strong, Tab, TabPanel, TabPanels, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tabs, TabsProvider, Tag, Text, TextDropdown, TextField, TextLink, TextLinkButton, Textarea, ThemeNameConsumer, Tiles, ToastProvider, Toggle, TooltipRenderer, filterSuggestions, makeLinkComponent, useColor, useResponsiveValue, useSpace, useThemeName, useToast };

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

@@ -195,7 +195,6 @@ import { Toggle } from "../components/Toggle/Toggle.playroom.mjs";
 import { PlaceholderHeader } from "./components/PlaceholderHeader/PlaceholderHeader.mjs";
 import { PlaceholderFooter } from "./components/PlaceholderFooter/PlaceholderFooter.mjs";
 import { Placeholder } from "./components/Placeholder/Placeholder.mjs";
-
 //#region src/lib/playroom/components.d.ts
 /**
  * Override Braid exports that we don't want in Playroom
@@ -204,4 +203,4 @@ declare const BraidPortal: undefined;
 declare const BraidProvider: undefined;
 declare const makeLinkComponent: undefined;
 //#endregion
-export { BraidPortal, BraidProvider, makeLinkComponent };
+export { Accordion, AccordionItem, Actions, Alert, Autosuggest, Badge, Bleed, Box, BoxRenderer, BraidPortal, BraidProvider, Button, ButtonIcon, ButtonLink, Card, Checkbox, CheckboxStandalone, Column, Columns, ContentBlock, Dialog, Disclosure, Divider, Drawer, Dropdown, FieldLabel, FieldMessage, Heading, Hidden, HiddenVisually, IconAI, IconAdd, IconArrow, IconAttachment, IconBluetooth, IconBold, IconBookmark, IconBulletList, IconCareer, IconCategory, IconCaution, IconChecklist, IconChevron, IconClear, IconCompany, IconCompose, IconCopy, IconCoverLetter, IconCreditCard, IconCritical, IconDate, IconDelete, IconDesktop, IconDisallow, IconDocument, IconDocumentBroken, IconDownload, IconEdit, IconEducation, IconEnlarge, IconExperience, IconFilter, IconFlag, IconGift, IconGlobe, IconGrid, IconHash, IconHeart, IconHelp, IconHistory, IconHome, IconImage, IconImageBroken, IconInfo, IconInvoice, IconItalic, IconLanguage, IconLicence, IconLink, IconLinkBroken, IconLocation, IconMail, IconMessage, IconMicrophone, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconNumberedList, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, IconPhotoAdd, IconPlatformAndroid, IconPlatformApple, IconPositive, IconPrint, IconProfile, IconPromote, IconQR, IconRecommended, IconRedo, IconRefresh, IconRenderer, IconResume, IconRocket, IconSearch, IconSecurity, IconSend, IconSent, IconSentiment, IconSettings, IconShare, IconSkills, IconSocialFacebook, IconSocialGitHub, IconSocialInstagram, IconSocialLinkedIn, IconSocialMedium, IconSocialTiktok, IconSocialX, IconSocialYouTube, IconSort, IconStar, IconStatistics, IconSubCategory, IconTag, IconThumb, IconTick, IconTime, IconTip, IconTitle, IconUndo, IconUpload, IconVideo, IconVisibility, IconWorkExperience, IconZoomIn, IconZoomOut, Inline, Link, LinkComponent, List, Loader, MenuItem, MenuItemCheckbox, MenuItemDivider, MenuItemLink, MenuRenderer, MonthPicker, Notice, OverflowMenu, Page, PageBlock, Pagination, PasswordField, Placeholder, PlaceholderFooter, PlaceholderHeader, RadioGroup, RadioItem, Rating, Secondary, Spread, Stack, Step, Stepper, Strong, Tab, TabPanel, TabPanels, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tabs, TabsProvider, Tag, Text, TextDropdown, TextField, TextLink, TextLinkButton, Textarea, ThemeNameConsumer, Tiles, ToastProvider, Toggle, TooltipRenderer, filterSuggestions, makeLinkComponent, useColor, useResponsiveValue, useSpace, useThemeName, useToast };

package/dist/lib/playroom/components.mjs

@@ -5,7 +5,6 @@ import { useColor } from "../components/useColor/useColor.mjs";
 import { useResponsiveValue } from "../components/useResponsiveValue/useResponsiveValue.mjs";
 import { Divider } from "../components/Divider/Divider.mjs";
 import { Text } from "../components/Text/Text.mjs";
-import { IconRenderer } from "../components/icons/IconRenderer.mjs";
 import { IconAI } from "../components/icons/IconAI/IconAI.mjs";
 import { IconAdd } from "../components/icons/IconAdd/IconAdd.mjs";
 import { IconArrow } from "../components/icons/IconArrow/IconArrow.mjs";
@@ -128,6 +127,7 @@ import { BoxRenderer } from "../components/Box/BoxRenderer.mjs";
 import { ContentBlock } from "../components/ContentBlock/ContentBlock.mjs";
 import { TextLink } from "../components/TextLink/TextLink.mjs";
 import { TextLinkButton } from "../components/TextLinkButton/TextLinkButton.mjs";
+import { IconRenderer } from "../components/icons/IconRenderer.mjs";
 import { Loader } from "../components/Loader/Loader.mjs";
 import { MenuItemDivider } from "../components/MenuItemDivider/MenuItemDivider.mjs";
 import { MenuRenderer } from "../components/MenuRenderer/MenuRenderer.mjs";
@@ -194,7 +194,6 @@ import { Toggle } from "../components/Toggle/Toggle.playroom.mjs";
 import { PlaceholderHeader } from "./components/PlaceholderHeader/PlaceholderHeader.mjs";
 import { PlaceholderFooter } from "./components/PlaceholderFooter/PlaceholderFooter.mjs";
 import { Placeholder } from "./components/Placeholder/Placeholder.mjs";
-
 //#region src/lib/playroom/components.ts
 /**
 * Override Braid exports that we don't want in Playroom
@@ -202,6 +201,5 @@ import { Placeholder } from "./components/Placeholder/Placeholder.mjs";
 const BraidPortal = void 0;
 const BraidProvider = void 0;
 const makeLinkComponent = void 0;
-
 //#endregion
-export { BraidPortal, BraidProvider, makeLinkComponent };
+export { Accordion, AccordionItem, Actions, Alert, Autosuggest, Badge, Bleed, Box, BoxRenderer, BraidPortal, BraidProvider, Button, ButtonIcon, ButtonLink, Card, Checkbox, CheckboxStandalone, Column, Columns, ContentBlock, Dialog, Disclosure, Divider, Drawer, Dropdown, FieldLabel, FieldMessage, Heading, Hidden, HiddenVisually, IconAI, IconAdd, IconArrow, IconAttachment, IconBluetooth, IconBold, IconBookmark, IconBulletList, IconCareer, IconCategory, IconCaution, IconChecklist, IconChevron, IconClear, IconCompany, IconCompose, IconCopy, IconCoverLetter, IconCreditCard, IconCritical, IconDate, IconDelete, IconDesktop, IconDisallow, IconDocument, IconDocumentBroken, IconDownload, IconEdit, IconEducation, IconEnlarge, IconExperience, IconFilter, IconFlag, IconGift, IconGlobe, IconGrid, IconHash, IconHeart, IconHelp, IconHistory, IconHome, IconImage, IconImageBroken, IconInfo, IconInvoice, IconItalic, IconLanguage, IconLicence, IconLink, IconLinkBroken, IconLocation, IconMail, IconMessage, IconMicrophone, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconNumberedList, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, IconPhotoAdd, IconPlatformAndroid, IconPlatformApple, IconPositive, IconPrint, IconProfile, IconPromote, IconQR, IconRecommended, IconRedo, IconRefresh, IconRenderer, IconResume, IconRocket, IconSearch, IconSecurity, IconSend, IconSent, IconSentiment, IconSettings, IconShare, IconSkills, IconSocialFacebook, IconSocialGitHub, IconSocialInstagram, IconSocialLinkedIn, IconSocialMedium, IconSocialTiktok, IconSocialX, IconSocialYouTube, IconSort, IconStar, IconStatistics, IconSubCategory, IconTag, IconThumb, IconTick, IconTime, IconTip, IconTitle, IconUndo, IconUpload, IconVideo, IconVisibility, IconWorkExperience, IconZoomIn, IconZoomOut, Inline, Link, List, Loader, MenuItem, MenuItemCheckbox, MenuItemDivider, MenuItemLink, MenuRenderer, MonthPicker, Notice, OverflowMenu, Page, PageBlock, Pagination, PasswordField, Placeholder, PlaceholderFooter, PlaceholderHeader, RadioGroup, RadioItem, Rating, Secondary, Spread, Stack, Step, Stepper, Strong, Tab, TabPanel, TabPanels, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tabs, TabsProvider, Tag, Text, TextDropdown, TextField, TextLink, TextLinkButton, Textarea, ThemeNameConsumer, Tiles, ToastProvider, Toggle, TooltipRenderer, filterSuggestions, makeLinkComponent, useColor, useResponsiveValue, useSpace, useThemeName, useToast };

package/dist/lib/playroom/playroomState.cjs

@@ -1,9 +1,8 @@
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lodash_curry = require("lodash.curry");
-lodash_curry = require_runtime.__toESM(lodash_curry);
-
+lodash_curry = require_runtime.__toESM(lodash_curry, 1);
 //#region src/lib/playroom/playroomState.tsx
 const unwrapValue = (value) => {
 	let actualValue = value;
@@ -63,8 +62,8 @@ function useFallbackState(stateKey, value, onChange, defaultValue) {
 	const handleChange = wrapChangeHandler(onChange || noop);
 	return [value ?? (stateKey ? playroomState.getState(stateKey) ?? defaultValue : internalStateValue), handleChange];
 }
-
 //#endregion
 exports.PlayroomStateProvider = PlayroomStateProvider;
+exports.makeStoreConsumer = makeStoreConsumer;
 exports.useFallbackState = useFallbackState;
-exports.usePlayroomStore = usePlayroomStore;
+exports.usePlayroomStore = usePlayroomStore;

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

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-
 //#region src/lib/playroom/playroomState.d.ts
 interface StateProp {
   stateName?: string;
@@ -17,4 +16,4 @@ declare const makeStoreConsumer: (defaultState: Map<string, any>, store: Store,
 };
 declare const usePlayroomStore: () => ReturnType<typeof makeStoreConsumer>;
 //#endregion
-export { StateProp, usePlayroomStore };
+export { StateProp, makeStoreConsumer, usePlayroomStore };

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

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-
 //#region src/lib/playroom/playroomState.d.ts
 interface StateProp {
   stateName?: string;
@@ -17,4 +16,4 @@ declare const makeStoreConsumer: (defaultState: Map<string, any>, store: Store,
 };
 declare const usePlayroomStore: () => ReturnType<typeof makeStoreConsumer>;
 //#endregion
-export { StateProp, usePlayroomStore };
+export { StateProp, makeStoreConsumer, usePlayroomStore };

package/dist/lib/playroom/playroomState.mjs

@@ -1,7 +1,6 @@
 import { createContext, useContext, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import curry from "lodash.curry";
-
 //#region src/lib/playroom/playroomState.tsx
 const unwrapValue = (value) => {
 	let actualValue = value;
@@ -61,6 +60,5 @@ function useFallbackState(stateKey, value, onChange, defaultValue) {
 	const handleChange = wrapChangeHandler(onChange || noop);
 	return [value ?? (stateKey ? playroomState.getState(stateKey) ?? defaultValue : internalStateValue), handleChange];
 }
-
 //#endregion
-export { PlayroomStateProvider, useFallbackState, usePlayroomStore };
+export { PlayroomStateProvider, makeStoreConsumer, useFallbackState, usePlayroomStore };

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

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/Accordion.ts
 const snippets = [
 	{
@@ -30,6 +29,5 @@ const snippets = [
 		code: "<AccordionItem\n  label=\"Label\"\n  badge={\n    <Badge tone=\"promote\" weight=\"strong\">\n      Badge\n    </Badge>\n  }\n>\n  <Placeholder height={100} />\n</AccordionItem>"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

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

@@ -29,6 +29,5 @@ const snippets = [
 		code: "<AccordionItem\n  label=\"Label\"\n  badge={\n    <Badge tone=\"promote\" weight=\"strong\">\n      Badge\n    </Badge>\n  }\n>\n  <Placeholder height={100} />\n</AccordionItem>"
 	}
 ];
-
 //#endregion
-export { snippets };
+export { snippets };

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

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/Actions.ts
 const snippets = [{
 	description: "Standard size",
@@ -7,6 +6,5 @@ const snippets = [{
 	description: "Small size",
 	code: "<Actions size=\"small\">\n  <Button>Button 1</Button>\n  <Button>Button 2</Button>\n  <Button variant=\"transparent\">Button 3</Button>\n</Actions>"
 }];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

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

@@ -6,6 +6,5 @@ const snippets = [{
 	description: "Small size",
 	code: "<Actions size=\"small\">\n  <Button>Button 1</Button>\n  <Button>Button 2</Button>\n  <Button variant=\"transparent\">Button 3</Button>\n</Actions>"
 }];
-
 //#endregion
-export { snippets };
+export { snippets };

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

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/Alert.ts
 const snippets = [
 	{
@@ -26,6 +25,5 @@ const snippets = [
 		code: "<Alert onClose={() => {}} closeLabel=\"Close\">\n  <Text>Dismissible Alert</Text>\n</Alert>"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

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

@@ -25,6 +25,5 @@ const snippets = [
 		code: "<Alert onClose={() => {}} closeLabel=\"Close\">\n  <Text>Dismissible Alert</Text>\n</Alert>"
 	}
 ];
-
 //#endregion
-export { snippets };
+export { snippets };

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

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/Autosuggest.ts
 const snippets = [
 	{
@@ -26,6 +25,5 @@ const snippets = [
 		code: "<Autosuggest\n  aria-label=\"Location\"\n  icon={<IconLocation />}\n  placeholder=\"Enter a location\"\n  suggestions={[\n    { text: \"Adelaide\" },\n    { text: \"Brisbane\" },\n    { text: \"Darwin\" },\n    { text: \"Hobart\" },\n    { text: \"Melbourne\" },\n    { text: \"Perth\" },\n    { text: \"Sydney\" },\n  ]}\n/>"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

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

@@ -25,6 +25,5 @@ const snippets = [
 		code: "<Autosuggest\n  aria-label=\"Location\"\n  icon={<IconLocation />}\n  placeholder=\"Enter a location\"\n  suggestions={[\n    { text: \"Adelaide\" },\n    { text: \"Brisbane\" },\n    { text: \"Darwin\" },\n    { text: \"Hobart\" },\n    { text: \"Melbourne\" },\n    { text: \"Perth\" },\n    { text: \"Sydney\" },\n  ]}\n/>"
 	}
 ];
-
 //#endregion
-export { snippets };
+export { snippets };

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

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/Badge.ts
 const snippets = [
 	{
@@ -54,6 +53,5 @@ const snippets = [
 		code: "<Inline space=\"small\">\n  <Badge tone=\"info\">Badge</Badge>\n  <Badge tone=\"positive\">Badge</Badge>\n  <Badge tone=\"promote\">Badge</Badge>\n</Inline>"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

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

@@ -53,6 +53,5 @@ const snippets = [
 		code: "<Inline space=\"small\">\n  <Badge tone=\"info\">Badge</Badge>\n  <Badge tone=\"positive\">Badge</Badge>\n  <Badge tone=\"promote\">Badge</Badge>\n</Inline>"
 	}
 ];
-
 //#endregion
-export { snippets };
+export { snippets };

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

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/Bleed.ts
 const snippets = [
 	{
@@ -30,6 +29,5 @@ const snippets = [
 		code: "<Bleed right=\"gutter\">\n  <Placeholder height={80} />\n</Bleed>"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

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

@@ -29,6 +29,5 @@ const snippets = [
 		code: "<Bleed right=\"gutter\">\n  <Placeholder height={80} />\n</Bleed>"
 	}
 ];
-
 //#endregion
-export { snippets };
+export { snippets };

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

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/BrandedContainer.ts
 const snippets = [{
 	group: "Sections",
@@ -11,6 +10,5 @@ const snippets = [{
 	description: "Rounded from desktop (full bleed below)",
 	code: "<Box paddingX={{ desktop: \"gutter\" }}>\n  <ContentBlock width=\"large\">\n    <Box\n      background=\"brand\"\n      paddingY=\"xlarge\"\n      borderRadius={{ desktop: \"xlarge\" }}\n    >\n      <PageBlock width=\"medium\">\n        <Stack space=\"large\">\n          <Heading level=\"2\">Heading</Heading>\n\n          <Text>\n            Combines a <Strong>Heading level 2</Strong> with a{\" \"}\n            <Strong>large Stack</Strong> spacing content groups within the\n            section.\n            <br />\n            Uses a <Strong>PageBlock</Strong> inside the section to maintain\n            screen gutters on small screens.\n          </Text>\n\n          <Text>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. In\n            convallis cursus quam nec volutpat. In hac habitasse platea\n            dictumst. Praesent egestas erat id mollis imperdiet. Vestibulum non\n            commodo nisi, sed tempus magna. Duis a malesuada diam.\n          </Text>\n        </Stack>\n      </PageBlock>\n    </Box>\n  </ContentBlock>\n</Box>"
 }];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

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

@@ -10,6 +10,5 @@ const snippets = [{
 	description: "Rounded from desktop (full bleed below)",
 	code: "<Box paddingX={{ desktop: \"gutter\" }}>\n  <ContentBlock width=\"large\">\n    <Box\n      background=\"brand\"\n      paddingY=\"xlarge\"\n      borderRadius={{ desktop: \"xlarge\" }}\n    >\n      <PageBlock width=\"medium\">\n        <Stack space=\"large\">\n          <Heading level=\"2\">Heading</Heading>\n\n          <Text>\n            Combines a <Strong>Heading level 2</Strong> with a{\" \"}\n            <Strong>large Stack</Strong> spacing content groups within the\n            section.\n            <br />\n            Uses a <Strong>PageBlock</Strong> inside the section to maintain\n            screen gutters on small screens.\n          </Text>\n\n          <Text>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. In\n            convallis cursus quam nec volutpat. In hac habitasse platea\n            dictumst. Praesent egestas erat id mollis imperdiet. Vestibulum non\n            commodo nisi, sed tempus magna. Duis a malesuada diam.\n          </Text>\n        </Stack>\n      </PageBlock>\n    </Box>\n  </ContentBlock>\n</Box>"
 }];
-
 //#endregion
-export { snippets };
+export { snippets };

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

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/Button.ts
 const snippets = [
 	{
@@ -82,6 +81,5 @@ const snippets = [
 		code: "<Button size=\"small\" variant=\"transparent\">\n  Button\n</Button>"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

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

@@ -81,6 +81,5 @@ const snippets = [
 		code: "<Button size=\"small\" variant=\"transparent\">\n  Button\n</Button>"
 	}
 ];
-
 //#endregion
-export { snippets };
+export { snippets };

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

@@ -1,10 +1,13 @@
-
 //#region src/lib/playroom/snippets/ButtonIcon.ts
 const snippets = [
 	{
 		description: "Soft",
 		code: "<ButtonIcon variant=\"soft\" icon={<IconBookmark />} label=\"Bookmark\" />"
 	},
+	{
+		description: "Solid",
+		code: "<ButtonIcon variant=\"solid\" icon={<IconBookmark />} label=\"Bookmark\" />"
+	},
 	{
 		description: "Transparent",
 		code: "<ButtonIcon variant=\"transparent\" icon={<IconHelp />} label=\"Help\" />"
@@ -22,6 +25,5 @@ const snippets = [
 		code: "<ButtonIcon tone=\"formAccent\" icon={<IconAdd />} label=\"Add\" />"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

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

@@ -4,6 +4,10 @@ const snippets = [
 		description: "Soft",
 		code: "<ButtonIcon variant=\"soft\" icon={<IconBookmark />} label=\"Bookmark\" />"
 	},
+	{
+		description: "Solid",
+		code: "<ButtonIcon variant=\"solid\" icon={<IconBookmark />} label=\"Bookmark\" />"
+	},
 	{
 		description: "Transparent",
 		code: "<ButtonIcon variant=\"transparent\" icon={<IconHelp />} label=\"Help\" />"
@@ -21,6 +25,5 @@ const snippets = [
 		code: "<ButtonIcon tone=\"formAccent\" icon={<IconAdd />} label=\"Add\" />"
 	}
 ];
-
 //#endregion
-export { snippets };
+export { snippets };

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

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/Card.ts
 const snippets = [
 	{
@@ -18,6 +17,5 @@ const snippets = [
 		code: "<Card>\n  <Stack space=\"large\">\n    <Spread space=\"small\" alignY=\"center\">\n      <Heading level=\"4\">Heading</Heading>\n      <OverflowMenu label=\"Options\">\n        <MenuItem>Menu Item</MenuItem>\n      </OverflowMenu>\n    </Spread>\n    <Text>Text</Text>\n  </Stack>\n</Card>"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

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

@@ -17,6 +17,5 @@ const snippets = [
 		code: "<Card>\n  <Stack space=\"large\">\n    <Spread space=\"small\" alignY=\"center\">\n      <Heading level=\"4\">Heading</Heading>\n      <OverflowMenu label=\"Options\">\n        <MenuItem>Menu Item</MenuItem>\n      </OverflowMenu>\n    </Spread>\n    <Text>Text</Text>\n  </Stack>\n</Card>"
 	}
 ];
-
 //#endregion
-export { snippets };
+export { snippets };

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

@@ -1,10 +1,8 @@
-
 //#region src/lib/playroom/snippets/CardList.ts
 const snippets = [{
 	group: "Sections",
 	name: "Card list",
 	code: "<PageBlock width=\"medium\">\n  <Stack space=\"medium\">\n    <Heading level=\"3\">Heading (optional)</Heading>\n\n    <Stack component=\"ul\" space=\"small\">\n      {[\n        {\n          title: \"Item 1\",\n          subTitle: \"Ea proident nulla veniam\",\n          description: \"Lorem ipsum\",\n          date: \"2d ago\",\n        },\n        {\n          title: \"Item 2\",\n          subTitle: \"Occaecat ad sunt elit\",\n          description: \"Consectetur adipiscing\",\n          date: \"6d ago\",\n        },\n        {\n          title: \"Item 3\",\n          subTitle: \"Commodo exercitation nisi laborum\",\n          description: \"Vel odio\",\n          date: \"3w ago\",\n        },\n      ].map((item) => (\n        <Box component=\"li\" key={item.title}>\n          <Card component=\"article\">\n            <Stack space=\"medium\">\n              <Stack space=\"small\">\n                <Heading level=\"4\">{item.title}</Heading>\n                <Text>{item.subTitle}</Text>\n              </Stack>\n              <Text>{item.description}</Text>\n              <Text tone=\"secondary\">{item.date}</Text>\n            </Stack>\n          </Card>\n        </Box>\n      ))}\n    </Stack>\n\n    <Actions>\n      <Button>Action (optional)</Button>\n    </Actions>\n  </Stack>\n</PageBlock>"
 }];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

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

@@ -4,6 +4,5 @@ const snippets = [{
 	name: "Card list",
 	code: "<PageBlock width=\"medium\">\n  <Stack space=\"medium\">\n    <Heading level=\"3\">Heading (optional)</Heading>\n\n    <Stack component=\"ul\" space=\"small\">\n      {[\n        {\n          title: \"Item 1\",\n          subTitle: \"Ea proident nulla veniam\",\n          description: \"Lorem ipsum\",\n          date: \"2d ago\",\n        },\n        {\n          title: \"Item 2\",\n          subTitle: \"Occaecat ad sunt elit\",\n          description: \"Consectetur adipiscing\",\n          date: \"6d ago\",\n        },\n        {\n          title: \"Item 3\",\n          subTitle: \"Commodo exercitation nisi laborum\",\n          description: \"Vel odio\",\n          date: \"3w ago\",\n        },\n      ].map((item) => (\n        <Box component=\"li\" key={item.title}>\n          <Card component=\"article\">\n            <Stack space=\"medium\">\n              <Stack space=\"small\">\n                <Heading level=\"4\">{item.title}</Heading>\n                <Text>{item.subTitle}</Text>\n              </Stack>\n              <Text>{item.description}</Text>\n              <Text tone=\"secondary\">{item.date}</Text>\n            </Stack>\n          </Card>\n        </Box>\n      ))}\n    </Stack>\n\n    <Actions>\n      <Button>Action (optional)</Button>\n    </Actions>\n  </Stack>\n</PageBlock>"
 }];
-
 //#endregion
-export { snippets };
+export { snippets };

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

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/Checkbox.ts
 const snippets = [
 	{
@@ -26,6 +25,5 @@ const snippets = [
 		code: "<Checkbox label=\"Label\">\n  <Placeholder height={100} />\n</Checkbox>"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

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

@@ -25,6 +25,5 @@ const snippets = [
 		code: "<Checkbox label=\"Label\">\n  <Placeholder height={100} />\n</Checkbox>"
 	}
 ];
-
 //#endregion
-export { snippets };
+export { snippets };

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

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/Columns.ts
 const snippets = [
 	{
@@ -22,6 +21,5 @@ const snippets = [
 		code: "<Columns space=\"xlarge\" collapseBelow=\"tablet\">\n  <Column width=\"2/3\">\n    <Placeholder height={400} label=\"Main\" />\n  </Column>\n  <Column>\n    <Placeholder height={100} label=\"Sidebar\" />\n  </Column>\n</Columns>"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

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

@@ -21,6 +21,5 @@ const snippets = [
 		code: "<Columns space=\"xlarge\" collapseBelow=\"tablet\">\n  <Column width=\"2/3\">\n    <Placeholder height={400} label=\"Main\" />\n  </Column>\n  <Column>\n    <Placeholder height={100} label=\"Sidebar\" />\n  </Column>\n</Columns>"
 	}
 ];
-
 //#endregion
-export { snippets };
+export { snippets };

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

@@ -1,10 +1,8 @@
-
 //#region src/lib/playroom/snippets/CompactPage.ts
 const snippets = [{
 	group: "Layouts",
 	name: "Compact Page",
 	code: "<Page footer={<PlaceholderFooter />} footerPosition=\"belowFold\">\n  <Stack space=\"xlarge\">\n    <PlaceholderHeader />\n\n    <PageBlock width=\"medium\">\n      <Stack space=\"medium\">\n        <Heading level=\"2\">Compact Page</Heading>\n\n        <Text>\n          Combines a <Strong>Heading level 2</Strong> with{\" \"}\n          <Strong>xlarge Stack</Strong> spacing between sections, where each\n          section uses a <Strong>medium PageBlock</Strong> to establish content\n          max width and consistent screen gutters.\n        </Text>\n\n        <Text>\n          If providing text immediately below the Heading, consider using{\" \"}\n          <Strong>standard Text</Strong> and grouping with a{\" \"}\n          <Strong>medium Stack</Strong>.\n        </Text>\n\n        <Text>\n          Use this layout as a starting point where information density needs to\n          be optimised.\n        </Text>\n      </Stack>\n    </PageBlock>\n\n    <PageBlock width=\"medium\">\n      <Placeholder label=\"Section\" height={300} />\n    </PageBlock>\n\n    <PageBlock width=\"medium\">\n      <Placeholder label=\"Section\" height={250} />\n    </PageBlock>\n\n    <PageBlock width=\"medium\">\n      <Placeholder label=\"Section\" height={400} />\n    </PageBlock>\n  </Stack>\n</Page>"
 }];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

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

@@ -4,6 +4,5 @@ const snippets = [{
 	name: "Compact Page",
 	code: "<Page footer={<PlaceholderFooter />} footerPosition=\"belowFold\">\n  <Stack space=\"xlarge\">\n    <PlaceholderHeader />\n\n    <PageBlock width=\"medium\">\n      <Stack space=\"medium\">\n        <Heading level=\"2\">Compact Page</Heading>\n\n        <Text>\n          Combines a <Strong>Heading level 2</Strong> with{\" \"}\n          <Strong>xlarge Stack</Strong> spacing between sections, where each\n          section uses a <Strong>medium PageBlock</Strong> to establish content\n          max width and consistent screen gutters.\n        </Text>\n\n        <Text>\n          If providing text immediately below the Heading, consider using{\" \"}\n          <Strong>standard Text</Strong> and grouping with a{\" \"}\n          <Strong>medium Stack</Strong>.\n        </Text>\n\n        <Text>\n          Use this layout as a starting point where information density needs to\n          be optimised.\n        </Text>\n      </Stack>\n    </PageBlock>\n\n    <PageBlock width=\"medium\">\n      <Placeholder label=\"Section\" height={300} />\n    </PageBlock>\n\n    <PageBlock width=\"medium\">\n      <Placeholder label=\"Section\" height={250} />\n    </PageBlock>\n\n    <PageBlock width=\"medium\">\n      <Placeholder label=\"Section\" height={400} />\n    </PageBlock>\n  </Stack>\n</Page>"
 }];
-
 //#endregion
-export { snippets };
+export { snippets };

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

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/ContentBlock.ts
 const snippets = [
 	{
@@ -22,6 +21,5 @@ const snippets = [
 		code: "<ContentBlock width=\"small\" align=\"left\">\n  <Placeholder height={100} />\n</ContentBlock>"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

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

@@ -21,6 +21,5 @@ const snippets = [
 		code: "<ContentBlock width=\"small\" align=\"left\">\n  <Placeholder height={100} />\n</ContentBlock>"
 	}
 ];
-
 //#endregion
-export { snippets };
+export { snippets };

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

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/Dialog.ts
 const snippets = [
 	{
@@ -26,6 +25,5 @@ const snippets = [
 		code: "<Dialog title=\"Dialog Heading\" width=\"large\" open={true}>\n  <Placeholder width=\"100%\" height={100} />\n</Dialog>"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

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

@@ -25,6 +25,5 @@ const snippets = [
 		code: "<Dialog title=\"Dialog Heading\" width=\"large\" open={true}>\n  <Placeholder width=\"100%\" height={100} />\n</Dialog>"
 	}
 ];
-
 //#endregion
-export { snippets };
+export { snippets };

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

@@ -1,9 +1,7 @@
-
 //#region src/lib/playroom/snippets/Disclosure.ts
 const snippets = [{
 	description: "Standard",
 	code: "<Disclosure expandLabel=\"Show\" collapseLabel=\"Hide\">\n  <Text>Content</Text>\n</Disclosure>"
 }];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

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

@@ -3,6 +3,5 @@ const snippets = [{
 	description: "Standard",
 	code: "<Disclosure expandLabel=\"Show\" collapseLabel=\"Hide\">\n  <Text>Content</Text>\n</Disclosure>"
 }];
-
 //#endregion
-export { snippets };
+export { snippets };

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

@@ -1,10 +1,8 @@
-
 //#region src/lib/playroom/snippets/DividedList.ts
 const snippets = [{
 	group: "Sections",
 	name: "Divided list",
 	code: "<PageBlock width=\"medium\">\n  <Stack space=\"medium\">\n    <Heading level=\"3\">Heading (optional)</Heading>\n\n    {[\n      {\n        title: \"Item 1\",\n        description: \"Lorem ipsum\",\n      },\n      {\n        title: \"Item 2\",\n        description: \"Consectetur adipiscing\",\n      },\n      {\n        title: \"Item 3\",\n        description: \"Vel odio\",\n      },\n    ].map((item) => (\n      <Fragment key={item.title}>\n        <Columns space=\"small\">\n          <Column>\n            <Stack space=\"small\">\n              <Text component=\"h4\" weight=\"strong\">\n                {item.title}\n              </Text>\n              <Text tone=\"secondary\">{item.description}</Text>\n            </Stack>\n          </Column>\n          <Column width=\"content\">\n            <ButtonIcon\n              variant=\"transparent\"\n              icon={<IconEdit />}\n              label=\"Edit\"\n            />\n          </Column>\n        </Columns>\n        <Divider />\n      </Fragment>\n    ))}\n\n    <Actions>\n      <Button>Action (optional)</Button>\n    </Actions>\n  </Stack>\n</PageBlock>"
 }];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

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

@@ -4,6 +4,5 @@ const snippets = [{
 	name: "Divided list",
 	code: "<PageBlock width=\"medium\">\n  <Stack space=\"medium\">\n    <Heading level=\"3\">Heading (optional)</Heading>\n\n    {[\n      {\n        title: \"Item 1\",\n        description: \"Lorem ipsum\",\n      },\n      {\n        title: \"Item 2\",\n        description: \"Consectetur adipiscing\",\n      },\n      {\n        title: \"Item 3\",\n        description: \"Vel odio\",\n      },\n    ].map((item) => (\n      <Fragment key={item.title}>\n        <Columns space=\"small\">\n          <Column>\n            <Stack space=\"small\">\n              <Text component=\"h4\" weight=\"strong\">\n                {item.title}\n              </Text>\n              <Text tone=\"secondary\">{item.description}</Text>\n            </Stack>\n          </Column>\n          <Column width=\"content\">\n            <ButtonIcon\n              variant=\"transparent\"\n              icon={<IconEdit />}\n              label=\"Edit\"\n            />\n          </Column>\n        </Columns>\n        <Divider />\n      </Fragment>\n    ))}\n\n    <Actions>\n      <Button>Action (optional)</Button>\n    </Actions>\n  </Stack>\n</PageBlock>"
 }];
-
 //#endregion
-export { snippets };
+export { snippets };

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

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/Divider.ts
 const snippets = [{
 	description: "Regular",
@@ -7,6 +6,5 @@ const snippets = [{
 	description: "Strong",
 	code: "<Divider weight=\"strong\" />"
 }];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;

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

@@ -6,6 +6,5 @@ const snippets = [{
 	description: "Strong",
 	code: "<Divider weight=\"strong\" />"
 }];
-
 //#endregion
-export { snippets };
+export { snippets };

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

@@ -1,4 +1,3 @@
-
 //#region src/lib/playroom/snippets/Drawer.ts
 const snippets = [
 	{
@@ -18,6 +17,5 @@ const snippets = [
 		code: "<Drawer title=\"Drawer Heading\" width=\"large\" open={true}>\n  <Placeholder width=\"100%\" height={100} />\n</Drawer>"
 	}
 ];
-
 //#endregion
-exports.snippets = snippets;
+exports.snippets = snippets;