braid-design-system 34.0.3 → 34.0.4

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

@@ -0,0 +1,22 @@
+
+//#region src/lib/playroom/snippets/layouts.ts
+const snippets = [
+	{
+		group: "Layouts",
+		name: "Standard Page",
+		code: "<Page footer={<PlaceholderFooter />} footerPosition=\"belowFold\">\n  <Stack space=\"xxlarge\">\n    <PlaceholderHeader />\n\n    <PageBlock width=\"medium\">\n      <Stack space=\"medium\">\n        <Heading level=\"2\">Standard Page</Heading>\n\n        <Text>\n          Combines a <Strong>Heading level 2</Strong> with{\" \"}\n          <Strong>xxlarge 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>Use this layout as a starting point.</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>"
+	},
+	{
+		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>"
+	},
+	{
+		group: "Layouts",
+		name: "Spacious Page",
+		code: "<Page footer={<PlaceholderFooter />} footerPosition=\"belowFold\">\n  <Stack space=\"xxxlarge\">\n    <PlaceholderHeader />\n\n    <PageBlock width=\"large\">\n      <Stack space=\"large\">\n        <Heading level=\"1\">Spacious Page</Heading>\n\n        <Text size=\"large\">\n          Combines a <Strong>Heading level 1</Strong> with{\" \"}\n          <Strong>xxxlarge Stack</Strong> spacing between sections, where each\n          section uses a <Strong>large PageBlock</Strong> to establish content\n          max width and consistent screen gutters.\n        </Text>\n\n        <Text size=\"large\">\n          If providing text immediately below the Heading, consider using{\" \"}\n          <Strong>large Text</Strong> and grouping with a{\" \"}\n          <Strong>large Stack</Strong>.\n        </Text>\n\n        <Text size=\"large\">\n          Use this layout for landing pages and larger form content.\n        </Text>\n      </Stack>\n    </PageBlock>\n\n    <PageBlock width=\"large\">\n      <Placeholder label=\"Section\" height={300} />\n    </PageBlock>\n\n    <PageBlock width=\"large\">\n      <Placeholder label=\"Section\" height={250} />\n    </PageBlock>\n\n    <PageBlock width=\"large\">\n      <Placeholder label=\"Section\" height={400} />\n    </PageBlock>\n  </Stack>\n</Page>"
+	}
+];
+
+//#endregion
+exports.snippets = snippets;

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

@@ -0,0 +1,21 @@
+//#region src/lib/playroom/snippets/layouts.ts
+const snippets = [
+	{
+		group: "Layouts",
+		name: "Standard Page",
+		code: "<Page footer={<PlaceholderFooter />} footerPosition=\"belowFold\">\n  <Stack space=\"xxlarge\">\n    <PlaceholderHeader />\n\n    <PageBlock width=\"medium\">\n      <Stack space=\"medium\">\n        <Heading level=\"2\">Standard Page</Heading>\n\n        <Text>\n          Combines a <Strong>Heading level 2</Strong> with{\" \"}\n          <Strong>xxlarge 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>Use this layout as a starting point.</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>"
+	},
+	{
+		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>"
+	},
+	{
+		group: "Layouts",
+		name: "Spacious Page",
+		code: "<Page footer={<PlaceholderFooter />} footerPosition=\"belowFold\">\n  <Stack space=\"xxxlarge\">\n    <PlaceholderHeader />\n\n    <PageBlock width=\"large\">\n      <Stack space=\"large\">\n        <Heading level=\"1\">Spacious Page</Heading>\n\n        <Text size=\"large\">\n          Combines a <Strong>Heading level 1</Strong> with{\" \"}\n          <Strong>xxxlarge Stack</Strong> spacing between sections, where each\n          section uses a <Strong>large PageBlock</Strong> to establish content\n          max width and consistent screen gutters.\n        </Text>\n\n        <Text size=\"large\">\n          If providing text immediately below the Heading, consider using{\" \"}\n          <Strong>large Text</Strong> and grouping with a{\" \"}\n          <Strong>large Stack</Strong>.\n        </Text>\n\n        <Text size=\"large\">\n          Use this layout for landing pages and larger form content.\n        </Text>\n      </Stack>\n    </PageBlock>\n\n    <PageBlock width=\"large\">\n      <Placeholder label=\"Section\" height={300} />\n    </PageBlock>\n\n    <PageBlock width=\"large\">\n      <Placeholder label=\"Section\" height={250} />\n    </PageBlock>\n\n    <PageBlock width=\"large\">\n      <Placeholder label=\"Section\" height={400} />\n    </PageBlock>\n  </Stack>\n</Page>"
+	}
+];
+
+//#endregion
+export { snippets };

package/dist/lib/playroom/snippets.cjs

@@ -47,9 +47,19 @@ 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_blocks = require('./snippets/blocks.cjs');
+const require_layouts = require('./snippets/layouts.cjs');
 
 //#region src/lib/playroom/snippets.ts
-var snippets_default = Object.entries({
+const groupOrder = [
+	"Layouts",
+	"Blocks",
+	"Components"
+];
+const allSnippets = [];
+const snippetsMap = {
+	blocks: require_blocks.snippets,
+	layouts: require_layouts.snippets,
 	Accordion: require_Accordion.snippets,
 	Actions: require_Actions.snippets,
 	Alert: require_Alert.snippets,
@@ -99,10 +109,17 @@ var snippets_default = Object.entries({
 	Tiles: require_Tiles.snippets,
 	Toggle: require_Toggle.snippets,
 	TooltipRenderer: require_TooltipRenderer.snippets
-}).map(([name, snippets]) => snippets.map((snippet) => ({
+};
+for (const [name, snippets] of Object.entries(snippetsMap)) for (const snippet of snippets) allSnippets.push({
 	...snippet,
-	name: "name" in snippet ? snippet.name : name
-}))).flat();
+	name: "name" in snippet ? snippet.name : name,
+	group: "group" in snippet ? snippet.group : "Components"
+});
+allSnippets.sort((a, b) => {
+	const aIndex = groupOrder.indexOf(a.group);
+	const bIndex = groupOrder.indexOf(b.group);
+	return (aIndex === -1 ? 3 : aIndex) - (bIndex === -1 ? 3 : bIndex);
+});
 
 //#endregion
-exports.default = snippets_default;
+exports.default = allSnippets;

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

@@ -1,8 +1,4 @@
 //#region src/lib/playroom/snippets.d.ts
-declare const _default: {
-  name: unknown;
-  description: string;
-  code: string;
-}[];
+declare const allSnippets: any[];
 //#endregion
-export { _default };
+export { allSnippets };

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

@@ -1,8 +1,4 @@
 //#region src/lib/playroom/snippets.d.ts
-declare const _default: {
-  name: unknown;
-  description: string;
-  code: string;
-}[];
+declare const allSnippets: any[];
 //#endregion
-export { _default };
+export { allSnippets };

package/dist/lib/playroom/snippets.mjs

@@ -47,9 +47,19 @@ import { snippets as snippets$45 } from "./snippets/Textarea.mjs";
 import { snippets as snippets$46 } from "./snippets/Tiles.mjs";
 import { snippets as snippets$47 } from "./snippets/Toggle.mjs";
 import { snippets as snippets$48 } from "./snippets/TooltipRenderer.mjs";
+import { snippets as snippets$49 } from "./snippets/blocks.mjs";
+import { snippets as snippets$50 } from "./snippets/layouts.mjs";
 
 //#region src/lib/playroom/snippets.ts
-var snippets_default = Object.entries({
+const groupOrder = [
+	"Layouts",
+	"Blocks",
+	"Components"
+];
+const allSnippets = [];
+const snippetsMap = {
+	blocks: snippets$49,
+	layouts: snippets$50,
 	Accordion: snippets,
 	Actions: snippets$1,
 	Alert: snippets$2,
@@ -99,10 +109,17 @@ var snippets_default = Object.entries({
 	Tiles: snippets$46,
 	Toggle: snippets$47,
 	TooltipRenderer: snippets$48
-}).map(([name, snippets]) => snippets.map((snippet) => ({
+};
+for (const [name, snippets] of Object.entries(snippetsMap)) for (const snippet of snippets) allSnippets.push({
 	...snippet,
-	name: "name" in snippet ? snippet.name : name
-}))).flat();
+	name: "name" in snippet ? snippet.name : name,
+	group: "group" in snippet ? snippet.group : "Components"
+});
+allSnippets.sort((a, b) => {
+	const aIndex = groupOrder.indexOf(a.group);
+	const bIndex = groupOrder.indexOf(b.group);
+	return (aIndex === -1 ? 3 : aIndex) - (bIndex === -1 ? 3 : bIndex);
+});
 
 //#endregion
-export { snippets_default as default };
+export { allSnippets as default };

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

@@ -2,7 +2,6 @@ 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

package/dist/lib/utils/align.d.mts

@@ -1,5 +1,3 @@
-import "../css/atoms/sprinkles.css.mjs";
-
 //#region src/lib/utils/align.d.ts
 type Align = 'left' | 'center' | 'right';
 type AlignY = 'top' | 'center' | 'bottom';

package/dist/playroom/components.cjs

@@ -121,7 +121,6 @@ const require_IconZoomOut = require('../lib/components/icons/IconZoomOut/IconZoo
 const require_Actions = require('../lib/components/Actions/Actions.cjs');
 const require_Column = require('../lib/components/Column/Column.cjs');
 const require_TooltipRenderer = require('../lib/components/TooltipRenderer/TooltipRenderer.cjs');
-const require_HiddenVisually = require('../lib/components/HiddenVisually/HiddenVisually.cjs');
 const require_Strong = require('../lib/components/Strong/Strong.cjs');
 const require_Secondary = require('../lib/components/Secondary/Secondary.cjs');
 const require_filterSuggestions = require('../lib/components/Autosuggest/filterSuggestions.cjs');
@@ -129,7 +128,6 @@ const require_BoxRenderer = require('../lib/components/Box/BoxRenderer.cjs');
 const require_ContentBlock = require('../lib/components/ContentBlock/ContentBlock.cjs');
 const require_TextLink = require('../lib/components/TextLink/TextLink.cjs');
 const require_TextLinkButton = require('../lib/components/TextLinkButton/TextLinkButton.cjs');
-const require_Hidden = require('../lib/components/Hidden/Hidden.cjs');
 const require_Loader = require('../lib/components/Loader/Loader.cjs');
 const require_MenuItemDivider = require('../lib/components/MenuItemDivider/MenuItemDivider.cjs');
 const require_MenuRenderer = require('../lib/components/MenuRenderer/MenuRenderer.cjs');
@@ -170,6 +168,8 @@ const require_Dropdown_playroom = require('../lib/components/Dropdown/Dropdown.p
 const require_FieldLabel_playroom = require('../lib/components/FieldLabel/FieldLabel.playroom.cjs');
 const require_FieldMessage_playroom = require('../lib/components/FieldMessage/FieldMessage.playroom.cjs');
 const require_Heading_playroom = require('../lib/components/Heading/Heading.playroom.cjs');
+const require_Hidden_playroom = require('../lib/components/Hidden/Hidden.playroom.cjs');
+const require_HiddenVisually_playroom = require('../lib/components/HiddenVisually/HiddenVisually.playroom.cjs');
 const require_Inline_playroom = require('../lib/components/Inline/Inline.playroom.cjs');
 const require_Link_playroom = require('../lib/components/Link/Link.playroom.cjs');
 const require_List_playroom = require('../lib/components/List/List.playroom.cjs');
@@ -237,8 +237,8 @@ exports.Dropdown = require_Dropdown_playroom.Dropdown;
 exports.FieldLabel = require_FieldLabel_playroom.FieldLabel;
 exports.FieldMessage = require_FieldMessage_playroom.FieldMessage;
 exports.Heading = require_Heading_playroom.Heading;
-exports.Hidden = require_Hidden.Hidden;
-exports.HiddenVisually = require_HiddenVisually.HiddenVisually;
+exports.Hidden = require_Hidden_playroom.Hidden;
+exports.HiddenVisually = require_HiddenVisually_playroom.HiddenVisually;
 exports.IconAI = require_IconAI.IconAI;
 exports.IconAdd = require_IconAdd.IconAdd;
 exports.IconArrow = require_IconArrow.IconArrow;

package/dist/playroom/components.d.cts

@@ -12,8 +12,6 @@ import { ContentBlock } from "../lib/components/ContentBlock/ContentBlock.cjs";
 import { TextLink } from "../lib/components/TextLink/TextLink.cjs";
 import { TextLinkButton } from "../lib/components/TextLinkButton/TextLinkButton.cjs";
 import { Divider } from "../lib/components/Divider/Divider.cjs";
-import { Hidden } from "../lib/components/Hidden/Hidden.cjs";
-import { HiddenVisually } from "../lib/components/HiddenVisually/HiddenVisually.cjs";
 import { IconRenderer } from "../lib/components/icons/IconRenderer.cjs";
 import { Loader } from "../lib/components/Loader/Loader.cjs";
 import { MenuRenderer } from "../lib/components/MenuRenderer/MenuRenderer.cjs";
@@ -169,6 +167,8 @@ import { Dropdown } from "../lib/components/Dropdown/Dropdown.playroom.cjs";
 import { FieldLabel } from "../lib/components/FieldLabel/FieldLabel.playroom.cjs";
 import { FieldMessage } from "../lib/components/FieldMessage/FieldMessage.playroom.cjs";
 import { Heading } from "../lib/components/Heading/Heading.playroom.cjs";
+import { Hidden } from "../lib/components/Hidden/Hidden.playroom.cjs";
+import { HiddenVisually } from "../lib/components/HiddenVisually/HiddenVisually.playroom.cjs";
 import { Inline } from "../lib/components/Inline/Inline.playroom.cjs";
 import { Link } from "../lib/components/Link/Link.playroom.cjs";
 import { List } from "../lib/components/List/List.playroom.cjs";

package/dist/playroom/components.d.mts

@@ -12,8 +12,6 @@ import { ContentBlock } from "../lib/components/ContentBlock/ContentBlock.mjs";
 import { TextLink } from "../lib/components/TextLink/TextLink.mjs";
 import { TextLinkButton } from "../lib/components/TextLinkButton/TextLinkButton.mjs";
 import { Divider } from "../lib/components/Divider/Divider.mjs";
-import { Hidden } from "../lib/components/Hidden/Hidden.mjs";
-import { HiddenVisually } from "../lib/components/HiddenVisually/HiddenVisually.mjs";
 import { IconRenderer } from "../lib/components/icons/IconRenderer.mjs";
 import { Loader } from "../lib/components/Loader/Loader.mjs";
 import { MenuRenderer } from "../lib/components/MenuRenderer/MenuRenderer.mjs";
@@ -169,6 +167,8 @@ import { Dropdown } from "../lib/components/Dropdown/Dropdown.playroom.mjs";
 import { FieldLabel } from "../lib/components/FieldLabel/FieldLabel.playroom.mjs";
 import { FieldMessage } from "../lib/components/FieldMessage/FieldMessage.playroom.mjs";
 import { Heading } from "../lib/components/Heading/Heading.playroom.mjs";
+import { Hidden } from "../lib/components/Hidden/Hidden.playroom.mjs";
+import { HiddenVisually } from "../lib/components/HiddenVisually/HiddenVisually.playroom.mjs";
 import { Inline } from "../lib/components/Inline/Inline.playroom.mjs";
 import { Link } from "../lib/components/Link/Link.playroom.mjs";
 import { List } from "../lib/components/List/List.playroom.mjs";

package/dist/playroom/components.mjs

@@ -119,7 +119,6 @@ import { IconZoomOut } from "../lib/components/icons/IconZoomOut/IconZoomOut.mjs
 import { Actions } from "../lib/components/Actions/Actions.mjs";
 import { Column } from "../lib/components/Column/Column.mjs";
 import { TooltipRenderer } from "../lib/components/TooltipRenderer/TooltipRenderer.mjs";
-import { HiddenVisually } from "../lib/components/HiddenVisually/HiddenVisually.mjs";
 import { Strong } from "../lib/components/Strong/Strong.mjs";
 import { Secondary } from "../lib/components/Secondary/Secondary.mjs";
 import { filterSuggestions } from "../lib/components/Autosuggest/filterSuggestions.mjs";
@@ -127,7 +126,6 @@ import { BoxRenderer } from "../lib/components/Box/BoxRenderer.mjs";
 import { ContentBlock } from "../lib/components/ContentBlock/ContentBlock.mjs";
 import { TextLink } from "../lib/components/TextLink/TextLink.mjs";
 import { TextLinkButton } from "../lib/components/TextLinkButton/TextLinkButton.mjs";
-import { Hidden } from "../lib/components/Hidden/Hidden.mjs";
 import { Loader } from "../lib/components/Loader/Loader.mjs";
 import { MenuItemDivider } from "../lib/components/MenuItemDivider/MenuItemDivider.mjs";
 import { MenuRenderer } from "../lib/components/MenuRenderer/MenuRenderer.mjs";
@@ -168,6 +166,8 @@ import { Dropdown } from "../lib/components/Dropdown/Dropdown.playroom.mjs";
 import { FieldLabel } from "../lib/components/FieldLabel/FieldLabel.playroom.mjs";
 import { FieldMessage } from "../lib/components/FieldMessage/FieldMessage.playroom.mjs";
 import { Heading } from "../lib/components/Heading/Heading.playroom.mjs";
+import { Hidden } from "../lib/components/Hidden/Hidden.playroom.mjs";
+import { HiddenVisually } from "../lib/components/HiddenVisually/HiddenVisually.playroom.mjs";
 import { Inline } from "../lib/components/Inline/Inline.playroom.mjs";
 import { Link } from "../lib/components/Link/Link.playroom.mjs";
 import { List } from "../lib/components/List/List.playroom.mjs";

package/dist/playroom/frameSettings.cjs

@@ -0,0 +1,15 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+//#region src/playroom/frameSettings.ts
+const frameSettings = [{
+	id: "stackDebug",
+	label: "Stack Debug",
+	defaultValue: false
+}, {
+	id: "darkMode",
+	label: "Dark Mode (beta)",
+	defaultValue: false
+}];
+
+//#endregion
+exports.frameSettings = frameSettings;

package/dist/playroom/frameSettings.d.cts

@@ -0,0 +1,8 @@
+//#region src/playroom/frameSettings.d.ts
+declare const frameSettings: {
+  id: string;
+  label: string;
+  defaultValue: boolean;
+}[];
+//#endregion
+export { frameSettings };

package/dist/playroom/frameSettings.d.mts

@@ -0,0 +1,8 @@
+//#region src/playroom/frameSettings.d.ts
+declare const frameSettings: {
+  id: string;
+  label: string;
+  defaultValue: boolean;
+}[];
+//#endregion
+export { frameSettings };

package/dist/playroom/frameSettings.mjs

@@ -0,0 +1,13 @@
+//#region src/playroom/frameSettings.ts
+const frameSettings = [{
+	id: "stackDebug",
+	label: "Stack Debug",
+	defaultValue: false
+}, {
+	id: "darkMode",
+	label: "Dark Mode (beta)",
+	defaultValue: false
+}];
+
+//#endregion
+export { frameSettings };

package/dist/playroom/snippets.d.cts

@@ -1,2 +1,2 @@
-import { _default } from "../lib/playroom/snippets.cjs";
-export = _default;
+import { allSnippets } from "../lib/playroom/snippets.cjs";
+export = allSnippets;

package/dist/playroom/snippets.d.mts

@@ -1,2 +1,2 @@
-import { _default } from "../lib/playroom/snippets.mjs";
-export { _default as default };
+import { allSnippets } from "../lib/playroom/snippets.mjs";
+export { allSnippets as default };

package/dist/playroom/snippets.mjs

@@ -1,3 +1,3 @@
-import snippets_default from "../lib/playroom/snippets.mjs";
+import allSnippets from "../lib/playroom/snippets.mjs";
 
-export { snippets_default as default };
+export { allSnippets as default };

package/dist/reset.d.mts

@@ -1 +1 @@
-import "./lib/css/atoms/sprinkles.css.mjs";
+export { };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "braid-design-system",
-  "version": "34.0.3",
+  "version": "34.0.4",
   "description": "Themeable design system for the SEEK Group",
   "homepage": "https://seek-oss.github.io/braid-design-system/",
   "bugs": {
@@ -44,6 +44,10 @@
       "import": "./dist/playroom/FrameComponent.mjs",
       "require": "./dist/playroom/FrameComponent.cjs"
     },
+    "./playroom/frameSettings": {
+      "import": "./dist/playroom/frameSettings.mjs",
+      "require": "./dist/playroom/frameSettings.cjs"
+    },
     "./playroom/scope": {
       "import": "./dist/playroom/scope.mjs",
       "require": "./dist/playroom/scope.cjs"