@pingux/astro 2.208.3 → 2.208.4-alpha.0

package/lib/cjs/components/TooltipTrigger/tooltipTriggerAttributes.d.ts

@@ -0,0 +1,130 @@
+export declare const tooltipTriggerArgTypes: {
+    'aria-controls': {
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            category: string;
+        };
+        description: string;
+    };
+    'aria-describedby': {
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            category: string;
+        };
+        description: string;
+    };
+    'aria-details': {
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            category: string;
+        };
+        description: string;
+    };
+    'aria-errormessage': {
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            category: string;
+        };
+        description: string;
+    };
+    'aria-label': {
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            category: string;
+        };
+        description: string;
+    };
+    'aria-labelledby': {
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            category: string;
+        };
+        description: string;
+    };
+    align: {
+        description: string;
+        control: {
+            type: string;
+        };
+        options: string[];
+    };
+    direction: {
+        description: string;
+        control: {
+            type: string;
+        };
+        options: string[];
+    };
+    offset: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
+    crossOffset: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
+    delay: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
+    arrowCrossOffset: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
+    width: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
+    placement: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
+    isDarkMode: any;
+    isDefaultOpen: any;
+    isNotFlippable: any;
+    hasNoArrow: any;
+    isOpen: any;
+    isDisabled: any;
+};

package/lib/cjs/components/TooltipTrigger/tooltipTriggerAttributes.js

@@ -0,0 +1,90 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tooltipTriggerArgTypes = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
+var _docArgTypes = require("../../utils/docUtils/docArgTypes");
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var tooltipTriggerArgTypes = exports.tooltipTriggerArgTypes = _objectSpread({
+  align: {
+    description: 'Alignment of the tooltip relative to the trigger element.',
+    control: {
+      type: 'select'
+    },
+    options: ['start', 'end', 'middle']
+  },
+  direction: {
+    description: 'Where the tooltip opens relative to its trigger.',
+    control: {
+      type: 'select'
+    },
+    options: ['top', 'right', 'bottom', 'left']
+  },
+  offset: {
+    description: 'Offset of the tooltip relative to its trigger along the primary axis.',
+    control: {
+      type: 'number'
+    }
+  },
+  crossOffset: {
+    description: 'Additional offset applied along the cross axis between the tooltip and its anchor.',
+    control: {
+      type: 'number'
+    }
+  },
+  delay: {
+    description: 'Delay in milliseconds before the tooltip is shown after hovering.',
+    control: {
+      type: 'number'
+    }
+  },
+  arrowCrossOffset: {
+    description: 'Arrow offset relative to the left of the tooltip. Must be a px or percentage value.',
+    control: {
+      type: 'text'
+    }
+  },
+  width: {
+    description: 'Width applied to the wrapper of the tooltip component.',
+    control: {
+      type: 'text'
+    }
+  },
+  placement: {
+    description: 'The placement of the tooltip with respect to its anchor element.',
+    control: {
+      type: 'text'
+    }
+  },
+  isDarkMode: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether the tooltip uses dark styling with white text (defaults to true).'
+  }),
+  isDefaultOpen: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether the tooltip is open by default (uncontrolled).'
+  }),
+  isNotFlippable: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether the tooltip is prevented from flipping when there is insufficient space for the given direction.'
+  }),
+  hasNoArrow: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether the tooltip arrow indicator is hidden.'
+  }),
+  isOpen: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether the tooltip is currently open (controlled).'
+  }),
+  isDisabled: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether the tooltip trigger is disabled, preventing the tooltip from appearing.'
+  })
+}, _ariaAttributes.ariaAttributeBaseArgTypes);

package/lib/cjs/components/TreeView/TreeView.stories.js

@@ -1,6 +1,13 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _Symbol = require("@babel/runtime-corejs3/core-js-stable/symbol");
 var _Object$create = require("@babel/runtime-corejs3/core-js-stable/object/create");
@@ -12,7 +19,6 @@ var _Promise2 = require("@babel/runtime-corejs3/core-js-stable/promise");
 var _Symbol$iterator = require("@babel/runtime-corejs3/core-js-stable/symbol/iterator");
 var _reverseInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/reverse");
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
   value: true
@@ -28,9 +34,11 @@ var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
+var _docArgTypes = require("../../utils/docUtils/docArgTypes");
 var _TreeView = _interopRequireDefault(require("./TreeView.mdx"));
 var _react2 = require("@emotion/react");
 function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
@@ -43,6 +51,8 @@ function _regeneratorAsyncIterator(t, e) { function n(r, o, i, f) { try { var c
 function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof _Symbol ? _Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = _Object$create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: _bindInstanceProperty(d).call(d, e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = _Object$getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = _Object$create(c); function f(e) { return _Object$setPrototypeOf ? _Object$setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = _Object$create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
 function _regeneratorDefine2(e, r, n, t) { var i = _Object$defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 function _OverloadYield(e, d) { this.v = e, this.k = d; }
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty2(_context5 = ownKeys(Object(t), !0)).call(_context5, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty2(_context6 = ownKeys(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _default = exports["default"] = {
   title: 'Experimental/TreeView',
   component: _index.TreeView,
@@ -66,6 +76,56 @@ var _default = exports["default"] = {
         }]
       }
     }
+  },
+  argTypes: {
+    onExpandedChange: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+      description: 'Callback invoked when the set of expanded tree nodes changes.'
+    }),
+    onKeyDown: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+      description: 'Callback invoked when a key is pressed while the tree has focus.'
+    }),
+    onDragStart: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+      description: 'Callback invoked when a drag operation on a tree item starts.'
+    }),
+    onDrop: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+      description: 'Callback invoked when an item is dropped onto the tree.'
+    }),
+    pageLength: {
+      description: 'Number of items to move focus by when Page Up or Page Down is pressed.',
+      control: {
+        type: 'number'
+      }
+    },
+    'aria-label': {
+      description: 'Defines an accessible label for the tree.',
+      control: {
+        type: 'text'
+      }
+    },
+    tree: {
+      description: 'The tree data object returned by useTreeData, used to manage tree state.',
+      control: {
+        type: null
+      }
+    },
+    items: {
+      description: 'The iterable list of top-level tree items to render.',
+      control: {
+        type: null
+      }
+    },
+    disabledKeys: {
+      description: 'Keys of items that are disabled and cannot be interacted with.',
+      control: {
+        type: null
+      }
+    },
+    loadingNodes: {
+      description: 'Array of node loading state objects indicating which nodes are currently loading children.',
+      control: {
+        type: null
+      }
+    }
   }
 };
 var data = [{

package/lib/components/AIComponents/AIPanel/AIPanel.stories.js

@@ -5,11 +5,13 @@ import DotsIcon from '@pingux/mdi-react/DotsHorizontalIcon';
 import { useOverlayPanelState } from '../../../hooks';
 import { Box, Button, Icon, IconButton, Item, Menu, PopoverMenu, Text } from '../../../index';
 import AIPanel from './AIPanel';
+import { aiPanelArgTypes } from './aiPanelAttributes';
 import AIPanelHeader from './AIPanelHeader';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   component: AIPanel,
-  title: 'AI Components/AI Panel'
+  title: 'AI Components/AI Panel',
+  argTypes: aiPanelArgTypes
 };
 var AIMenuPopover = function AIMenuPopover() {
   var _useState = useState(false),

package/lib/components/AIComponents/AIPanel/aiPanelAttributes.js

@@ -0,0 +1,35 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { booleanArg, funcArg } from '../../../utils/docUtils/docArgTypes';
+export var aiPanelArgTypes = {
+  state: {
+    description: 'The overlay panel state object controlling open/close behavior (required).',
+    control: {
+      type: null
+    }
+  },
+  isExpanded: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether the AI panel is in expanded (full-width) mode.'
+  }),
+  setIsExpanded: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: 'Callback invoked to toggle the expanded state of the panel.'
+  }),
+  onPanelClose: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: 'Callback invoked when the panel close action is triggered.'
+  }),
+  headerProps: {
+    description: 'Props passed to the panel header element.',
+    control: {
+      type: null
+    }
+  }
+};

package/lib/components/AIComponents/Prompt/Prompt.stories.js

@@ -4,7 +4,13 @@ import Prompt from './Prompt';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'AI Components/Prompt',
-  component: Prompt
+  component: Prompt,
+  argTypes: {
+    children: {
+      description: 'Content rendered inside the prompt container.',
+      control: false
+    }
+  }
 };
 export var Default = function Default() {
   return ___EmotionJSX(Prompt, null, ___EmotionJSX(Text, null, "Did my number of registrations go up or down in the last month?"));

package/lib/components/AIComponents/Response/Response.stories.js

@@ -10,6 +10,7 @@ import { Response } from '../../../index';
 import Markdown from './ResponseMarkdown/ResponseMarkdown';
 import ResponseReadme from './Response.mdx';
 import ResponseAttachment from './ResponseAttachment';
+import { responseArgTypes } from './responseAttributes';
 import ResponseList from './ResponseList';
 import ResponseText from './ResponseText';
 import ResponseToolbar from './ResponseToolbar';
@@ -24,7 +25,8 @@ export default {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(ResponseReadme, null), ___EmotionJSX(DocsLayout, null));
       }
     }
-  }
+  },
+  argTypes: responseArgTypes
 };
 var testText = 'Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet';
 export var Default = function Default() {

package/lib/components/AIComponents/Response/responseAttributes.js

@@ -0,0 +1,20 @@
+export var responseArgTypes = {
+  delay: {
+    description: 'Delay in milliseconds before the animation starts.',
+    control: {
+      type: 'number'
+    }
+  },
+  children: {
+    description: 'Content rendered inside the response container (required).',
+    control: false
+  },
+  containerProps: {
+    description: 'Props passed to the outer container element.',
+    control: false
+  },
+  iconProps: {
+    description: 'Props passed to the AI icon element.',
+    control: false
+  }
+};

package/lib/components/AIComponents/Suggestions/Suggestions.stories.js

@@ -1,9 +1,26 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import { AstroWrapper, NextGenTheme, Suggestion, Suggestions } from '../../../index';
+import { booleanArg } from '../../../utils/docUtils/docArgTypes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Ai Components/Suggestions',
-  component: Suggestions
+  component: Suggestions,
+  argTypes: {
+    isFullScreen: _objectSpread(_objectSpread({}, booleanArg), {}, {
+      description: 'Whether the suggestions panel is displayed in full-screen mode.'
+    })
+  }
 };
 var lorem = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.';
 export var Default = function Default() {

package/lib/components/AccordionGroup/AccordionGroup.stories.js

@@ -4,8 +4,8 @@ import React, { useState } from 'react';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { AccordionGroup, Badge, Box, Button, HelpHint, Item, Text, TextField } from '../../index';
 import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
-import { validHeadingTags } from '../AccordionItem/AccordionItem';
 import AccordionReadme from './AccordionGroup.mdx';
+import { accordionGroupArgTypes } from './accordionGroupAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var itemArray = [{
   key: 't1',
@@ -42,7 +42,7 @@ var itemArrayDisabled = [{
   label: 'Accordion Disabled',
   children: ___EmotionJSX(Text, null, "Hi")
 }];
-export default {
+var meta = {
   title: 'Components/AccordionGroup',
   component: AccordionGroup,
   parameters: {
@@ -55,28 +55,9 @@ export default {
       }
     }
   },
-  argTypes: {
-    id: {
-      control: {
-        type: 'text'
-      }
-    },
-    disabledKeys: {
-      description: 'The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. Array of keys.'
-    },
-    defaultExpandedKeys: {},
-    expandedKeys: {
-      control: false
-    },
-    items: {
-      control: false
-    },
-    labelHeadingTag: {
-      control: 'radio',
-      options: validHeadingTags
-    }
-  }
+  argTypes: accordionGroupArgTypes
 };
+export default meta;
 export var Default = function Default(args) {
   return ___EmotionJSX(AccordionGroup, args, ___EmotionJSX(Item, {
     key: "accordionKey",

package/lib/components/AccordionGroup/accordionGroupAttributes.js

@@ -0,0 +1,22 @@
+import { validHeadingTags } from '../AccordionItem/AccordionItem';
+export var accordionGroupArgTypes = {
+  id: {
+    control: {
+      type: 'text'
+    }
+  },
+  disabledKeys: {
+    description: 'The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. Array of keys.'
+  },
+  defaultExpandedKeys: {},
+  expandedKeys: {
+    control: false
+  },
+  items: {
+    control: false
+  },
+  labelHeadingTag: {
+    control: 'radio',
+    options: validHeadingTags
+  }
+};

package/lib/components/ArrayField/ArrayField.stories.js

@@ -18,8 +18,8 @@ import { OverlayProvider } from 'react-aria';
 import { v4 as uuid } from 'uuid';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { ArrayField, ArrayFieldDeleteButton, Box, Button, Item, SelectField, Text, TextField } from '../../index';
-import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
 import ArrayFieldReadme from './ArrayField.mdx';
+import { arrayFieldArgTypes } from './arrayFieldAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Form/ArrayField',
@@ -34,33 +34,7 @@ export default {
       }
     }
   },
-  argTypes: _objectSpread({
-    label: {
-      control: {
-        type: 'text'
-      }
-    },
-    helperText: {
-      control: {
-        type: 'text'
-      }
-    },
-    addButtonLabel: {
-      control: {
-        type: 'text'
-      }
-    },
-    maxSize: {
-      control: {
-        type: 'text'
-      }
-    },
-    maxSizeText: {
-      control: {
-        type: 'text'
-      }
-    }
-  }, ariaAttributeBaseArgTypes),
+  argTypes: _objectSpread({}, arrayFieldArgTypes),
   args: {
     label: 'Array field label',
     helperText: 'Helper text info...',

package/lib/components/ArrayField/arrayFieldAttributes.js

@@ -0,0 +1,39 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
+export var arrayFieldArgTypes = _objectSpread({
+  label: {
+    control: {
+      type: 'text'
+    }
+  },
+  helperText: {
+    control: {
+      type: 'text'
+    }
+  },
+  addButtonLabel: {
+    control: {
+      type: 'text'
+    }
+  },
+  maxSize: {
+    control: {
+      type: 'text'
+    }
+  },
+  maxSizeText: {
+    control: {
+      type: 'text'
+    }
+  }
+}, ariaAttributeBaseArgTypes);

package/lib/components/AstroProvider/AstroProvider.stories.js

@@ -15,7 +15,27 @@ export default {
   },
   decorators: [function (Story) {
     return ___EmotionJSX("div", null, ___EmotionJSX(Story, null));
-  }]
+  }],
+  argTypes: {
+    themeOverrides: {
+      description: 'Array of theme override objects merged on top of the default Astro theme.',
+      control: {
+        type: null
+      }
+    },
+    defaultTheme: {
+      description: 'The base theme object to use as the default instead of the built-in Astro theme.',
+      control: {
+        type: null
+      }
+    },
+    children: {
+      description: 'Content rendered inside the theme provider context.',
+      control: {
+        type: null
+      }
+    }
+  }
 };
 export var Default = function Default() {
   return ___EmotionJSX(AstroProvider, {