@primer/react 36.14.0 → 36.15.0

package/generated/components.json

@@ -3,6 +3,7 @@
   "components": {
     "dialog": {
       "id": "dialog",
+      "docsId": "dialog",
       "name": "Dialog",
       "status": "alpha",
       "a11yReviewed": false,
@@ -153,7 +154,7 @@
         },
         {
           "id": "components-actionlist-features--text-wrap-and-truncation",
-          "code": "() => (\n  <Box maxWidth=\"300px\">\n    <ActionList showDividers>\n      <ActionList.Item>\n        <ActionList.LeadingVisual>\n          <ArrowRightIcon />\n        </ActionList.LeadingVisual>\n        Block Description. Long text should wrap\n        <ActionList.Description variant=\"block\">\n          This description is long, but it is block so it wraps\n        </ActionList.Description>\n        <ActionList.TrailingVisual>\n          <ArrowLeftIcon />\n        </ActionList.TrailingVisual>\n      </ActionList.Item>\n      <ActionList.Item>\n        <ActionList.LeadingVisual>\n          <ArrowRightIcon />\n        </ActionList.LeadingVisual>\n        Inline Description\n        <ActionList.Description>\n          This description gets truncated because it is inline\n        </ActionList.Description>\n        <ActionList.TrailingVisual>\n          <ArrowLeftIcon />\n        </ActionList.TrailingVisual>\n      </ActionList.Item>\n      <ActionList.Item>\n        <ActionList.LeadingVisual>\n          <ArrowRightIcon />\n        </ActionList.LeadingVisual>\n        Really long text without a description should wrap so it wraps\n        <ActionList.TrailingVisual>\n          <ArrowLeftIcon />\n        </ActionList.TrailingVisual>\n      </ActionList.Item>\n    </ActionList>\n  </Box>\n)"
+          "code": "() => (\n  <Box maxWidth=\"300px\">\n    <ActionList showDividers>\n      <ActionList.Item>\n        <ActionList.LeadingVisual>\n          <ArrowRightIcon />\n        </ActionList.LeadingVisual>\n        Block Description. Long text should wrap\n        <ActionList.Description variant=\"block\">\n          This description is long, but it is block so it wraps\n        </ActionList.Description>\n        <ActionList.TrailingVisual>\n          <ArrowLeftIcon />\n        </ActionList.TrailingVisual>\n      </ActionList.Item>\n      <ActionList.Item>\n        <ActionList.LeadingVisual>\n          <ArrowRightIcon />\n        </ActionList.LeadingVisual>\n        Inline Description\n        <ActionList.Description>\n          This description gets truncated because it is inline\n        </ActionList.Description>\n        <ActionList.TrailingVisual>\n          <ArrowLeftIcon />\n        </ActionList.TrailingVisual>\n      </ActionList.Item>\n      <ActionList.Item>\n        <ActionList.LeadingVisual>\n          <ArrowRightIcon />\n        </ActionList.LeadingVisual>\n        Really long text without a description should wrap so it wraps\n        <ActionList.TrailingVisual>\n          <ArrowLeftIcon />\n        </ActionList.TrailingVisual>\n      </ActionList.Item>\n      <ActionList.Item>\n        <ActionList.LeadingVisual>\n          <ArrowRightIcon />\n        </ActionList.LeadingVisual>\n        SomethingSomething/SomethingElse.Some.Thing.Lalala.la\n        <ActionList.TrailingVisual>\n          <ArrowLeftIcon />\n        </ActionList.TrailingVisual>\n      </ActionList.Item>\n    </ActionList>\n  </Box>\n)"
         },
         {
           "id": "components-actionlist-features--conditional-children",
@@ -2159,8 +2160,9 @@
       ],
       "subcomponents": []
     },
-    "drafts_dialog": {
-      "id": "drafts_dialog",
+    "dialog_v2": {
+      "id": "dialog_v2",
+      "docsId": "dialog",
       "name": "Dialog",
       "status": "draft",
       "a11yReviewed": false,
@@ -4643,6 +4645,7 @@
     },
     "select_panel": {
       "id": "select_panel",
+      "docsId": "select_panel",
       "name": "SelectPanel",
       "status": "alpha",
       "a11yReviewed": false,
@@ -4958,6 +4961,58 @@
         }
       ]
     },
+    "stack": {
+      "id": "stack",
+      "name": "Stack",
+      "status": "alpha",
+      "a11yReviewed": false,
+      "stories": [],
+      "importPath": "@primer/react/experimental",
+      "props": [
+        {
+          "name": "gap",
+          "type": "'none' | 'condensed' | 'normal' | 'spacious' | ResponsiveValue<'none' | 'condensed' | 'normal' | 'spacious'>",
+          "description": "Specify the gap between children elements in the stack."
+        },
+        {
+          "name": "direction",
+          "type": "'horizontal' | 'vertical' | ResponsiveValue<'horizontal' | 'vertical'>",
+          "description": "Specify the orientation for the stack container."
+        },
+        {
+          "name": "align",
+          "type": "'stretch' | 'start' | 'center' | 'end' | 'baseline' | ResponsiveValue<'stretch' | 'start' | 'center' | 'end' | 'baseline'>",
+          "description": "Specify the alignment between items in the cross-axis of the orientation."
+        },
+        {
+          "name": "wrap",
+          "type": "'wrap' | 'nowrap' | ResponsiveValue<'wrap' | 'nowrap'>",
+          "description": "Specify whether items are forced onto one line or can wrap onto multiple lines."
+        },
+        {
+          "name": "justify",
+          "type": "'start' | 'center' | 'end' | 'space-between' | 'space-evenly' | ResponsiveValue<'start' | 'center' | 'end' | 'space-between' | 'space-evenly'>",
+          "description": "Specify how items will be distributed in the stacking direction."
+        },
+        {
+          "name": "padding",
+          "type": "'none' | 'condensed' | 'normal' | 'spacious' | ResponsiveValue<'none' | 'condensed' | 'normal' | 'spacious'>",
+          "description": "Specify the padding of the stack container."
+        }
+      ],
+      "subcomponents": [
+        {
+          "name": "Stack.Item",
+          "props": [
+            {
+              "name": "grow",
+              "type": "boolean | ResponsiveValue<boolean>",
+              "description": "Allow item to keep size or expand to fill the available space."
+            }
+          ]
+        }
+      ]
+    },
     "state_label": {
       "id": "state_label",
       "name": "StateLabel",
@@ -6058,7 +6113,7 @@
     },
     "tooltip_v2": {
       "id": "tooltip_v2",
-      "name": "TooltipV2",
+      "name": "Tooltip",
       "docsId": "tooltip",
       "status": "beta",
       "a11yReviewed": true,
@@ -6069,35 +6124,35 @@
           "code": "() => (\n  <Box\n    sx={{\n      p: 6,\n    }}\n  >\n    <Tooltip text=\"This change can't be undone.\">\n      <Button>Delete</Button>\n    </Tooltip>\n  </Box>\n)"
         },
         {
-          "id": "components-tooltipv2-features--anchor-has-margin",
+          "id": "components-tooltip-features--anchor-has-margin",
           "code": "() => (\n  <Box\n    sx={{\n      p: 5,\n    }}\n  >\n    <Tooltip text=\"Tooltip is still centered\">\n      <Button\n        sx={{\n          marginLeft: 3,\n        }}\n      >\n        Button has 16px margin Left\n      </Button>\n    </Tooltip>\n  </Box>\n)"
         },
         {
-          "id": "components-tooltipv2-features--label-type",
+          "id": "components-tooltip-features--label-type",
           "code": "() => (\n  <Box>\n    <Tooltip text=\"Contribution Documentation for 'Primer React'\" type=\"label\">\n      <Link\n        href=\"https://github.com/primer/react/contributor-docs/CONTRIBUTING.md\"\n        sx={{\n          ml: 1,\n          color: 'fg.muted',\n        }}\n      >\n        <Octicon\n          icon={BookIcon}\n          sx={{\n            color: 'fg.muted',\n          }}\n        />\n      </Link>\n    </Tooltip>\n  </Box>\n)"
         },
         {
-          "id": "components-tooltipv2-features--description-type",
+          "id": "components-tooltip-features--description-type",
           "code": "() => (\n  <Box\n    sx={{\n      p: 5,\n    }}\n  >\n    <Tooltip text=\"Supplementary text\" direction=\"n\">\n      <Button>Save</Button>\n    </Tooltip>\n  </Box>\n)"
         },
         {
-          "id": "components-tooltipv2-features--icon-button-with-description",
+          "id": "components-tooltip-features--icon-button-with-description",
           "code": "() => (\n  <Box\n    sx={{\n      p: 5,\n    }}\n  >\n    <Tooltip text=\"Supplementary text for icon button\" direction=\"e\">\n      <IconButton icon={SearchIcon} aria-label=\"Search\" />\n    </Tooltip>\n  </Box>\n)"
         },
         {
-          "id": "components-tooltipv2-features--all-directions",
+          "id": "components-tooltip-features--all-directions",
           "code": "() => (\n  <Box\n    sx={{\n      padding: 5,\n      display: 'flex',\n      gap: '8px',\n    }}\n  >\n    <Tooltip direction=\"n\" text=\"Supplementary text\">\n      <Button>North</Button>\n    </Tooltip>\n    <Tooltip direction=\"s\" text=\"Supplementary text\">\n      <Button>South</Button>\n    </Tooltip>\n    <Tooltip direction=\"e\" text=\"Supplementary text\">\n      <Button>East</Button>\n    </Tooltip>\n    <Tooltip direction=\"w\" text=\"Supplementary text\">\n      <Button>West</Button>\n    </Tooltip>\n    <Tooltip direction=\"ne\" text=\"Supplementary text\">\n      <Button>North East</Button>\n    </Tooltip>\n    <Tooltip direction=\"nw\" text=\"Supplementary text\">\n      <Button>North West</Button>\n    </Tooltip>\n    <Tooltip direction=\"se\" text=\"Supplementary text\">\n      <Button>Southeast</Button>\n    </Tooltip>\n    <Tooltip direction=\"sw\" text=\"Supplementary text\">\n      <Button>Southwest</Button>\n    </Tooltip>\n  </Box>\n)"
         },
         {
-          "id": "components-tooltipv2-features--multiline-text",
+          "id": "components-tooltip-features--multiline-text",
           "code": "() => (\n  <Box>\n    <Tooltip\n      direction=\"e\"\n      text=\"Random long text that needs to be wrapped and be multipline and have some paddings around\"\n    >\n      <Button>Multiline East</Button>\n    </Tooltip>\n  </Box>\n)"
         },
         {
-          "id": "components-tooltipv2-features--calculated-direction",
+          "id": "components-tooltip-features--calculated-direction",
           "code": "() => (\n  <Box\n    sx={{\n      padding: 5,\n      display: 'flex',\n      gap: '8px',\n    }}\n  >\n    <Tooltip\n      direction=\"w\"\n      text=\"But appears in the east direction due to not having enough space in the west\"\n    >\n      <Button>West</Button>\n    </Tooltip>\n\n    <Tooltip text=\"The direction here is north by default but there is not enough space in the north therefore the tooltip appears in the south\">\n      <Button>North</Button>\n    </Tooltip>\n  </Box>\n)"
         },
         {
-          "id": "components-tooltipv2-features--on-action-menu-anchor",
+          "id": "components-tooltip-features--on-action-menu-anchor",
           "code": "() => (\n  <Box\n    sx={{\n      display: 'flex',\n      padding: 5,\n      gap: 2,\n    }}\n  >\n    <ActionMenu>\n      <ActionMenu.Anchor>\n        <Tooltip text=\"Supplementary text to add here\" direction=\"n\">\n          <Button\n            leadingVisual={GitBranchIcon}\n            trailingAction={TriangleDownIcon}\n          >\n            ActionMenu.Anchor w/ t\n          </Button>\n        </Tooltip>\n      </ActionMenu.Anchor>\n      <ActionMenu.Overlay width=\"medium\">\n        <ActionList>\n          <ActionList.Item onSelect={() => alert('Main')}>\n            <ActionList.LeadingVisual>\n              <CheckIcon />\n            </ActionList.LeadingVisual>\n            main <ActionList.TrailingVisual>default</ActionList.TrailingVisual>\n          </ActionList.Item>\n          <ActionList.Item onSelect={() => alert('Branch 1')}>\n            branch-1\n          </ActionList.Item>\n          <ActionList.Item onSelect={() => alert('Branch 2')}>\n            branch-2\n          </ActionList.Item>\n        </ActionList>\n      </ActionMenu.Overlay>\n    </ActionMenu>\n    <ActionMenu>\n      <Tooltip text=\"Supplementary text to add here\" direction=\"n\">\n        <ActionMenu.Button leadingVisual={GitBranchIcon}>\n          ActionMenu.Button w/ t\n        </ActionMenu.Button>\n      </Tooltip>\n      <ActionMenu.Overlay width=\"medium\">\n        <ActionList>\n          <ActionList.Item onSelect={() => alert('Main')}>\n            <ActionList.LeadingVisual>\n              <CheckIcon />\n            </ActionList.LeadingVisual>\n            main <ActionList.TrailingVisual>default</ActionList.TrailingVisual>\n          </ActionList.Item>\n          <ActionList.Item onSelect={() => alert('Branch 1')}>\n            branch-1\n          </ActionList.Item>\n          <ActionList.Item onSelect={() => alert('Branch 2')}>\n            branch-2\n          </ActionList.Item>\n        </ActionList>\n      </ActionMenu.Overlay>\n    </ActionMenu>\n    <ActionMenu>\n      <ActionMenu.Anchor>\n        <Button leadingVisual={GitBranchIcon} trailingAction={TriangleDownIcon}>\n          ActionMenu.Anchor\n        </Button>\n      </ActionMenu.Anchor>\n      <ActionMenu.Overlay width=\"medium\">\n        <ActionList>\n          <ActionList.Item onSelect={() => alert('Main')}>\n            <ActionList.LeadingVisual>\n              <CheckIcon />\n            </ActionList.LeadingVisual>\n            main <ActionList.TrailingVisual>default</ActionList.TrailingVisual>\n          </ActionList.Item>\n          <ActionList.Item onSelect={() => alert('Branch 1')}>\n            branch-1\n          </ActionList.Item>\n          <ActionList.Item onSelect={() => alert('Branch 2')}>\n            branch-2\n          </ActionList.Item>\n        </ActionList>\n      </ActionMenu.Overlay>\n    </ActionMenu>\n    <ActionMenu>\n      <ActionMenu.Button leadingVisual={GitBranchIcon}>\n        ActionMenu.Button\n      </ActionMenu.Button>\n\n      <ActionMenu.Overlay width=\"medium\">\n        <ActionList>\n          <ActionList.Item onSelect={() => alert('Main')}>\n            <ActionList.LeadingVisual>\n              <CheckIcon />\n            </ActionList.LeadingVisual>\n            main <ActionList.TrailingVisual>default</ActionList.TrailingVisual>\n          </ActionList.Item>\n          <ActionList.Item onSelect={() => alert('Branch 1')}>\n            branch-1\n          </ActionList.Item>\n          <ActionList.Item onSelect={() => alert('Branch 2')}>\n            branch-2\n          </ActionList.Item>\n        </ActionList>\n      </ActionMenu.Overlay>\n    </ActionMenu>\n  </Box>\n)"
         }
       ],
@@ -6620,7 +6675,7 @@
       "stories": [
         {
           "id": "drafts-components-actionbar--default",
-          "code": "() => (\n  <ActionBar>\n    <ActionBar.IconButton\n      icon={BoldIcon}\n      aria-label=\"Default\"\n    ></ActionBar.IconButton>\n    <ActionBar.IconButton\n      icon={ItalicIcon}\n      aria-label=\"Default\"\n    ></ActionBar.IconButton>\n    <ActionBar.IconButton\n      icon={CodeIcon}\n      aria-label=\"Default\"\n    ></ActionBar.IconButton>\n    <ActionBar.IconButton\n      icon={LinkIcon}\n      aria-label=\"Default\"\n    ></ActionBar.IconButton>\n    <ActionBar.Divider />\n    <ActionBar.IconButton\n      icon={FileAddedIcon}\n      aria-label=\"Default\"\n    ></ActionBar.IconButton>\n    <ActionBar.IconButton\n      icon={SearchIcon}\n      aria-label=\"Default\"\n    ></ActionBar.IconButton>\n    <ActionBar.IconButton\n      icon={FileAddedIcon}\n      aria-label=\"Default\"\n    ></ActionBar.IconButton>\n    <ActionBar.IconButton\n      icon={SearchIcon}\n      aria-label=\"Default\"\n    ></ActionBar.IconButton>\n    <ActionBar.IconButton\n      icon={FileAddedIcon}\n      aria-label=\"Default\"\n    ></ActionBar.IconButton>\n    <ActionBar.IconButton\n      icon={SearchIcon}\n      aria-label=\"Default\"\n    ></ActionBar.IconButton>\n    <ActionBar.IconButton\n      icon={FileAddedIcon}\n      aria-label=\"Default\"\n    ></ActionBar.IconButton>\n    <ActionBar.IconButton\n      icon={SearchIcon}\n      aria-label=\"Default\"\n    ></ActionBar.IconButton>\n  </ActionBar>\n)"
+          "code": "() => (\n  <ActionBar aria-label=\"Toolbar\">\n    <ActionBar.IconButton\n      icon={BoldIcon}\n      aria-label=\"Bold\"\n    ></ActionBar.IconButton>\n    <ActionBar.IconButton\n      icon={ItalicIcon}\n      aria-label=\"Italic\"\n    ></ActionBar.IconButton>\n    <ActionBar.IconButton\n      icon={CodeIcon}\n      aria-label=\"Code\"\n    ></ActionBar.IconButton>\n    <ActionBar.IconButton\n      icon={LinkIcon}\n      aria-label=\"Link\"\n    ></ActionBar.IconButton>\n    <ActionBar.Divider />\n    <ActionBar.IconButton\n      icon={FileAddedIcon}\n      aria-label=\"File Added\"\n    ></ActionBar.IconButton>\n    <ActionBar.IconButton\n      icon={SearchIcon}\n      aria-label=\"Search\"\n    ></ActionBar.IconButton>\n    <ActionBar.IconButton\n      icon={QuoteIcon}\n      aria-label=\"Insert Quote\"\n    ></ActionBar.IconButton>\n    <ActionBar.IconButton\n      icon={ListUnorderedIcon}\n      aria-label=\"Unordered List\"\n    ></ActionBar.IconButton>\n    <ActionBar.IconButton\n      icon={ListOrderedIcon}\n      aria-label=\"Ordered List\"\n    ></ActionBar.IconButton>\n    <ActionBar.IconButton\n      icon={TasklistIcon}\n      aria-label=\"Task List\"\n    ></ActionBar.IconButton>\n  </ActionBar>\n)"
         }
       ],
       "importPath": "@primer/react/experimental",
@@ -6963,8 +7018,9 @@
       ],
       "subcomponents": []
     },
-    "selectpanel_v2": {
-      "id": "selectpanel_v2",
+    "select_panel_v2": {
+      "id": "select_panel_v2",
+      "docsId": "select_panel",
       "name": "SelectPanel",
       "status": "draft",
       "a11yReviewed": false,

package/lib/ActionList/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../src/ActionList/Item.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAI/F,OAAO,KAAK,EAAC,mBAAmB,EAAkB,MAAM,UAAU,CAAA;AAmClE,eAAO,MAAM,IAAI,2DA4T6C,CAAA"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../src/ActionList/Item.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAI/F,OAAO,KAAK,EAAC,mBAAmB,EAAkB,MAAM,UAAU,CAAA;AAmClE,eAAO,MAAM,IAAI,2DA6T6C,CAAA"}

package/lib/ActionList/Item.js

@@ -303,7 +303,8 @@ const Item = /*#__PURE__*/React__default.default.forwardRef(({
     sx: {
       flexGrow: slots.inlineDescription ? 0 : 1,
       fontWeight: slots.inlineDescription || slots.blockDescription || active ? 'bold' : 'normal',
-      marginBlockEnd: slots.blockDescription ? '4px' : undefined
+      marginBlockEnd: slots.blockDescription ? '4px' : undefined,
+      wordBreak: 'break-word'
     }
   }, childrenWithoutSlots), slots.inlineDescription),
   // If we're showing an inactive indicator and a leading visual has NOT been passed,

package/lib/FeatureFlags/DefaultFeatureFlags.d.ts

@@ -0,0 +1,3 @@
+import { FeatureFlagScope } from './FeatureFlagScope';
+export declare const DefaultFeatureFlags: FeatureFlagScope;
+//# sourceMappingURL=DefaultFeatureFlags.d.ts.map

package/lib/FeatureFlags/DefaultFeatureFlags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultFeatureFlags.d.ts","sourceRoot":"","sources":["../../src/FeatureFlags/DefaultFeatureFlags.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAA;AAEnD,eAAO,MAAM,mBAAmB,kBAA4B,CAAA"}

package/lib/FeatureFlags/DefaultFeatureFlags.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var FeatureFlagScope = require('./FeatureFlagScope.js');
+
+const DefaultFeatureFlags = FeatureFlagScope.FeatureFlagScope.create();
+
+exports.DefaultFeatureFlags = DefaultFeatureFlags;

package/lib/FeatureFlags/FeatureFlagContext.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { FeatureFlagScope } from './FeatureFlagScope';
+export declare const FeatureFlagContext: import("react").Context<FeatureFlagScope>;
+//# sourceMappingURL=FeatureFlagContext.d.ts.map

package/lib/FeatureFlags/FeatureFlagContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFlagContext.d.ts","sourceRoot":"","sources":["../../src/FeatureFlags/FeatureFlagContext.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAA;AAGxD,eAAO,MAAM,kBAAkB,2CAAuD,CAAA"}

package/lib/FeatureFlags/FeatureFlagContext.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var React = require('react');
+var DefaultFeatureFlags = require('./DefaultFeatureFlags.js');
+
+const FeatureFlagContext = /*#__PURE__*/React.createContext(DefaultFeatureFlags.DefaultFeatureFlags);
+
+exports.FeatureFlagContext = FeatureFlagContext;

package/lib/FeatureFlags/FeatureFlagScope.d.ts

@@ -0,0 +1,22 @@
+export type FeatureFlags = {
+    [key: string]: boolean;
+};
+export declare class FeatureFlagScope {
+    static create(flags?: FeatureFlags): FeatureFlagScope;
+    static merge(a: FeatureFlagScope, b: FeatureFlagScope): FeatureFlagScope;
+    flags: Map<string, boolean>;
+    constructor(flags?: FeatureFlags);
+    /**
+     * Enable a feature flag
+     */
+    enable(name: string): void;
+    /**
+     * Disable a feature flag
+     */
+    disable(name: string): void;
+    /**
+     * Check if a feature flag is enabled
+     */
+    enabled(name: string): boolean;
+}
+//# sourceMappingURL=FeatureFlagScope.d.ts.map

package/lib/FeatureFlags/FeatureFlagScope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFlagScope.d.ts","sourceRoot":"","sources":["../../src/FeatureFlags/FeatureFlagScope.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB,CAAA;AAED,qBAAa,gBAAgB;IAC3B,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,YAAY,GAAG,gBAAgB;IAIrD,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,gBAAgB,GAAG,gBAAgB;IAcxE,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;gBAEf,KAAK,GAAE,YAAiB;IAIpC;;OAEG;IACI,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAIjC;;OAEG;IACI,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAIlC;;OAEG;IACI,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;CAGtC"}

package/lib/FeatureFlags/FeatureFlagScope.js

@@ -0,0 +1,44 @@
+'use strict';
+
+class FeatureFlagScope {
+  static create(flags) {
+    return new FeatureFlagScope(flags);
+  }
+  static merge(a, b) {
+    const merged = new FeatureFlagScope();
+    for (const [key, value] of a.flags) {
+      merged.flags.set(key, value);
+    }
+    for (const [key, value] of b.flags) {
+      merged.flags.set(key, value);
+    }
+    return merged;
+  }
+  constructor(flags = {}) {
+    this.flags = new Map(Object.entries(flags));
+  }
+
+  /**
+   * Enable a feature flag
+   */
+  enable(name) {
+    this.flags.set(name, true);
+  }
+
+  /**
+   * Disable a feature flag
+   */
+  disable(name) {
+    this.flags.set(name, false);
+  }
+
+  /**
+   * Check if a feature flag is enabled
+   */
+  enabled(name) {
+    var _this$flags$get;
+    return (_this$flags$get = this.flags.get(name)) !== null && _this$flags$get !== void 0 ? _this$flags$get : false;
+  }
+}
+
+exports.FeatureFlagScope = FeatureFlagScope;

package/lib/FeatureFlags/FeatureFlags.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type FeatureFlags } from './FeatureFlagScope';
+export type FeatureFlagsProps = React.PropsWithChildren<{
+    flags: FeatureFlags;
+}>;
+export declare function FeatureFlags({ children, flags }: FeatureFlagsProps): React.JSX.Element;
+//# sourceMappingURL=FeatureFlags.d.ts.map

package/lib/FeatureFlags/FeatureFlags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFlags.d.ts","sourceRoot":"","sources":["../../src/FeatureFlags/FeatureFlags.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAEpC,OAAO,EAAmB,KAAK,YAAY,EAAC,MAAM,oBAAoB,CAAA;AAGtE,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACtD,KAAK,EAAE,YAAY,CAAA;CACpB,CAAC,CAAA;AAEF,wBAAgB,YAAY,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,EAAE,iBAAiB,qBAMhE"}

package/lib/FeatureFlags/FeatureFlags.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var React = require('react');
+var FeatureFlagContext = require('./FeatureFlagContext.js');
+var FeatureFlagScope = require('./FeatureFlagScope.js');
+var DefaultFeatureFlags = require('./DefaultFeatureFlags.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+function FeatureFlags({
+  children,
+  flags
+}) {
+  const value = React.useMemo(() => {
+    const scope = FeatureFlagScope.FeatureFlagScope.merge(DefaultFeatureFlags.DefaultFeatureFlags, FeatureFlagScope.FeatureFlagScope.create(flags));
+    return scope;
+  }, [flags]);
+  return /*#__PURE__*/React__default.default.createElement(FeatureFlagContext.FeatureFlagContext.Provider, {
+    value: value
+  }, children);
+}
+FeatureFlags.displayName = "FeatureFlags";
+
+exports.FeatureFlags = FeatureFlags;

package/lib/FeatureFlags/index.d.ts

@@ -0,0 +1,4 @@
+export { FeatureFlags } from './FeatureFlags';
+export type { FeatureFlagsProps } from './FeatureFlags';
+export { useFeatureFlag } from './useFeatureFlag';
+//# sourceMappingURL=index.d.ts.map

package/lib/FeatureFlags/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FeatureFlags/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC3C,YAAY,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAA"}

package/lib/FeatureFlags/useFeatureFlag.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Check if the given feature flag is enabled
+ */
+export declare function useFeatureFlag(flag: string): boolean;
+//# sourceMappingURL=useFeatureFlag.d.ts.map

package/lib/FeatureFlags/useFeatureFlag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFeatureFlag.d.ts","sourceRoot":"","sources":["../../src/FeatureFlags/useFeatureFlag.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAGpD"}

package/lib/Stack/Stack.d.ts

@@ -0,0 +1,65 @@
+import React, { type ElementType } from 'react';
+import type { ResponsiveValue } from '../hooks/useResponsiveValue';
+type GapScale = 'none' | 'condensed' | 'normal' | 'spacious';
+type Gap = GapScale | ResponsiveValue<GapScale>;
+type DirectionScale = 'horizontal' | 'vertical';
+type Direction = DirectionScale | ResponsiveValue<DirectionScale>;
+type AlignScale = 'stretch' | 'start' | 'center' | 'end' | 'baseline';
+type Align = AlignScale | ResponsiveValue<AlignScale>;
+type WrapScale = 'wrap' | 'nowrap';
+type Wrap = WrapScale | ResponsiveValue<WrapScale>;
+type JustifyScale = 'start' | 'center' | 'end' | 'space-between' | 'space-evenly';
+type Justify = JustifyScale | ResponsiveValue<JustifyScale>;
+type PaddingScale = 'none' | 'condensed' | 'normal' | 'spacious';
+type Padding = PaddingScale | ResponsiveValue<PaddingScale>;
+type StackProps<As> = React.PropsWithChildren<{
+    /**
+     * Customize the element type of the rendered container
+     */
+    as?: As;
+    /**
+     * Specify the gap between children elements in the stack
+     */
+    gap?: Gap;
+    /**
+     * Specify the orientation for the stack container
+     * @default vertical
+     */
+    direction?: Direction;
+    /**
+     * Specify the alignment between items in the cross-axis of the orientation
+     * @default stretch
+     */
+    align?: Align;
+    /**
+     * Specify whether items are forced onto one line or can wrap onto multiple lines
+     * @default nowrap
+     */
+    wrap?: Wrap;
+    /**
+     * Specify how items will be distributed in the stacking direction
+     * @default start
+     */
+    justify?: Justify;
+    /**
+     * Specify the padding of the stack container
+     * @default none
+     */
+    padding?: Padding;
+}>;
+declare function Stack<As extends ElementType>({ as, children, align, direction, gap, justify, padding, wrap, ...rest }: StackProps<As> & React.ComponentPropsWithoutRef<ElementType extends As ? As : 'div'>): React.JSX.Element;
+type StackItemProps<As> = React.PropsWithChildren<{
+    /**
+     * Customize the element type of the rendered container
+     */
+    as?: As;
+    /**
+     * Allow item to keep size or expand to fill the available space
+     * @default false
+     */
+    grow?: boolean | ResponsiveValue<boolean>;
+}>;
+declare function StackItem<As extends ElementType>({ as, children, grow, ...rest }: StackItemProps<As> & React.ComponentPropsWithoutRef<ElementType extends As ? As : 'div'>): React.JSX.Element;
+export { Stack, StackItem };
+export type { StackProps, StackItemProps };
+//# sourceMappingURL=Stack.d.ts.map

package/lib/Stack/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,WAAW,EAAC,MAAM,OAAO,CAAA;AAE7C,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AA6RhE,KAAK,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAA;AAC5D,KAAK,GAAG,GAAG,QAAQ,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAA;AAE/C,KAAK,cAAc,GAAG,YAAY,GAAG,UAAU,CAAA;AAC/C,KAAK,SAAS,GAAG,cAAc,GAAG,eAAe,CAAC,cAAc,CAAC,CAAA;AAEjE,KAAK,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAA;AACrE,KAAK,KAAK,GAAG,UAAU,GAAG,eAAe,CAAC,UAAU,CAAC,CAAA;AAErD,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAA;AAClC,KAAK,IAAI,GAAG,SAAS,GAAG,eAAe,CAAC,SAAS,CAAC,CAAA;AAElD,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,eAAe,GAAG,cAAc,CAAA;AACjF,KAAK,OAAO,GAAG,YAAY,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;AAE3D,KAAK,YAAY,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAA;AAChE,KAAK,OAAO,GAAG,YAAY,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;AAE3D,KAAK,UAAU,CAAC,EAAE,IAAI,KAAK,CAAC,iBAAiB,CAAC;IAC5C;;OAEG;IACH,EAAE,CAAC,EAAE,EAAE,CAAA;IAEP;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAA;IAET;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAA;IAEb;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC,CAAA;AAEF,iBAAS,KAAK,CAAC,EAAE,SAAS,WAAW,EAAE,EACrC,EAAE,EACF,QAAQ,EACR,KAAiB,EACjB,SAAsB,EACtB,GAAG,EACH,OAAiB,EACjB,OAAgB,EAChB,IAAe,EACf,GAAG,IAAI,EACR,EAAE,UAAU,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,wBAAwB,CAAC,WAAW,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,qBAiBtF;AA0BD,KAAK,cAAc,CAAC,EAAE,IAAI,KAAK,CAAC,iBAAiB,CAAC;IAChD;;OAEG;IACH,EAAE,CAAC,EAAE,EAAE,CAAA;IAEP;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;CAC1C,CAAC,CAAA;AAEF,iBAAS,SAAS,CAAC,EAAE,SAAS,WAAW,EAAE,EACzC,EAAE,EACF,QAAQ,EACR,IAAY,EACZ,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,wBAAwB,CAAC,WAAW,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,qBAQ1F;AAED,OAAO,EAAC,KAAK,EAAE,SAAS,EAAC,CAAA;AACzB,YAAY,EAAC,UAAU,EAAE,cAAc,EAAC,CAAA"}

package/lib/Stack/Stack.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var React = require('react');
+var styled = require('styled-components');
+var getResponsiveAttributes = require('../internal/utils/getResponsiveAttributes.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const StyledStack = styled__default.default.div.withConfig({
+  displayName: "Stack__StyledStack",
+  componentId: "sc-x3xa2i-0"
+})(["--Stack-gap-whenRegular:var(--stack-gap-normal,16px);--Stack-gap-whenNarrow:var(--stack-gap-normal,16px);--Stack-gap-whenWide:var(--Stack-gap-whenRegular);display:flex;flex-flow:column;align-items:stretch;align-content:flex-start;gap:var(--Stack-gap-whenNarrow);&[data-padding='none'],&[data-padding-narrow='none']{padding:0;}&[data-padding='condensed'],&[data-padding-narrow='condensed']{padding:var(--stack-padding-condensed,8px);}&[data-padding='normal'],&[data-padding-narrow='normal']{padding:var(--stack-padding-normal,16px);}&[data-padding='spacious'],&[data-padding-narrow='spacious']{padding:var(--stack-padding-spacious,24px);}&[data-orientation='horizontal'],&[data-orientation-narrow='horizontal']{flex-flow:row;}&[data-orientation='vertical'],&[data-orientation-narrow='vertical']{flex-flow:column;}&[data-gap='none'],&[data-gap-narrow='none']{--Stack-gap-whenNarrow:0;}&[data-gap='condensed'],&[data-gap-narrow='condensed']{--Stack-gap-whenNarrow:var(--stack-gap-condensed,8px);}&[data-gap='normal'],&[data-gap-narrow='normal']{--Stack-gap-whenNarrow:var(--stack-gap-normal,16px);}&[data-align='start'],&[data-align-narrow='start']{align-items:flex-start;}&[data-align='center'],&[data-align-narrow='center']{align-items:center;}&[data-align='end'],&[data-align-narrow='end']{align-items:flex-end;}&[data-align='baseline'],&[data-align-narrow='baseline']{align-items:baseline;}&[data-spread='start'],&[data-spread-narrow='start']{justify-content:flex-start;}&[data-spread='center'],&[data-spread-narrow='center']{justify-content:center;}&[data-spread='end'],&[data-spread-narrow='end']{justify-content:flex-end;}&[data-spread='space-between'],&[data-spread-narrow='space-between']{justify-content:space-between;}&[data-spread='space-evenly'],&[data-spread-narrow='space-evenly']{justify-content:space-evenly;}&[data-wrap='wrap'],&[data-wrap-narrow='wrap']{flex-wrap:wrap;}&[data-wrap='nowrap'],&[data-wrap-narrow='nowrap']{flex-wrap:nowrap;}@media (min-width:48rem){&[data-padding-regular='none']{padding:0;}&[data-padding-regular='condensed']{padding:var(--stack-padding-condensed,8px);}&[data-padding-regular='normal']{padding:var(--stack-padding-normal,16px);}&[data-padding-regular='spacious']{padding:var(--stack-padding-spacious,24px);}&[data-orientation-regular='horizontal']{flex-flow:row;}&[data-orientation-regular='vertical']{flex-flow:column;}&[data-gap-regular='none']{--Stack-gap-whenRegular:0;}&[data-gap-regular='condensed']{--Stack-gap-whenRegular:var(--stack-gap-condensed,8px);}&[data-gap-regular='normal']{--Stack-gap-whenRegular:var(--stack-gap-normal,16px);}&[data-gap-regular='spacious']{--Stack-gap-whenRegular:var(--stack-gap-spacious,24px);}&[data-align-regular='start']{align-items:flex-start;}&[data-align-regular='center']{align-items:center;}&[data-align-regular='end']{align-items:flex-end;}&[data-align-regular='baseline']{align-items:baseline;}&[data-spread-regular='start']{justify-content:flex-start;}&[data-spread-regular='center']{justify-content:center;}&[data-spread-regular='end']{justify-content:flex-end;}&[data-spread-regular='space-between']{justify-content:space-between;}&[data-spread-regular='space-evenly']{justify-content:space-evenly;}&[data-wrap-regular='wrap']{flex-wrap:wrap;}&[data-wrap-regular='nowrap']{flex-wrap:nowrap;}}@media (min-width:87.5rem){gap:var(--Stack-gap-whenWide);&[data-padding-wide='none']{padding:0;}&[data-padding-wide='condensed']{padding:var(--stack-padding-condensed,8px);}&[data-padding-wide='normal']{padding:var(--stack-padding-normal,16px);}&[data-padding-wide='spacious']{padding:var(--stack-padding-spacious,24px);}&[data-orientation-wide='horizontal']{flex-flow:row;}&[data-orientation-wide='vertical']{flex-flow:column;}&[data-gap-wide='none']{--Stack-gap-whenWide:0;}&[data-gap-wide='condensed']{--Stack-gap-whenWide:var(--stack-gap-condensed,8px);}&[data-gap-wide='normal']{--Stack-gap-whenWide:var(--stack-gap-normal,16px);}&[data-gap-wide='spacious']{--Stack-gap-whenWide:var(--stack-gap-spacious,24px);}&[data-align-wide='start']{align-items:flex-start;}&[data-align-wide='center']{align-items:center;}&[data-align-wide='end']{align-items:flex-end;}&[data-align-wide='baseline']{align-items:baseline;}&[data-spread-wide='start']{justify-content:flex-start;}&[data-spread-wide='center']{justify-content:center;}&[data-spread-wide='end']{justify-content:flex-end;}&[data-spread-wide='space-between']{justify-content:space-between;}&[data-spread-wide='space-evenly']{justify-content:space-evenly;}}"]);
+function Stack({
+  as,
+  children,
+  align = 'stretch',
+  direction = 'vertical',
+  gap,
+  justify = 'start',
+  padding = 'none',
+  wrap = 'nowrap',
+  ...rest
+}) {
+  const BaseComponent = as !== null && as !== void 0 ? as : 'div';
+  return /*#__PURE__*/React__default.default.createElement(StyledStack, _extends({}, rest, {
+    as: BaseComponent
+  }, getResponsiveAttributes.getResponsiveAttributes('gap', gap), getResponsiveAttributes.getResponsiveAttributes('direction', direction), getResponsiveAttributes.getResponsiveAttributes('align', align), getResponsiveAttributes.getResponsiveAttributes('wrap', wrap), getResponsiveAttributes.getResponsiveAttributes('justify', justify), getResponsiveAttributes.getResponsiveAttributes('padding', padding)), children);
+}
+Stack.displayName = "Stack";
+const StyledStackItem = styled__default.default.div.withConfig({
+  displayName: "Stack__StyledStackItem",
+  componentId: "sc-x3xa2i-1"
+})(["flex:0 1 auto;min-inline-size:0;&[data-grow],&[data-grow-narrow]{flex-grow:1;}@media (min-width:48rem){&[data-grow-regular]{flex-grow:1;}}@media (min-width:87.5rem){&[data-grow-wide]{flex-grow:1;}}"]);
+function StackItem({
+  as,
+  children,
+  grow = false,
+  ...rest
+}) {
+  const BaseComponent = as !== null && as !== void 0 ? as : 'div';
+  return /*#__PURE__*/React__default.default.createElement(StyledStackItem, _extends({}, rest, {
+    as: BaseComponent
+  }, getResponsiveAttributes.getResponsiveAttributes('grow', grow)), children);
+}
+StackItem.displayName = "StackItem";
+
+exports.Stack = Stack;
+exports.StackItem = StackItem;

package/lib/Stack/index.d.ts

@@ -0,0 +1,6 @@
+import { Stack as StackImpl, StackItem } from './Stack';
+export declare const Stack: typeof StackImpl & {
+    Item: typeof StackItem;
+};
+export type { StackProps, StackItemProps } from './Stack';
+//# sourceMappingURL=index.d.ts.map

package/lib/Stack/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Stack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,SAAS,EAAE,SAAS,EAAC,MAAM,SAAS,CAAA;AAErD,eAAO,MAAM,KAAK;;CAEhB,CAAA;AACF,YAAY,EAAC,UAAU,EAAE,cAAc,EAAC,MAAM,SAAS,CAAA"}

package/lib/Stack/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var Stack$1 = require('./Stack.js');
+
+const Stack = Object.assign(Stack$1.Stack, {
+  Item: Stack$1.StackItem
+});
+
+exports.Stack = Stack;

package/lib/drafts/ActionBar/ActionBar.d.ts

@@ -1,11 +1,17 @@
 import React from 'react';
 import type { IconButtonProps } from '../../Button';
 type Size = 'small' | 'medium' | 'large';
+type A11yProps = {
+    'aria-label': React.AriaAttributes['aria-label'];
+    'aria-labelledby'?: undefined;
+} | {
+    'aria-label'?: undefined;
+    'aria-labelledby': React.AriaAttributes['aria-labelledby'];
+};
 export type ActionBarProps = {
     size?: Size;
-    'aria-label'?: React.AriaAttributes['aria-label'];
     children: React.ReactNode;
-};
+} & A11yProps;
 export type ActionBarIconButtonProps = IconButtonProps;
 export declare const ActionBar: React.FC<React.PropsWithChildren<ActionBarProps>>;
 export declare const ActionBarIconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<unknown>>;

package/lib/drafts/ActionBar/ActionBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../../src/drafts/ActionBar/ActionBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAWtE,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA;AAwBjD,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAExC,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG,eAAe,CAAA;AAqHtD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CA6HvE,CAAA;AAED,eAAO,MAAM,mBAAmB,iFAU9B,CAAA;AAOF,eAAO,MAAM,eAAe,yBAsB3B,CAAA"}
+{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../../src/drafts/ActionBar/ActionBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAWtE,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA;AAwBjD,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAExC,KAAK,SAAS,GACV;IAAC,YAAY,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAAC,iBAAiB,CAAC,EAAE,SAAS,CAAA;CAAC,GACjF;IAAC,YAAY,CAAC,EAAE,SAAS,CAAC;IAAC,iBAAiB,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;CAAC,CAAA;AAE1F,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,SAAS,CAAA;AAEb,MAAM,MAAM,wBAAwB,GAAG,eAAe,CAAA;AAsHtD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CA6HvE,CAAA;AAED,eAAO,MAAM,mBAAmB,iFAU9B,CAAA;AAOF,eAAO,MAAM,eAAe,yBAsB3B,CAAA"}

package/lib/drafts/ActionBar/ActionBar.js

@@ -42,6 +42,7 @@ const NavigationList = styled__default.default.div.withConfig({
 const GAP = 8;
 const listStyles = {
   display: 'flex',
+  minWidth: 0,
   listStyle: 'none',
   whiteSpace: 'nowrap',
   paddingY: 0,

package/lib/drafts/ActionBar/index.js

@@ -1,8 +1,10 @@
 'use strict';
 
-var ActionBar = require('./ActionBar.js');
+var ActionBar$1 = require('./ActionBar.js');
 
-Object.assign(ActionBar.ActionBar, {
-  IconButton: ActionBar.ActionBarIconButton,
-  Divider: ActionBar.VerticalDivider
+const ActionBar = Object.assign(ActionBar$1.ActionBar, {
+  IconButton: ActionBar$1.ActionBarIconButton,
+  Divider: ActionBar$1.VerticalDivider
 });
+
+module.exports = ActionBar;

package/lib/drafts/TabPanels/TabPanels.js

@@ -4,8 +4,8 @@ var clsx = require('clsx');
 var React = require('react');
 var styled = require('styled-components');
 var constants = require('../../constants.js');
-var tabContainerElement = require('../../packages/react/node_modules/@github/tab-container-element/dist/tab-container-element.js');
-require('../../packages/react/node_modules/@github/tab-container-element/dist/tab-container-element-define.js');
+var tabContainerElement = require('../../node_modules/@github/tab-container-element/dist/tab-container-element.js');
+require('../../node_modules/@github/tab-container-element/dist/tab-container-element-define.js');
 var customElement = require('../../utils/custom-element.js');
 var sx = require('../../sx.js');
 var getGlobalFocusStyles = require('../../internal/utils/getGlobalFocusStyles.js');

package/lib/drafts/index.d.ts

@@ -25,5 +25,8 @@ export * from './SelectPanel2';
 export { default as TabPanels } from './TabPanels';
 export type { TabPanelsProps, TabPanelsTabProps, TabPanelsPanelProps } from './TabPanels';
 export * from '../TooltipV2';
+export { default as ActionBar } from './ActionBar';
 export * from './ActionBar';
+export { Stack } from '../Stack';
+export type { StackProps, StackItemProps } from '../Stack';
 //# sourceMappingURL=index.d.ts.map

package/lib/drafts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/drafts/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AACxC,YAAY,EAAC,eAAe,EAAC,MAAM,eAAe,CAAA;AAElD,OAAO,EAAC,SAAS,EAAE,KAAK,EAAE,kBAAkB,EAAC,MAAM,cAAc,CAAA;AACjE,YAAY,EACV,cAAc,EACd,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,MAAM,GACP,MAAM,cAAc,CAAA;AAErB,cAAc,kBAAkB,CAAA;AAEhC,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,sBAAsB,CAAA;AAClE,YAAY,EACV,uBAAuB,EACvB,oBAAoB,EACpB,UAAU,EACV,WAAW,EACX,OAAO,GACR,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,kBAAkB,CAAA;AAC1D,YAAY,EAAC,mBAAmB,EAAE,8BAA8B,EAAC,MAAM,kBAAkB,CAAA;AAEzF,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,kBAAkB,CAAA;AAC1D,cAAc,kBAAkB,CAAA;AAEhC,cAAc,eAAe,CAAA;AAE7B,cAAc,WAAW,CAAA;AAEzB,cAAc,SAAS,CAAA;AAEvB,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAA;AAClC,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,0BAA0B,EAC1B,mBAAmB,GACpB,MAAM,YAAY,CAAA;AACnB,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,aAAa,CAAA;AAChD,YAAY,EAAC,cAAc,EAAE,iBAAiB,EAAE,mBAAmB,EAAC,MAAM,aAAa,CAAA;AACvF,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/drafts/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AACxC,YAAY,EAAC,eAAe,EAAC,MAAM,eAAe,CAAA;AAElD,OAAO,EAAC,SAAS,EAAE,KAAK,EAAE,kBAAkB,EAAC,MAAM,cAAc,CAAA;AACjE,YAAY,EACV,cAAc,EACd,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,MAAM,GACP,MAAM,cAAc,CAAA;AAErB,cAAc,kBAAkB,CAAA;AAEhC,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,sBAAsB,CAAA;AAClE,YAAY,EACV,uBAAuB,EACvB,oBAAoB,EACpB,UAAU,EACV,WAAW,EACX,OAAO,GACR,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,kBAAkB,CAAA;AAC1D,YAAY,EAAC,mBAAmB,EAAE,8BAA8B,EAAC,MAAM,kBAAkB,CAAA;AAEzF,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,kBAAkB,CAAA;AAC1D,cAAc,kBAAkB,CAAA;AAEhC,cAAc,eAAe,CAAA;AAE7B,cAAc,WAAW,CAAA;AAEzB,cAAc,SAAS,CAAA;AAEvB,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAA;AAClC,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,0BAA0B,EAC1B,mBAAmB,GACpB,MAAM,YAAY,CAAA;AACnB,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,aAAa,CAAA;AAChD,YAAY,EAAC,cAAc,EAAE,iBAAiB,EAAE,mBAAmB,EAAC,MAAM,aAAa,CAAA;AACvF,cAAc,cAAc,CAAA;AAC5B,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,aAAa,CAAA;AAChD,cAAc,aAAa,CAAA;AAE3B,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAA;AAC9B,YAAY,EAAC,UAAU,EAAE,cAAc,EAAC,MAAM,UAAU,CAAA"}