@redsift/design-system 11.5.0 → 11.6.0-muiv5-alpha.0

package/components/flexbox/styles.js

@@ -0,0 +1,54 @@
+import styled, { css } from 'styled-components';
+import { baseStyling, baseInternalSpacing, baseBorder, baseFlexbox } from '../shared/styles.js';
+
+/**
+ * Component style.
+ */
+const StyledFlexbox = styled.div`
+  display: ${_ref => {
+  let {
+    inline
+  } = _ref;
+  return inline ? 'inline-flex' : 'flex';
+}};
+
+  ${baseStyling}
+  ${baseInternalSpacing}
+  ${baseBorder}
+  ${baseFlexbox}
+
+  ${_ref2 => {
+  let {
+    $divider
+  } = _ref2;
+  return $divider ? css`
+          overflow: hidden;
+          > *:not(:empty) {
+            position: relative;
+
+            ::before {
+              content: '';
+              position: absolute;
+              background-color: var(--redsift-color-neutral-light-grey);
+              inline-size: 1px;
+              block-size: 100%;
+              inset-inline-start: calc(${Math.max(1, $divider.colGap / 2)}px * -1);
+            }
+
+            ::after {
+              content: '';
+              position: absolute;
+              background-color: var(--redsift-color-neutral-light-grey);
+              inline-size: 200vw;
+              block-size: 1px;
+              inset-inline-start: -100vw;
+              inset-block-start: calc(${Math.max(1, $divider.rowGap / 2)}px * -1);
+              z-index: 0;
+            }
+          }
+        ` : '';
+}}
+`;
+
+export { StyledFlexbox };
+//# sourceMappingURL=styles.js.map

package/components/flexbox/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/components/flexbox/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseBorder, baseFlexbox, baseInternalSpacing, baseStyling } from '../shared';\nimport { StyledFlexboxProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledFlexbox = styled.div<StyledFlexboxProps>`\n  display: ${({ inline }) => (inline ? 'inline-flex' : 'flex')};\n\n  ${baseStyling}\n  ${baseInternalSpacing}\n  ${baseBorder}\n  ${baseFlexbox}\n\n  ${({ $divider }) =>\n    $divider\n      ? css`\n          overflow: hidden;\n          > *:not(:empty) {\n            position: relative;\n\n            ::before {\n              content: '';\n              position: absolute;\n              background-color: var(--redsift-color-neutral-light-grey);\n              inline-size: 1px;\n              block-size: 100%;\n              inset-inline-start: calc(${Math.max(1, $divider.colGap / 2)}px * -1);\n            }\n\n            ::after {\n              content: '';\n              position: absolute;\n              background-color: var(--redsift-color-neutral-light-grey);\n              inline-size: 200vw;\n              block-size: 1px;\n              inset-inline-start: -100vw;\n              inset-block-start: calc(${Math.max(1, $divider.rowGap / 2)}px * -1);\n              z-index: 0;\n            }\n          }\n        `\n      : ''}\n`;\n"],"names":["StyledFlexbox","styled","div","_ref","inline","baseStyling","baseInternalSpacing","baseBorder","baseFlexbox","_ref2","$divider","css","Math","max","colGap","rowGap"],"mappings":";;;AAIA;AACA;AACA;AACaA,MAAAA,aAAa,GAAGC,MAAM,CAACC,GAAwB,CAAA;AAC5D,WAAA,EAAaC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAMC,MAAM,GAAG,aAAa,GAAG,MAAM,CAAA;AAAA,CAAE,CAAA;AAC/D;AACA,EAAA,EAAIC,WAAY,CAAA;AAChB,EAAA,EAAIC,mBAAoB,CAAA;AACxB,EAAA,EAAIC,UAAW,CAAA;AACf,EAAA,EAAIC,WAAY,CAAA;AAChB;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;EAAA,OACbC,QAAQ,GACJC,GAAI,CAAA;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uCAAyCC,EAAAA,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEH,QAAQ,CAACI,MAAM,GAAG,CAAC,CAAE,CAAA;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sCAAwCF,EAAAA,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEH,QAAQ,CAACK,MAAM,GAAG,CAAC,CAAE,CAAA;AACzE;AACA;AACA;AACA,QAAA,CAAS,GACD,EAAE,CAAA;AAAA,CAAC,CAAA;AACX;;;;"}

package/components/flexbox/types.d.ts

@@ -0,0 +1,24 @@
+import { ComponentProps } from 'react';
+import { StylingProps, InternalSpacingProps, FlexLayoutProps, BorderProps } from '../../types/styles.js';
+import { Theme } from '../../types/colors.js';
+
+/**
+ * Component props.
+ */
+interface FlexboxProps extends ComponentProps<'div'>, StylingProps, InternalSpacingProps, FlexLayoutProps, BorderProps {
+    /** Used to use a different tag in lieu of a div. */
+    as?: any;
+    /** Whether the flexbox has internal divider or not. The number of pixels defining the gap between columns and rows is mandatory. This replaces the gap property. */
+    divider?: {
+        colGap: number;
+        rowGap: number;
+    };
+    /** Theme. */
+    theme?: Theme;
+}
+type StyledFlexboxProps = FlexboxProps & {
+    $divider: FlexboxProps['divider'];
+    $theme: FlexboxProps['theme'];
+};
+
+export { FlexboxProps, StyledFlexboxProps };

package/components/focus-within-group/FocusWithinGroup.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { FocusWithinGroupProps } from './types.js';
+
+/**
+ * The FocusWithinGroup component.
+ *
+ * @param {ReactNode} children - The child content, which will
+ * include the DOM elements to rove between using the tab key.
+ * @param {KeyDirection} direction - An optional direction value
+ * that only applies when the roving tabindex is not being
+ * used within a grid. This value specifies the arrow key behaviour.
+ * The default value is 'horizontal'.
+ * When set to 'horizontal' then only the ArrowLeft and ArrowRight
+ * keys move to the previous and next tab stop respectively.
+ * When set to 'vertical' then only the ArrowUp and ArrowDown keys
+ * move to the previous and next tab stop respectively. When set
+ * to 'both' then both the ArrowLeft and ArrowUp keys can be used
+ * to move to the previous tab stop, and both the ArrowRight
+ * and ArrowDown keys can be used to move to the next tab stop.
+ * If you do not pass an explicit value then the 'horizontal'
+ * behaviour applies.
+ * @param {boolean} focusOnClick - An optional flag for indicating
+ * if `focus()` should invoked on an item in the roving tabindex
+ * when it is clicked. The default value for this flag is `false`,
+ * meaning that `focus()` will not be invoked on click.
+ * Browsers are
+ * [inconsistent in their behaviour](https://zellwk.com/blog/inconsistent-button-behavior/)
+ * when a button is clicked so you will see some variation between
+ * the browsers with the default value. Prior to version 3 of this library,
+ * the behaviour was to always invoke `focus()` on click; this behaviour
+ * can be maintained by passing `true`.
+ * @param {boolean} loopAround - An optional flag that,
+ * when set to `true`, will loop the tabindex around when the user
+ * tries to tab to the first or last elements in the roving tabindex,
+ * rather than stopping. The default value is `false` (no looping).
+ * Note that this option does not apply if the roving tabindex
+ * is being used on a grid.
+ */
+declare const FocusWithinGroup: React.FC<FocusWithinGroupProps>;
+
+export { FocusWithinGroup };

package/components/focus-within-group/FocusWithinGroup.js

@@ -0,0 +1,91 @@
+import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useReducer, useEffect, useMemo } from 'react';
+import { FocusWithinGroupActionType } from './types.js';
+import { FOCUS_WITHING_GROUP_INITIAL_STATE, FocusWithinGroupContext } from './context.js';
+import { FocusWithinGroupReducer } from './reducer.js';
+
+/**
+ * The FocusWithinGroup component.
+ *
+ * @param {ReactNode} children - The child content, which will
+ * include the DOM elements to rove between using the tab key.
+ * @param {KeyDirection} direction - An optional direction value
+ * that only applies when the roving tabindex is not being
+ * used within a grid. This value specifies the arrow key behaviour.
+ * The default value is 'horizontal'.
+ * When set to 'horizontal' then only the ArrowLeft and ArrowRight
+ * keys move to the previous and next tab stop respectively.
+ * When set to 'vertical' then only the ArrowUp and ArrowDown keys
+ * move to the previous and next tab stop respectively. When set
+ * to 'both' then both the ArrowLeft and ArrowUp keys can be used
+ * to move to the previous tab stop, and both the ArrowRight
+ * and ArrowDown keys can be used to move to the next tab stop.
+ * If you do not pass an explicit value then the 'horizontal'
+ * behaviour applies.
+ * @param {boolean} focusOnClick - An optional flag for indicating
+ * if `focus()` should invoked on an item in the roving tabindex
+ * when it is clicked. The default value for this flag is `false`,
+ * meaning that `focus()` will not be invoked on click.
+ * Browsers are
+ * [inconsistent in their behaviour](https://zellwk.com/blog/inconsistent-button-behavior/)
+ * when a button is clicked so you will see some variation between
+ * the browsers with the default value. Prior to version 3 of this library,
+ * the behaviour was to always invoke `focus()` on click; this behaviour
+ * can be maintained by passing `true`.
+ * @param {boolean} loopAround - An optional flag that,
+ * when set to `true`, will loop the tabindex around when the user
+ * tries to tab to the first or last elements in the roving tabindex,
+ * rather than stopping. The default value is `false` (no looping).
+ * Note that this option does not apply if the roving tabindex
+ * is being used on a grid.
+ */
+const FocusWithinGroup = props => {
+  const {
+    children,
+    direction,
+    focusOnClick,
+    loopAround,
+    focusType,
+    listRole,
+    focusOnInit,
+    activedescendant,
+    maxOptionsLength
+  } = props;
+  const [state, dispatch] = useReducer(FocusWithinGroupReducer, _objectSpread2(_objectSpread2({}, FOCUS_WITHING_GROUP_INITIAL_STATE), {}, {
+    direction,
+    focusOnClick,
+    loopAround,
+    focusType,
+    listRole,
+    focusOnInit,
+    activedescendant,
+    maxOptionsLength
+  }));
+
+  // Update the options whenever they change:
+  useEffect(() => {
+    dispatch({
+      type: FocusWithinGroupActionType.OPTIONS_UPDATED,
+      payload: {
+        direction: direction !== null && direction !== void 0 ? direction : FOCUS_WITHING_GROUP_INITIAL_STATE.direction,
+        focusOnClick: focusOnClick !== null && focusOnClick !== void 0 ? focusOnClick : FOCUS_WITHING_GROUP_INITIAL_STATE.focusOnClick,
+        loopAround: loopAround !== null && loopAround !== void 0 ? loopAround : FOCUS_WITHING_GROUP_INITIAL_STATE.loopAround,
+        focusType: focusType !== null && focusType !== void 0 ? focusType : FOCUS_WITHING_GROUP_INITIAL_STATE.focusType,
+        listRole: listRole !== null && listRole !== void 0 ? listRole : FOCUS_WITHING_GROUP_INITIAL_STATE.listRole,
+        focusOnInit: focusOnInit !== null && focusOnInit !== void 0 ? focusOnInit : FOCUS_WITHING_GROUP_INITIAL_STATE.focusOnInit,
+        activedescendant: activedescendant !== null && activedescendant !== void 0 ? activedescendant : FOCUS_WITHING_GROUP_INITIAL_STATE.activedescendant,
+        maxOptionsLength: maxOptionsLength !== null && maxOptionsLength !== void 0 ? maxOptionsLength : FOCUS_WITHING_GROUP_INITIAL_STATE.maxOptionsLength
+      }
+    });
+  }, [direction, focusOnClick, focusOnInit, loopAround, focusType, listRole, activedescendant, maxOptionsLength]);
+  const context = useMemo(() => ({
+    state,
+    dispatch
+  }), [state]);
+  return /*#__PURE__*/React__default.createElement(FocusWithinGroupContext.Provider, {
+    value: context
+  }, children);
+};
+
+export { FocusWithinGroup };
+//# sourceMappingURL=FocusWithinGroup.js.map

package/components/focus-within-group/FocusWithinGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusWithinGroup.js","sources":["../../../src/components/focus-within-group/FocusWithinGroup.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useReducer } from 'react';\nimport {\n  FocusWithinGroupActionType,\n  FocusWithinGroupContextProps,\n  FocusWithinGroupProps,\n  FocusWithinGroupState,\n} from './types';\nimport { FOCUS_WITHING_GROUP_INITIAL_STATE, FocusWithinGroupContext } from './context';\nimport { FocusWithinGroupReducer } from './reducer';\n\n/**\n * The FocusWithinGroup component.\n *\n * @param {ReactNode} children - The child content, which will\n * include the DOM elements to rove between using the tab key.\n * @param {KeyDirection} direction - An optional direction value\n * that only applies when the roving tabindex is not being\n * used within a grid. This value specifies the arrow key behaviour.\n * The default value is 'horizontal'.\n * When set to 'horizontal' then only the ArrowLeft and ArrowRight\n * keys move to the previous and next tab stop respectively.\n * When set to 'vertical' then only the ArrowUp and ArrowDown keys\n * move to the previous and next tab stop respectively. When set\n * to 'both' then both the ArrowLeft and ArrowUp keys can be used\n * to move to the previous tab stop, and both the ArrowRight\n * and ArrowDown keys can be used to move to the next tab stop.\n * If you do not pass an explicit value then the 'horizontal'\n * behaviour applies.\n * @param {boolean} focusOnClick - An optional flag for indicating\n * if `focus()` should invoked on an item in the roving tabindex\n * when it is clicked. The default value for this flag is `false`,\n * meaning that `focus()` will not be invoked on click.\n * Browsers are\n * [inconsistent in their behaviour](https://zellwk.com/blog/inconsistent-button-behavior/)\n * when a button is clicked so you will see some variation between\n * the browsers with the default value. Prior to version 3 of this library,\n * the behaviour was to always invoke `focus()` on click; this behaviour\n * can be maintained by passing `true`.\n * @param {boolean} loopAround - An optional flag that,\n * when set to `true`, will loop the tabindex around when the user\n * tries to tab to the first or last elements in the roving tabindex,\n * rather than stopping. The default value is `false` (no looping).\n * Note that this option does not apply if the roving tabindex\n * is being used on a grid.\n */\nexport const FocusWithinGroup: React.FC<FocusWithinGroupProps> = (props) => {\n  const {\n    children,\n    direction,\n    focusOnClick,\n    loopAround,\n    focusType,\n    listRole,\n    focusOnInit,\n    activedescendant,\n    maxOptionsLength,\n  } = props;\n\n  const [state, dispatch] = useReducer(FocusWithinGroupReducer, {\n    ...FOCUS_WITHING_GROUP_INITIAL_STATE,\n    direction,\n    focusOnClick,\n    loopAround,\n    focusType,\n    listRole,\n    focusOnInit,\n    activedescendant,\n    maxOptionsLength,\n  } as FocusWithinGroupState);\n\n  // Update the options whenever they change:\n  useEffect(() => {\n    dispatch({\n      type: FocusWithinGroupActionType.OPTIONS_UPDATED,\n      payload: {\n        direction: direction ?? FOCUS_WITHING_GROUP_INITIAL_STATE.direction,\n        focusOnClick: focusOnClick ?? FOCUS_WITHING_GROUP_INITIAL_STATE.focusOnClick,\n        loopAround: loopAround ?? FOCUS_WITHING_GROUP_INITIAL_STATE.loopAround,\n        focusType: focusType ?? FOCUS_WITHING_GROUP_INITIAL_STATE.focusType,\n        listRole: listRole ?? FOCUS_WITHING_GROUP_INITIAL_STATE.listRole,\n        focusOnInit: focusOnInit ?? FOCUS_WITHING_GROUP_INITIAL_STATE.focusOnInit,\n        activedescendant: activedescendant ?? FOCUS_WITHING_GROUP_INITIAL_STATE.activedescendant,\n        maxOptionsLength: maxOptionsLength ?? FOCUS_WITHING_GROUP_INITIAL_STATE.maxOptionsLength,\n      },\n    });\n  }, [direction, focusOnClick, focusOnInit, loopAround, focusType, listRole, activedescendant, maxOptionsLength]);\n\n  const context = useMemo<FocusWithinGroupContextProps>(\n    () => ({\n      state,\n      dispatch,\n    }),\n    [state]\n  );\n\n  return <FocusWithinGroupContext.Provider value={context}>{children}</FocusWithinGroupContext.Provider>;\n};\n"],"names":["FocusWithinGroup","props","children","direction","focusOnClick","loopAround","focusType","listRole","focusOnInit","activedescendant","maxOptionsLength","state","dispatch","useReducer","FocusWithinGroupReducer","_objectSpread","FOCUS_WITHING_GROUP_INITIAL_STATE","useEffect","type","FocusWithinGroupActionType","OPTIONS_UPDATED","payload","context","useMemo","React","createElement","FocusWithinGroupContext","Provider","value"],"mappings":";;;;;;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaA,MAAAA,gBAAiD,GAAIC,KAAK,IAAK;EAC1E,MAAM;IACJC,QAAQ;IACRC,SAAS;IACTC,YAAY;IACZC,UAAU;IACVC,SAAS;IACTC,QAAQ;IACRC,WAAW;IACXC,gBAAgB;AAChBC,IAAAA,gBAAAA;AACF,GAAC,GAAGT,KAAK,CAAA;AAET,EAAA,MAAM,CAACU,KAAK,EAAEC,QAAQ,CAAC,GAAGC,UAAU,CAACC,uBAAuB,EAAAC,cAAA,CAAAA,cAAA,KACvDC,iCAAiC,CAAA,EAAA,EAAA,EAAA;IACpCb,SAAS;IACTC,YAAY;IACZC,UAAU;IACVC,SAAS;IACTC,QAAQ;IACRC,WAAW;IACXC,gBAAgB;AAChBC,IAAAA,gBAAAA;AAAgB,GAAA,CACQ,CAAC,CAAA;;AAE3B;AACAO,EAAAA,SAAS,CAAC,MAAM;AACdL,IAAAA,QAAQ,CAAC;MACPM,IAAI,EAAEC,0BAA0B,CAACC,eAAe;AAChDC,MAAAA,OAAO,EAAE;QACPlB,SAAS,EAAEA,SAAS,KAATA,IAAAA,IAAAA,SAAS,cAATA,SAAS,GAAIa,iCAAiC,CAACb,SAAS;QACnEC,YAAY,EAAEA,YAAY,KAAZA,IAAAA,IAAAA,YAAY,cAAZA,YAAY,GAAIY,iCAAiC,CAACZ,YAAY;QAC5EC,UAAU,EAAEA,UAAU,KAAVA,IAAAA,IAAAA,UAAU,cAAVA,UAAU,GAAIW,iCAAiC,CAACX,UAAU;QACtEC,SAAS,EAAEA,SAAS,KAATA,IAAAA,IAAAA,SAAS,cAATA,SAAS,GAAIU,iCAAiC,CAACV,SAAS;QACnEC,QAAQ,EAAEA,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,cAARA,QAAQ,GAAIS,iCAAiC,CAACT,QAAQ;QAChEC,WAAW,EAAEA,WAAW,KAAXA,IAAAA,IAAAA,WAAW,cAAXA,WAAW,GAAIQ,iCAAiC,CAACR,WAAW;QACzEC,gBAAgB,EAAEA,gBAAgB,KAAhBA,IAAAA,IAAAA,gBAAgB,cAAhBA,gBAAgB,GAAIO,iCAAiC,CAACP,gBAAgB;QACxFC,gBAAgB,EAAEA,gBAAgB,KAAhBA,IAAAA,IAAAA,gBAAgB,cAAhBA,gBAAgB,GAAIM,iCAAiC,CAACN,gBAAAA;AAC1E,OAAA;AACF,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACP,SAAS,EAAEC,YAAY,EAAEI,WAAW,EAAEH,UAAU,EAAEC,SAAS,EAAEC,QAAQ,EAAEE,gBAAgB,EAAEC,gBAAgB,CAAC,CAAC,CAAA;AAE/G,EAAA,MAAMY,OAAO,GAAGC,OAAO,CACrB,OAAO;IACLZ,KAAK;AACLC,IAAAA,QAAAA;AACF,GAAC,CAAC,EACF,CAACD,KAAK,CACR,CAAC,CAAA;AAED,EAAA,oBAAOa,cAAA,CAAAC,aAAA,CAACC,uBAAuB,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEN,OAAAA;AAAQ,GAAA,EAAEpB,QAA2C,CAAC,CAAA;AACxG;;;;"}

package/components/focus-within-group/context.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { FocusWithinGroupState, FocusWithinGroupContextProps } from './types.js';
+
+declare const FOCUS_WITHING_GROUP_INITIAL_STATE: FocusWithinGroupState;
+declare const FocusWithinGroupContext: React.Context<FocusWithinGroupContextProps>;
+
+export { FOCUS_WITHING_GROUP_INITIAL_STATE, FocusWithinGroupContext };

package/components/focus-within-group/context.js

@@ -0,0 +1,21 @@
+import React__default from 'react';
+
+const FOCUS_WITHING_GROUP_INITIAL_STATE = {
+  selectedId: null,
+  allowFocusing: false,
+  tabStops: [],
+  direction: 'vertical',
+  focusOnClick: false,
+  focusOnInit: true,
+  loopAround: false,
+  rowStartMap: null,
+  focusType: 'roving-tabindex',
+  listRole: 'listbox'
+};
+const FocusWithinGroupContext = /*#__PURE__*/React__default.createContext({
+  state: FOCUS_WITHING_GROUP_INITIAL_STATE,
+  dispatch: () => {}
+});
+
+export { FOCUS_WITHING_GROUP_INITIAL_STATE, FocusWithinGroupContext };
+//# sourceMappingURL=context.js.map

package/components/focus-within-group/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../src/components/focus-within-group/context.ts"],"sourcesContent":["import React from 'react';\nimport { FocusWithinGroupContextProps, FocusWithinGroupState } from './types';\n\nexport const FOCUS_WITHING_GROUP_INITIAL_STATE: FocusWithinGroupState = {\n  selectedId: null,\n  allowFocusing: false,\n  tabStops: [],\n  direction: 'vertical',\n  focusOnClick: false,\n  focusOnInit: true,\n  loopAround: false,\n  rowStartMap: null,\n  focusType: 'roving-tabindex',\n  listRole: 'listbox',\n};\n\nexport const FocusWithinGroupContext = React.createContext<FocusWithinGroupContextProps>({\n  state: FOCUS_WITHING_GROUP_INITIAL_STATE,\n  dispatch: () => {},\n});\n"],"names":["FOCUS_WITHING_GROUP_INITIAL_STATE","selectedId","allowFocusing","tabStops","direction","focusOnClick","focusOnInit","loopAround","rowStartMap","focusType","listRole","FocusWithinGroupContext","React","createContext","state","dispatch"],"mappings":";;AAGO,MAAMA,iCAAwD,GAAG;AACtEC,EAAAA,UAAU,EAAE,IAAI;AAChBC,EAAAA,aAAa,EAAE,KAAK;AACpBC,EAAAA,QAAQ,EAAE,EAAE;AACZC,EAAAA,SAAS,EAAE,UAAU;AACrBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,WAAW,EAAE,IAAI;AACjBC,EAAAA,UAAU,EAAE,KAAK;AACjBC,EAAAA,WAAW,EAAE,IAAI;AACjBC,EAAAA,SAAS,EAAE,iBAAiB;AAC5BC,EAAAA,QAAQ,EAAE,SAAA;AACZ,EAAC;MAEYC,uBAAuB,gBAAGC,cAAK,CAACC,aAAa,CAA+B;AACvFC,EAAAA,KAAK,EAAEd,iCAAiC;EACxCe,QAAQ,EAAEA,MAAM,EAAC;AACnB,CAAC;;;;"}

package/components/focus-within-group/reducer.d.ts

@@ -0,0 +1,5 @@
+import { FocusWithinGroupState, FocusWithinGroupAction } from './types.js';
+
+declare const FocusWithinGroupReducer: (state: FocusWithinGroupState, action: FocusWithinGroupAction) => FocusWithinGroupState;
+
+export { FocusWithinGroupReducer };