@pingux/astro 2.208.3 → 2.208.4-alpha.0

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

@@ -18,29 +18,13 @@ var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/s
 var _hooks = require("../../hooks");
 var _index = require("../../index");
 var _Tabs = _interopRequireDefault(require("./Tabs.mdx"));
+var _tabsAttributes = require("./tabsAttributes");
 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 _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var _default = exports["default"] = {
   title: 'Components/Tabs',
   component: _index.Tabs,
-  argTypes: {
-    isDisabled: {},
-    orientation: {},
-    mode: {},
-    defaultSelectedKey: {},
-    selectedKey: {
-      control: false
-    },
-    tabListProps: {
-      control: false
-    },
-    tabPanelProps: {
-      control: false
-    },
-    items: {
-      control: false
-    }
-  },
+  argTypes: _tabsAttributes.tabsArgTypes,
   parameters: {
     actions: {
       argTypesRegex: null

package/lib/cjs/components/Tabs/tabsAttributes.d.ts

@@ -0,0 +1,18 @@
+export declare const tabsArgTypes: {
+    isDisabled: {};
+    orientation: {};
+    mode: {};
+    defaultSelectedKey: {};
+    selectedKey: {
+        control: boolean;
+    };
+    tabListProps: {
+        control: boolean;
+    };
+    tabPanelProps: {
+        control: boolean;
+    };
+    items: {
+        control: boolean;
+    };
+};

package/lib/cjs/components/Tabs/tabsAttributes.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tabsArgTypes = void 0;
+var tabsArgTypes = exports.tabsArgTypes = {
+  isDisabled: {},
+  orientation: {},
+  mode: {},
+  defaultSelectedKey: {},
+  selectedKey: {
+    control: false
+  },
+  tabListProps: {
+    control: false
+  },
+  tabPanelProps: {
+    control: false
+  },
+  items: {
+    control: false
+  }
+};

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

@@ -14,6 +14,7 @@ var _react = _interopRequireDefault(require("react"));
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
 var _Text = _interopRequireDefault(require("./Text.mdx"));
+var _textAttributes = require("./textAttributes");
 var _react2 = require("@emotion/react");
 var _default = exports["default"] = {
   title: 'Components/Text',
@@ -25,32 +26,7 @@ var _default = exports["default"] = {
       }
     }
   },
-  argTypes: {
-    as: {
-      control: false
-    },
-    role: {
-      control: false
-    },
-    variant: {
-      control: false,
-      description: 'Text variant.'
-    },
-    children: {
-      control: false,
-      description: 'Text value.'
-    },
-    color: {
-      control: {
-        type: 'text'
-      },
-      description: 'Text color.'
-    },
-    bg: {
-      control: false,
-      description: 'Background color.'
-    }
-  }
+  argTypes: _textAttributes.textArgTypes
 };
 var sx = {
   cell: {

package/lib/cjs/components/Text/textAttributes.d.ts

@@ -0,0 +1,26 @@
+export declare const textArgTypes: {
+    as: {
+        control: boolean;
+    };
+    role: {
+        control: boolean;
+    };
+    variant: {
+        control: boolean;
+        description: string;
+    };
+    children: {
+        control: boolean;
+        description: string;
+    };
+    color: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    bg: {
+        control: boolean;
+        description: string;
+    };
+};

package/lib/cjs/components/Text/textAttributes.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.textArgTypes = void 0;
+var textArgTypes = exports.textArgTypes = {
+  as: {
+    control: false
+  },
+  role: {
+    control: false
+  },
+  variant: {
+    control: false,
+    description: 'Text variant.'
+  },
+  children: {
+    control: false,
+    description: 'Text value.'
+  },
+  color: {
+    control: {
+      type: 'text'
+    },
+    description: 'Text color.'
+  },
+  bg: {
+    control: false,
+    description: 'Background color.'
+  }
+};

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

@@ -24,10 +24,8 @@ var _SearchIcon = _interopRequireDefault(require("@pingux/mdi-react/SearchIcon")
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
 var _labelModes = require("../../utils/devUtils/constants/labelModes");
-var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
-var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
-var _statusProp = require("../../utils/docUtils/statusProp");
 var _TextAreaField = _interopRequireDefault(require("./TextAreaField.mdx"));
+var _textAreaFieldAttributes = require("./textAreaFieldAttributes");
 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 _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
@@ -50,44 +48,7 @@ var _default = exports["default"] = {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread(_objectSpread({
-    label: {
-      control: {
-        type: 'text'
-      }
-    },
-    labelMode: {
-      control: {
-        type: 'select',
-        options: (0, _values["default"])(_labelModes.modes)
-      }
-    },
-    defaultValue: {},
-    placeholder: {},
-    name: {},
-    helperText: {
-      control: {
-        type: 'text'
-      }
-    },
-    hintText: {
-      control: {
-        type: 'text'
-      }
-    },
-    rows: {},
-    isDisabled: {},
-    isRequired: {},
-    isReadOnly: {},
-    hasAutoFocus: {},
-    isUnresizable: {},
-    id: {},
-    autocomplete: {},
-    className: {},
-    value: {
-      control: false
-    }
-  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes),
+  argTypes: _objectSpread({}, _textAreaFieldAttributes.textAreaFieldArgTypes),
   args: {
     label: 'Example Label',
     labelMode: (0, _values["default"])(_labelModes.modes)[0]

package/lib/cjs/components/TextAreaField/textAreaFieldAttributes.d.ts

@@ -0,0 +1 @@
+export declare const textAreaFieldArgTypes: any;

package/lib/cjs/components/TextAreaField/textAreaFieldAttributes.js

@@ -0,0 +1,61 @@
+"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.textAreaFieldArgTypes = void 0;
+var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _labelModes = require("../../utils/devUtils/constants/labelModes");
+var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
+var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
+var _statusProp = require("../../utils/docUtils/statusProp");
+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 textAreaFieldArgTypes = exports.textAreaFieldArgTypes = _objectSpread(_objectSpread(_objectSpread({
+  label: {
+    control: {
+      type: 'text'
+    }
+  },
+  labelMode: {
+    control: {
+      type: 'select',
+      options: (0, _values["default"])(_labelModes.modes)
+    }
+  },
+  defaultValue: {},
+  placeholder: {},
+  name: {},
+  helperText: {
+    control: {
+      type: 'text'
+    }
+  },
+  hintText: {
+    control: {
+      type: 'text'
+    }
+  },
+  rows: {},
+  isDisabled: {},
+  isRequired: {},
+  isReadOnly: {},
+  hasAutoFocus: {},
+  isUnresizable: {},
+  id: {},
+  autocomplete: {},
+  className: {},
+  value: {
+    control: false
+  }
+}, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes);

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

@@ -15,6 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
 var _TimeField = _interopRequireDefault(require("./TimeField.mdx"));
+var _timeFieldAttributes = require("./timeFieldAttributes");
 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 _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var _default = exports["default"] = {
@@ -38,7 +39,7 @@ var _default = exports["default"] = {
       }
     }
   },
-  argTypes: {}
+  argTypes: _timeFieldAttributes.timeFieldArgTypes
 };
 var Default = exports.Default = function Default(args) {
   return (0, _react2.jsx)(_index.TimeField, (0, _extends2["default"])({}, args, {

package/lib/cjs/components/TimeField/timeFieldAttributes.d.ts

@@ -0,0 +1,89 @@
+export declare const timeFieldArgTypes: {
+    isDisabled: any;
+    isReadOnly: any;
+    isRequired: any;
+    isInvalid: any;
+    autoFocus: any;
+    shouldForceLeadingZeros: any;
+    hourCycle: {
+        control: {
+            type: string;
+        };
+        options: number[];
+        description: string;
+    };
+    granularity: {
+        control: {
+            type: string;
+        };
+        options: string[];
+        description: string;
+    };
+    validationBehavior: {
+        control: {
+            type: string;
+        };
+        options: string[];
+        description: string;
+    };
+    label: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    name: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    id: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    slot: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    value: {
+        control: {
+            type: null;
+        };
+        description: string;
+    };
+    defaultValue: {
+        control: {
+            type: null;
+        };
+        description: string;
+    };
+    placeholderValue: {
+        control: {
+            type: null;
+        };
+        description: string;
+    };
+    minValue: {
+        control: {
+            type: null;
+        };
+        description: string;
+    };
+    maxValue: {
+        control: {
+            type: null;
+        };
+        description: string;
+    };
+    onChange: any;
+    onFocus: any;
+    onBlur: any;
+    onFocusChange: any;
+    onKeyDown: any;
+    onKeyUp: any;
+};

package/lib/cjs/components/TimeField/timeFieldAttributes.js

@@ -0,0 +1,132 @@
+"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.timeFieldArgTypes = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+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 timeFieldArgTypes = exports.timeFieldArgTypes = {
+  isDisabled: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether the input is disabled.'
+  }),
+  isReadOnly: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether the input can be selected but not changed by the user.'
+  }),
+  isRequired: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether user input is required on the input before form submission.'
+  }),
+  isInvalid: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether the input value is invalid.'
+  }),
+  autoFocus: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether the element should receive focus on render.'
+  }),
+  shouldForceLeadingZeros: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether to always show leading zeros in the hour field.'
+  }),
+  hourCycle: {
+    control: {
+      type: 'select'
+    },
+    options: [12, 24],
+    description: 'Whether to display the time in 12 or 24 hour format. Default is determined by the user\'s locale.'
+  },
+  granularity: {
+    control: {
+      type: 'select'
+    },
+    options: ['hour', 'minute', 'second'],
+    description: 'Determines the smallest unit that is displayed in the time picker.'
+  },
+  validationBehavior: {
+    control: {
+      type: 'select'
+    },
+    options: ['native', 'aria'],
+    description: 'Whether to use native HTML form validation or ARIA to mark the field as required or invalid.'
+  },
+  label: {
+    control: {
+      type: 'text'
+    },
+    description: 'The content to display as the label.'
+  },
+  name: {
+    control: {
+      type: 'text'
+    },
+    description: 'The name of the input element, used when submitting an HTML form.'
+  },
+  id: {
+    control: {
+      type: 'text'
+    },
+    description: 'The element\'s unique identifier.'
+  },
+  slot: {
+    control: {
+      type: 'text'
+    },
+    description: 'A slot name for the component, allowing it to receive props from a parent component.'
+  },
+  value: {
+    control: {
+      type: null
+    },
+    description: 'The current value (controlled). Accepts a TimeValue, string, or null.'
+  },
+  defaultValue: {
+    control: {
+      type: null
+    },
+    description: 'The default value (uncontrolled). Accepts a TimeValue, string, or null.'
+  },
+  placeholderValue: {
+    control: {
+      type: null
+    },
+    description: 'A placeholder time that influences the format of the placeholder shown when no value is selected.'
+  },
+  minValue: {
+    control: {
+      type: null
+    },
+    description: 'The minimum allowed time that a user may select.'
+  },
+  maxValue: {
+    control: {
+      type: null
+    },
+    description: 'The maximum allowed time that a user may select.'
+  },
+  onChange: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: 'Handler that is called when the value changes.'
+  }),
+  onFocus: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: 'Handler that is called when the element receives focus.'
+  }),
+  onBlur: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: 'Handler that is called when the element loses focus.'
+  }),
+  onFocusChange: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: 'Handler that is called when the element\'s focus status changes.'
+  }),
+  onKeyDown: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: 'Handler that is called when a key is pressed.'
+  }),
+  onKeyUp: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: 'Handler that is called when a key is released.'
+  })
+};

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

@@ -1,5 +1,12 @@
 "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", {
@@ -8,11 +15,15 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = exports.WithCustomTimeZone = exports.UTCFormat = exports.Default = exports.CustomFormat = exports.Controlled = void 0;
 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 = _interopRequireDefault(require("react"));
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
+var _docArgTypes = require("../../utils/docUtils/docArgTypes");
 var _TimeZonePicker = _interopRequireDefault(require("./TimeZonePicker.mdx"));
 var _react2 = require("@emotion/react");
+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 _default = exports["default"] = {
   title: 'Form/TimeZonePicker',
   component: _index.TimeZonePicker,
@@ -22,6 +33,50 @@ var _default = exports["default"] = {
         return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_TimeZonePicker["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
       }
     }
+  },
+  argTypes: {
+    selectedKey: {
+      description: 'The key of the currently selected time zone item (controlled).',
+      control: {
+        type: 'text'
+      }
+    },
+    inputValue: {
+      description: 'The current value of the search input field (controlled).',
+      control: {
+        type: 'text'
+      }
+    },
+    emptySearchText: {
+      description: 'Text displayed when the search query returns no results.',
+      control: {
+        type: 'text'
+      }
+    },
+    locales: {
+      description: 'Locale string or array of locale strings used to format time zone display names.',
+      control: {
+        type: 'text'
+      }
+    },
+    onSelectionChange: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+      description: 'Callback invoked when the selected time zone changes.'
+    }),
+    onInputChange: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+      description: 'Callback invoked when the search input value changes.'
+    }),
+    additionalTimeZones: {
+      description: 'An object mapping custom display labels to IANA time zone identifiers to include alongside the default list.',
+      control: {
+        type: null
+      }
+    },
+    localeOptions: {
+      description: 'Options object passed to Intl.DateTimeFormat for locale-sensitive time zone name formatting.',
+      control: {
+        type: null
+      }
+    }
   }
 };
 var Default = exports.Default = function Default(args) {

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

@@ -17,6 +17,7 @@ var _hooks = require("../../hooks");
 var _index = require("../../index");
 var _figmaLinks = require("../../utils/designUtils/figmaLinks");
 var _TooltipTrigger = _interopRequireDefault(require("./TooltipTrigger.mdx"));
+var _tooltipTriggerAttributes = require("./tooltipTriggerAttributes");
 var _react2 = require("@emotion/react");
 var _default = exports["default"] = {
   title: 'Components/TooltipTrigger',
@@ -27,7 +28,8 @@ var _default = exports["default"] = {
         return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_TooltipTrigger["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
       }
     }
-  }
+  },
+  argTypes: _tooltipTriggerAttributes.tooltipTriggerArgTypes
 };
 var Default = exports.Default = function Default(args) {
   return (0, _react2.jsx)(_index.TooltipTrigger, args, (0, _react2.jsx)(_index.Button, null, "Hover Over Me!"), (0, _react2.jsx)(_index.Tooltip, null, "Tooltip Content"));