@pingux/astro 2.208.3 → 2.208.4-alpha.0

package/lib/components/Table/Table.stories.js

@@ -1,8 +1,20 @@
+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";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
+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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Card, Table, TableBody, TableCaption, TableCell, TableHead, TableRow } from '../../index';
+import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
 import TableReadme from './Table.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
@@ -13,14 +25,19 @@ export default {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(TableReadme, null), ___EmotionJSX(DocsLayout, null));
       }
-    },
-    controls: {
-      include: ['id']
     }
   },
   args: {
     id: 'table'
-  }
+  },
+  argTypes: _objectSpread({
+    id: {
+      description: 'Unique HTML id attribute applied to the table element.',
+      control: {
+        type: 'text'
+      }
+    }
+  }, ariaAttributeBaseArgTypes)
 };
 var caption = 'Lorem Ipsum';
 var headers = ['Type', 'Date', 'Additional Grant', 'Total Grant'];

package/lib/components/TableBase/TableBase.stories.js

@@ -34,6 +34,7 @@ import { Badge, Box, Card, Cell, Column, Pagination, PaginationProvider, Row, Ta
 import { usePaginationState } from '../../hooks';
 import { items as listData } from '../../utils/devUtils/constants/items';
 import TableReadme from './TableBase.mdx';
+import { tableBaseArgTypes } from './tableBaseAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/TableBase',
@@ -44,7 +45,8 @@ export default {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(TableReadme, null), ___EmotionJSX(DocsLayout, null));
       }
     }
-  }
+  },
+  argTypes: tableBaseArgTypes
 };
 var headers = [{
   key: 'type',

package/lib/components/TableBase/tableBaseAttributes.js

@@ -0,0 +1,55 @@
+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 tableBaseArgTypes = {
+  selectionMode: {
+    description: 'The type of selection allowed in the table.',
+    control: {
+      type: 'select'
+    },
+    options: ['none', 'single', 'multiple']
+  },
+  selectionBehavior: {
+    description: 'How selection behaves when clicking rows — replace the current selection or toggle individual rows.',
+    control: {
+      type: 'select'
+    },
+    options: ['replace', 'toggle']
+  },
+  hasSelectionCheckboxes: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether selection checkboxes are shown in each row and the header.'
+  }),
+  isStickyHeader: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether the table header remains fixed when the table body scrolls.'
+  }),
+  isLastColumnSticky: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether the last column is sticky and remains visible during horizontal scroll.'
+  }),
+  caption: {
+    description: 'An accessible caption or label for the table.',
+    control: {
+      type: 'text'
+    }
+  },
+  'aria-label': {
+    description: 'Defines an accessible label for the table element.',
+    control: {
+      type: 'text'
+    }
+  },
+  onSortChange: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: 'Callback invoked when the sort descriptor changes.'
+  }),
+  onSelectionChange: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: 'Callback invoked when the selection state changes.'
+  })
+};

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

@@ -7,28 +7,12 @@ import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { useGetTheme } from '../../hooks';
 import { Badge, Box, Icon, Tab, Tabs, Text } from '../../index';
 import TabsReadme from './Tabs.mdx';
+import { tabsArgTypes } from './tabsAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/Tabs',
   component: Tabs,
-  argTypes: {
-    isDisabled: {},
-    orientation: {},
-    mode: {},
-    defaultSelectedKey: {},
-    selectedKey: {
-      control: false
-    },
-    tabListProps: {
-      control: false
-    },
-    tabPanelProps: {
-      control: false
-    },
-    items: {
-      control: false
-    }
-  },
+  argTypes: tabsArgTypes,
   parameters: {
     actions: {
       argTypesRegex: null

package/lib/components/Tabs/tabsAttributes.js

@@ -0,0 +1,18 @@
+export var tabsArgTypes = {
+  isDisabled: {},
+  orientation: {},
+  mode: {},
+  defaultSelectedKey: {},
+  selectedKey: {
+    control: false
+  },
+  tabListProps: {
+    control: false
+  },
+  tabPanelProps: {
+    control: false
+  },
+  items: {
+    control: false
+  }
+};

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

@@ -6,6 +6,7 @@ import React from 'react';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Box, Separator, Table, TableBody, TableCell, TableHead, TableRow, Text } from '../../index';
 import TextReadme from './Text.mdx';
+import { textArgTypes } from './textAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/Text',
@@ -17,32 +18,7 @@ export 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: textArgTypes
 };
 var sx = {
   cell: {

package/lib/components/Text/textAttributes.js

@@ -0,0 +1,26 @@
+export var 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/components/TextAreaField/TextAreaField.stories.js

@@ -17,10 +17,8 @@ import SearchIcon from '@pingux/mdi-react/SearchIcon';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Box, Icon, TextAreaField } from '../../index';
 import { modes as labelModes } from '../../utils/devUtils/constants/labelModes';
-import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
-import { inputFieldAttributeBaseArgTypes } from '../../utils/docUtils/fieldAttributes';
-import { statusArgTypes } from '../../utils/docUtils/statusProp';
 import TextAreaFieldReadme from './TextAreaField.mdx';
+import { textAreaFieldArgTypes } from './textAreaFieldAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Form/TextAreaField',
@@ -40,44 +38,7 @@ export default {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread(_objectSpread({
-    label: {
-      control: {
-        type: 'text'
-      }
-    },
-    labelMode: {
-      control: {
-        type: 'select',
-        options: _Object$values(labelModes)
-      }
-    },
-    defaultValue: {},
-    placeholder: {},
-    name: {},
-    helperText: {
-      control: {
-        type: 'text'
-      }
-    },
-    hintText: {
-      control: {
-        type: 'text'
-      }
-    },
-    rows: {},
-    isDisabled: {},
-    isRequired: {},
-    isReadOnly: {},
-    hasAutoFocus: {},
-    isUnresizable: {},
-    id: {},
-    autocomplete: {},
-    className: {},
-    value: {
-      control: false
-    }
-  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes),
+  argTypes: _objectSpread({}, textAreaFieldArgTypes),
   args: {
     label: 'Example Label',
     labelMode: _Object$values(labelModes)[0]

package/lib/components/TextAreaField/textAreaFieldAttributes.js

@@ -0,0 +1,54 @@
+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";
+import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
+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 { modes as labelModes } from '../../utils/devUtils/constants/labelModes';
+import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
+import { inputFieldAttributeBaseArgTypes } from '../../utils/docUtils/fieldAttributes';
+import { statusArgTypes } from '../../utils/docUtils/statusProp';
+export var textAreaFieldArgTypes = _objectSpread(_objectSpread(_objectSpread({
+  label: {
+    control: {
+      type: 'text'
+    }
+  },
+  labelMode: {
+    control: {
+      type: 'select',
+      options: _Object$values(labelModes)
+    }
+  },
+  defaultValue: {},
+  placeholder: {},
+  name: {},
+  helperText: {
+    control: {
+      type: 'text'
+    }
+  },
+  hintText: {
+    control: {
+      type: 'text'
+    }
+  },
+  rows: {},
+  isDisabled: {},
+  isRequired: {},
+  isReadOnly: {},
+  hasAutoFocus: {},
+  isUnresizable: {},
+  id: {},
+  autocomplete: {},
+  className: {},
+  value: {
+    control: false
+  }
+}, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes);

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

@@ -4,6 +4,7 @@ import React, { useState } from 'react';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { TimeField } from '../../index';
 import TimeFieldReadme from './TimeField.mdx';
+import { timeFieldArgTypes } from './timeFieldAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Experimental/TimeField',
@@ -26,7 +27,7 @@ export default {
       }
     }
   },
-  argTypes: {}
+  argTypes: timeFieldArgTypes
 };
 export var Default = function Default(args) {
   return ___EmotionJSX(TimeField, _extends({}, args, {

package/lib/components/TimeField/timeFieldAttributes.js

@@ -0,0 +1,125 @@
+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 timeFieldArgTypes = {
+  isDisabled: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether the input is disabled.'
+  }),
+  isReadOnly: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether the input can be selected but not changed by the user.'
+  }),
+  isRequired: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether user input is required on the input before form submission.'
+  }),
+  isInvalid: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether the input value is invalid.'
+  }),
+  autoFocus: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether the element should receive focus on render.'
+  }),
+  shouldForceLeadingZeros: _objectSpread(_objectSpread({}, 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({}, funcArg), {}, {
+    description: 'Handler that is called when the value changes.'
+  }),
+  onFocus: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: 'Handler that is called when the element receives focus.'
+  }),
+  onBlur: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: 'Handler that is called when the element loses focus.'
+  }),
+  onFocusChange: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: 'Handler that is called when the element\'s focus status changes.'
+  }),
+  onKeyDown: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: 'Handler that is called when a key is pressed.'
+  }),
+  onKeyUp: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: 'Handler that is called when a key is released.'
+  })
+};

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

@@ -1,8 +1,20 @@
+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 _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+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 DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { TimeZonePicker } from '../../index';
+import { funcArg } from '../../utils/docUtils/docArgTypes';
 import TimeZonePickerReadme from './TimeZonePicker.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
@@ -14,6 +26,50 @@ export default {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(TimeZonePickerReadme, null), ___EmotionJSX(DocsLayout, 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({}, funcArg), {}, {
+      description: 'Callback invoked when the selected time zone changes.'
+    }),
+    onInputChange: _objectSpread(_objectSpread({}, 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
+      }
+    }
   }
 };
 export var Default = function Default(args) {

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

@@ -9,6 +9,7 @@ import { useGetTheme } from '../../hooks';
 import { Box, Button, Icon, IconButton, Text, Tooltip, TooltipTrigger } from '../../index';
 import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
 import TooltipTriggerReadme from './TooltipTrigger.mdx';
+import { tooltipTriggerArgTypes } from './tooltipTriggerAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/TooltipTrigger',
@@ -19,7 +20,8 @@ export default {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(TooltipTriggerReadme, null), ___EmotionJSX(DocsLayout, null));
       }
     }
-  }
+  },
+  argTypes: tooltipTriggerArgTypes
 };
 export var Default = function Default(args) {
   return ___EmotionJSX(TooltipTrigger, args, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Tooltip Content"));