@ohos-ports/instructure-ui-toggle-details 11.7.5-beta.1

package/src/exports/a.ts

@@ -0,0 +1,29 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+export { ToggleDetails } from '../ToggleDetails/v1/index.js'
+export { ToggleGroup } from '../ToggleGroup/v1/index.js'
+
+export type { ToggleDetailsProps } from '../ToggleDetails/v1/props'
+export type { ToggleGroupProps } from '../ToggleGroup/v1/props'

package/src/exports/b.ts

@@ -0,0 +1,29 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+export { ToggleDetails } from '../ToggleDetails/v2/index.js'
+export { ToggleGroup } from '../ToggleGroup/v2/index.js'
+
+export type { ToggleDetailsProps } from '../ToggleDetails/v2/props'
+export type { ToggleGroupProps } from '../ToggleGroup/v2/props'

package/tsconfig.build.json

@@ -0,0 +1,26 @@
+{
+  "extends": "../../tsconfig.build.json",
+  "compilerOptions": {
+    "outDir": "./types",
+    "rootDir": "./src",
+    "composite": true
+  },
+  "include": ["src"],
+  "references": [
+    { "path": "../ui-axe-check/tsconfig.build.json" },
+    { "path": "../ui-babel-preset/tsconfig.build.json" },
+    { "path": "../ui-themes/tsconfig.build.json" },
+    { "path": "../emotion/tsconfig.build.json" },
+    { "path": "../shared-types/tsconfig.build.json" },
+    { "path": "../ui-buttons/tsconfig.build.json" },
+    { "path": "../ui-dom-utils/tsconfig.build.json" },
+    { "path": "../ui-expandable/tsconfig.build.json" },
+    { "path": "../ui-flex/tsconfig.build.json" },
+    { "path": "../ui-icons/tsconfig.build.json" },
+    { "path": "../ui-motion/tsconfig.build.json" },
+    { "path": "../ui-react-utils/tsconfig.build.json" },
+    { "path": "../ui-utils/tsconfig.build.json" },
+    { "path": "../ui-view/tsconfig.build.json" },
+    { "path": "../uid/tsconfig.build.json" }
+  ]
+}

package/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {}
+}

package/types/ToggleDetails/v1/index.d.ts

@@ -0,0 +1,56 @@
+import { Component } from 'react';
+import { IconArrowOpenEndSolid, IconArrowOpenDownSolid } from '@instructure/ui-icons';
+import type { ToggleDetailsProps } from './props';
+import type { ExpandableToggleProps } from '@instructure/ui-expandable';
+import type { ViewProps } from '@instructure/ui-view/v11_6';
+/**
+---
+category: components
+---
+**/
+declare class ToggleDetails extends Component<ToggleDetailsProps> {
+    static displayName: string;
+    static readonly componentId = "ToggleDetails";
+    static allowedProps: readonly (keyof {
+        variant?: "default" | "filled";
+        summary: React.ReactNode;
+        expanded?: boolean;
+        defaultExpanded?: boolean;
+        onToggle?: (event: React.KeyboardEvent<ViewProps> | React.MouseEvent<ViewProps>, expanded: boolean) => void;
+        icon?: (...args: any[]) => React.ReactElement;
+        iconExpanded?: (...args: any[]) => React.ReactElement;
+        iconPosition?: "start" | "end";
+        fluidWidth?: boolean;
+        size?: "small" | "medium" | "large";
+        children?: React.ReactNode;
+    })[];
+    static defaultProps: {
+        variant: string;
+        size: string;
+        fluidWidth: boolean;
+        icon: typeof IconArrowOpenEndSolid;
+        iconExpanded: typeof IconArrowOpenDownSolid;
+        iconPosition: string;
+        defaultExpanded: boolean;
+        children: null;
+    };
+    _buttonNode: HTMLElement | null;
+    ref: import("react").RefObject<HTMLDivElement>;
+    setButtonRef: (node: Element | null) => void;
+    get focused(): boolean;
+    focus(): void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    renderSummary(expanded: boolean): import("@emotion/react/jsx-runtime").JSX.Element;
+    renderToggle(toggleProps: ReturnType<ExpandableToggleProps>, expanded: boolean): import("@emotion/react/jsx-runtime").JSX.Element;
+    renderIcon(expanded: boolean): import("@emotion/react/jsx-runtime").JSX.Element | null;
+    renderDetails(expanded: boolean, detailsProps: {
+        id: string;
+    }): import("@emotion/react/jsx-runtime").JSX.Element | null;
+    renderContent(): import("@emotion/react/jsx-runtime").JSX.Element;
+    handleToggle: (event: React.KeyboardEvent<ViewProps> | React.MouseEvent<ViewProps>, expanded: boolean) => void;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
+}
+export default ToggleDetails;
+export { ToggleDetails };
+//# sourceMappingURL=index.d.ts.map

package/types/ToggleDetails/v1/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ToggleDetails/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;AAE5C,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACvB,MAAM,uBAAuB,CAAA;AAQ9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAE3D;;;;GAIG;AACH,cACM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,CAAC;IACvD,MAAM,CAAC,WAAW,SAAkB;IACpC,MAAM,CAAC,QAAQ,CAAC,WAAW,mBAAkB;IAC7C,MAAM,CAAC,YAAY;;;;;;gBAFT,GAAG;wBAIV,GAAG;;;;;SAF4B;IAElC,MAAM,CAAC,YAAY;;;;;;;;;MASlB;IAED,WAAW,EAAE,WAAW,GAAG,IAAI,CAAO;IACtC,GAAG,4CAA8B;IAGjC,YAAY,GAAI,MAAM,OAAO,GAAG,IAAI,UAEnC;IAED,IAAI,OAAO,YAEV;IAED,KAAK;IAIL,iBAAiB;IAIjB,kBAAkB;IAIlB,aAAa,CAAC,QAAQ,EAAE,OAAO;IAY/B,YAAY,CACV,WAAW,EAAE,UAAU,CAAC,qBAAqB,CAAC,EAC9C,QAAQ,EAAE,OAAO;IA4CnB,UAAU,CAAC,QAAQ,EAAE,OAAO;IAU5B,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE;IAU7D,aAAa;IAIb,YAAY,GACV,OAAO,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,EACnE,UAAU,OAAO,UAKlB;IAED,MAAM;CAqBP;AAED,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/types/ToggleDetails/v1/props.d.ts

@@ -0,0 +1,55 @@
+import React from 'react';
+import type { OtherHTMLAttributes, ToggleDetailsTheme } from '@instructure/shared-types';
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { ViewProps } from '@instructure/ui-view/v11_6';
+type ToggleDetailsOwnProps = {
+    variant?: 'default' | 'filled';
+    /**
+     * The summary that displays and can be interacted with
+     */
+    summary: React.ReactNode;
+    /**
+     * Whether the content is expanded or hidden
+     */
+    expanded?: boolean;
+    /**
+     * Whether the content is initially expanded or hidden (uncontrolled)
+     */
+    defaultExpanded?: boolean;
+    onToggle?: (event: React.KeyboardEvent<ViewProps> | React.MouseEvent<ViewProps>, expanded: boolean) => void;
+    /**
+     * The icon to display next to the summary text when content is hidden
+     */
+    icon?: (...args: any[]) => React.ReactElement;
+    /**
+     * The icon to display when content is expanded
+     */
+    iconExpanded?: (...args: any[]) => React.ReactElement;
+    /**
+     * Icon position at the start or end of the summary text
+     */
+    iconPosition?: 'start' | 'end';
+    /**
+     * should the summary fill the width of its container
+     */
+    fluidWidth?: boolean;
+    /**
+     * Choose a size for the expand/collapse icon
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * The toggleable content passed inside the ToggleDetails component
+     */
+    children?: React.ReactNode;
+};
+type PropKeys = keyof ToggleDetailsOwnProps;
+type AllowedPropKeys = Readonly<Array<PropKeys>>;
+type ToggleDetailsProps = ToggleDetailsOwnProps & WithStyleProps<ToggleDetailsTheme, ToggleDetailsStyle> & OtherHTMLAttributes<ToggleDetailsOwnProps>;
+type ToggleDetailsStyle = ComponentStyle<'toggleDetails' | 'summary' | 'summaryText' | 'toggle' | 'icon' | 'details' | 'content'>;
+type ToggleDetailsStyleProps = {
+    animate: boolean;
+};
+declare const allowedProps: AllowedPropKeys;
+export type { ToggleDetailsProps, ToggleDetailsStyleProps, ToggleDetailsStyle };
+export { allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/ToggleDetails/v1/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/ToggleDetails/v1/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAE3D,KAAK,qBAAqB,GAAG;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC9B;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,EACnE,QAAQ,EAAE,OAAO,KACd,IAAI,CAAA;IACT;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,YAAY,CAAA;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,YAAY,CAAA;IACrD;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,qBAAqB,CAAA;AAE3C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,kBAAkB,GAAG,qBAAqB,GAC7C,cAAc,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,GACtD,mBAAmB,CAAC,qBAAqB,CAAC,CAAA;AAE5C,KAAK,kBAAkB,GAAG,cAAc,CACpC,eAAe,GACf,SAAS,GACT,aAAa,GACb,QAAQ,GACR,MAAM,GACN,SAAS,GACT,SAAS,CACZ,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,CAAA;AAC/E,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/ToggleDetails/v1/styles.d.ts

@@ -0,0 +1,15 @@
+import type { ToggleDetailsTheme } from '@instructure/shared-types';
+import type { ToggleDetailsProps, ToggleDetailsStyleProps, ToggleDetailsStyle } from './props';
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @param  {Object} state the state of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+declare const generateStyle: (componentTheme: ToggleDetailsTheme, props: ToggleDetailsProps, _state: ToggleDetailsStyleProps) => ToggleDetailsStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

package/types/ToggleDetails/v1/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ToggleDetails/v1/styles.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,KAAK,EACV,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,SAAS,CAAA;AAOhB;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,kBAAkB,EAClC,OAAO,kBAAkB,EACzB,QAAQ,uBAAuB,KAC9B,kBAuIF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/ToggleDetails/v1/theme.d.ts

@@ -0,0 +1,10 @@
+import type { Theme } from '@instructure/ui-themes';
+import { ToggleDetailsTheme } from '@instructure/shared-types';
+/**
+ * Generates the theme object for the component from the theme and provided additional information
+ * @param  {Object} theme The actual theme object.
+ * @return {Object} The final theme object with the overrides and component variables
+ */
+declare const generateComponentTheme: (theme: Theme) => ToggleDetailsTheme;
+export default generateComponentTheme;
+//# sourceMappingURL=theme.d.ts.map

package/types/ToggleDetails/v1/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/ToggleDetails/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAE9D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,kBA6C9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/types/ToggleDetails/v2/index.d.ts

@@ -0,0 +1,55 @@
+import { Component } from 'react';
+import type { ToggleDetailsProps } from './props';
+import type { ExpandableToggleProps } from '@instructure/ui-expandable/latest';
+import type { ViewProps } from '@instructure/ui-view/latest';
+/**
+---
+category: components
+---
+**/
+declare class ToggleDetails extends Component<ToggleDetailsProps> {
+    static displayName: string;
+    static readonly componentId = "ToggleDetails";
+    static allowedProps: readonly (keyof {
+        variant?: "default" | "filled";
+        summary: React.ReactNode;
+        expanded?: boolean;
+        defaultExpanded?: boolean;
+        onToggle?: (event: React.KeyboardEvent<ViewProps> | React.MouseEvent<ViewProps>, expanded: boolean) => void;
+        icon?: (...args: any[]) => React.ReactElement;
+        iconExpanded?: (...args: any[]) => React.ReactElement;
+        iconPosition?: "start" | "end";
+        fluidWidth?: boolean;
+        size?: "small" | "medium" | "large";
+        children?: React.ReactNode;
+    })[];
+    static defaultProps: {
+        variant: string;
+        size: string;
+        fluidWidth: boolean;
+        icon: import("react").ComponentType<import("@instructure/ui-icons").InstUIIconProps>;
+        iconExpanded: import("react").ComponentType<import("@instructure/ui-icons").InstUIIconProps>;
+        iconPosition: string;
+        defaultExpanded: boolean;
+        children: null;
+    };
+    _buttonNode: HTMLElement | null;
+    ref: import("react").RefObject<HTMLDivElement>;
+    setButtonRef: (node: Element | null) => void;
+    get focused(): boolean;
+    focus(): void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    renderSummary(expanded: boolean): import("@emotion/react/jsx-runtime").JSX.Element;
+    renderToggle(toggleProps: ReturnType<ExpandableToggleProps>, expanded: boolean): import("@emotion/react/jsx-runtime").JSX.Element;
+    renderIcon(expanded: boolean): import("@emotion/react/jsx-runtime").JSX.Element | null;
+    renderDetails(expanded: boolean, detailsProps: {
+        id: string;
+    }): import("@emotion/react/jsx-runtime").JSX.Element | null;
+    renderContent(): import("@emotion/react/jsx-runtime").JSX.Element;
+    handleToggle: (event: React.KeyboardEvent<ViewProps> | React.MouseEvent<ViewProps>, expanded: boolean) => void;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
+}
+export default ToggleDetails;
+export { ToggleDetails };
+//# sourceMappingURL=index.d.ts.map

package/types/ToggleDetails/v2/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ToggleDetails/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;AAY5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AAC9E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAE5D;;;;GAIG;AACH,cACM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,CAAC;IACvD,MAAM,CAAC,WAAW,SAAkB;IACpC,MAAM,CAAC,QAAQ,CAAC,WAAW,mBAAkB;IAC7C,MAAM,CAAC,YAAY;;;;;;gBAAL,GAAG;wBAMf,GAAE;;;;;SAN8B;IAElC,MAAM,CAAC,YAAY;;;;;;;;;MASlB;IAED,WAAW,EAAE,WAAW,GAAG,IAAI,CAAO;IACtC,GAAG,4CAA8B;IAGjC,YAAY,GAAI,MAAM,OAAO,GAAG,IAAI,UAEnC;IAED,IAAI,OAAO,YAEV;IAED,KAAK;IAIL,iBAAiB;IAIjB,kBAAkB;IAIlB,aAAa,CAAC,QAAQ,EAAE,OAAO;IAY/B,YAAY,CACV,WAAW,EAAE,UAAU,CAAC,qBAAqB,CAAC,EAC9C,QAAQ,EAAE,OAAO;IA4CnB,UAAU,CAAC,QAAQ,EAAE,OAAO;IAa5B,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE;IAU7D,aAAa;IAIb,YAAY,GACV,OAAO,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,EACnE,UAAU,OAAO,UAKlB;IAED,MAAM;CAqBP;AAED,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/types/ToggleDetails/v2/props.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import type { OtherHTMLAttributes } from '@instructure/shared-types';
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { NewComponentTypes } from '@instructure/ui-themes';
+import type { ViewProps } from '@instructure/ui-view/latest';
+type ToggleDetailsOwnProps = {
+    variant?: 'default' | 'filled';
+    /**
+     * The summary that displays and can be interacted with
+     */
+    summary: React.ReactNode;
+    /**
+     * Whether the content is expanded or hidden
+     */
+    expanded?: boolean;
+    /**
+     * Whether the content is initially expanded or hidden (uncontrolled)
+     */
+    defaultExpanded?: boolean;
+    onToggle?: (event: React.KeyboardEvent<ViewProps> | React.MouseEvent<ViewProps>, expanded: boolean) => void;
+    /**
+     * The icon to display next to the summary text when content is hidden
+     */
+    icon?: (...args: any[]) => React.ReactElement;
+    /**
+     * The icon to display when content is expanded
+     */
+    iconExpanded?: (...args: any[]) => React.ReactElement;
+    /**
+     * Icon position at the start or end of the summary text
+     */
+    iconPosition?: 'start' | 'end';
+    /**
+     * should the summary fill the width of its container
+     */
+    fluidWidth?: boolean;
+    /**
+     * Choose a size for the expand/collapse icon
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * The toggleable content passed inside the ToggleDetails component
+     */
+    children?: React.ReactNode;
+};
+type PropKeys = keyof ToggleDetailsOwnProps;
+type AllowedPropKeys = Readonly<Array<PropKeys>>;
+type ToggleDetailsProps = ToggleDetailsOwnProps & WithStyleProps<ReturnType<NewComponentTypes['ToggleDetails']>, ToggleDetailsStyle> & OtherHTMLAttributes<ToggleDetailsOwnProps>;
+type ToggleDetailsStyle = ComponentStyle<'toggleDetails' | 'summary' | 'summaryText' | 'toggle' | 'icon' | 'details' | 'content'>;
+type ToggleDetailsStyleProps = {
+    animate: boolean;
+};
+declare const allowedProps: AllowedPropKeys;
+export type { ToggleDetailsProps, ToggleDetailsStyleProps, ToggleDetailsStyle };
+export { allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/ToggleDetails/v2/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/ToggleDetails/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAE5D,KAAK,qBAAqB,GAAG;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC9B;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,EACnE,QAAQ,EAAE,OAAO,KACd,IAAI,CAAA;IACT;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,YAAY,CAAA;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,YAAY,CAAA;IACrD;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,qBAAqB,CAAA;AAE3C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,kBAAkB,GAAG,qBAAqB,GAC7C,cAAc,CACZ,UAAU,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC,EAC9C,kBAAkB,CACnB,GACD,mBAAmB,CAAC,qBAAqB,CAAC,CAAA;AAE5C,KAAK,kBAAkB,GAAG,cAAc,CACpC,eAAe,GACf,SAAS,GACT,aAAa,GACb,QAAQ,GACR,MAAM,GACN,SAAS,GACT,SAAS,CACZ,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,CAAA;AAC/E,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/ToggleDetails/v2/styles.d.ts

@@ -0,0 +1,16 @@
+import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes';
+import type { ToggleDetailsProps, ToggleDetailsStyleProps, ToggleDetailsStyle } from './props';
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @param  {Object} sharedTokens the shared tokens of the component
+ * @param  {Object} state the state of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+declare const generateStyle: (componentTheme: ReturnType<NewComponentTypes["ToggleDetails"]>, props: ToggleDetailsProps, sharedTokens: SharedTokens, _state: ToggleDetailsStyleProps) => ToggleDetailsStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

package/types/ToggleDetails/v2/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ToggleDetails/v2/styles.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC7E,OAAO,KAAK,EACV,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,SAAS,CAAA;AAOhB;;;;;;;;;;GAUG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,UAAU,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC,EAC9D,OAAO,kBAAkB,EACzB,cAAc,YAAY,EAC1B,QAAQ,uBAAuB,KAC9B,kBAmIF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/ToggleGroup/v1/index.d.ts

@@ -0,0 +1,55 @@
+import { Component } from 'react';
+import type { ExpandableToggleProps } from '@instructure/ui-expandable';
+import { IconArrowOpenEndSolid, IconArrowOpenDownSolid } from '@instructure/ui-icons';
+import type { ToggleGroupProps } from './props';
+/**
+---
+category: components
+---
+**/
+declare class ToggleGroup extends Component<ToggleGroupProps> {
+    static displayName: string;
+    static readonly componentId = "ToggleGroup";
+    static allowedProps: readonly (keyof {
+        children: React.ReactNode;
+        summary: React.ReactNode;
+        toggleLabel: React.ReactNode | ((expanded: boolean) => React.ReactNode);
+        as?: import("@instructure/shared-types").AsElementType;
+        elementRef?: (element: Element | null) => void;
+        size?: "small" | "medium" | "large";
+        expanded?: boolean;
+        defaultExpanded?: boolean;
+        onToggle?: (event: React.MouseEvent, expanded: boolean) => void;
+        icon?: import("@instructure/shared-types").Renderable;
+        iconExpanded?: import("@instructure/shared-types").Renderable;
+        transition?: boolean;
+        border?: boolean;
+    })[];
+    static defaultProps: {
+        readonly size: "medium";
+        readonly icon: typeof IconArrowOpenEndSolid;
+        readonly iconExpanded: typeof IconArrowOpenDownSolid;
+        readonly defaultExpanded: false;
+        readonly transition: true;
+        readonly as: "span";
+        readonly border: true;
+    };
+    ref: Element | null;
+    _button: HTMLElement | null;
+    _shouldTransition: boolean;
+    handleRef: (el: Element | null) => void;
+    handleButtonRef: (el: Element | null) => void;
+    get focused(): boolean;
+    focus(): void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    renderIcon(expanded: boolean): any;
+    renderToggle(toggleProps: ReturnType<ExpandableToggleProps>, expanded: boolean): import("@emotion/react/jsx-runtime").JSX.Element;
+    renderDetails(detailsProps: {
+        id: string;
+    }): import("@emotion/react/jsx-runtime").JSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
+}
+export default ToggleGroup;
+export { ToggleGroup };
+//# sourceMappingURL=index.d.ts.map

package/types/ToggleGroup/v1/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ToggleGroup/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWjC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAIvE,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACvB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAQ/C;;;;GAIG;AACH,cACM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,WAAW,SAAgB;IAClC,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAElC,MAAM,CAAC,YAAY;;;;;;;;MAQT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,OAAO,EAAE,WAAW,GAAG,IAAI,CAAO;IAClC,iBAAiB,UAAQ;IAEzB,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,eAAe,GAAI,IAAI,OAAO,GAAG,IAAI,UAEpC;IAED,IAAI,OAAO,YAEV;IAED,KAAK;IAIL,iBAAiB;IAIjB,kBAAkB;IAIlB,UAAU,CAAC,QAAQ,EAAE,OAAO;IAK5B,YAAY,CACV,WAAW,EAAE,UAAU,CAAC,qBAAqB,CAAC,EAC9C,QAAQ,EAAE,OAAO;IAyBnB,aAAa,CAAC,YAAY,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE;IAoB1C,MAAM;CA2CP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/types/ToggleGroup/v1/props.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+import { AsElementType, OtherHTMLAttributes, Renderable, ToggleGroupTheme } from '@instructure/shared-types';
+import type { WithStyleProps } from '@instructure/emotion';
+type ToggleGroupOwnProps = {
+    /**
+     * the content to show and hide
+     */
+    children: React.ReactNode;
+    /**
+     * the content area next to the toggle button
+     */
+    summary: React.ReactNode;
+    /**
+     * provides a screenreader label for the toggle button
+     * (takes `expanded` as an argument if a function)
+     */
+    toggleLabel: React.ReactNode | ((expanded: boolean) => React.ReactNode);
+    /**
+     * the element type to render as
+     */
+    as?: AsElementType;
+    /**
+     * provides a reference to the underlying html root element
+     */
+    elementRef?: (element: Element | null) => void;
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Whether the content is expanded or hidden
+     */
+    expanded?: boolean;
+    /**
+     * Whether the content is initially expanded or hidden (uncontrolled)
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Fired when the content display is toggled
+     */
+    onToggle?: (event: React.MouseEvent, expanded: boolean) => void;
+    /**
+     * The icon displayed in the toggle button when the content is hidden
+     */
+    icon?: Renderable;
+    /**
+     * The icon displayed in the toggle button when the content is showing
+     */
+    iconExpanded?: Renderable;
+    /**
+     * Transition content into view
+     */
+    transition?: boolean;
+    /**
+     * Toggle the border around the component
+     */
+    border?: boolean;
+};
+type PropKeys = keyof ToggleGroupOwnProps;
+type AllowedPropKeys = Readonly<Array<PropKeys>>;
+type ToggleGroupStyle = {
+    borderColor: string;
+};
+type ToggleGroupProps = ToggleGroupOwnProps & OtherHTMLAttributes<ToggleGroupOwnProps> & WithStyleProps<ToggleGroupTheme, ToggleGroupStyle>;
+declare const allowedProps: AllowedPropKeys;
+export type { ToggleGroupProps, ToggleGroupStyle };
+export { allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/ToggleGroup/v1/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/ToggleGroup/v1/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,gBAAgB,EACjB,MAAM,2BAA2B,CAAA;AAElC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,KAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB;;;OAGG;IACH,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IACvE;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/D;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAA;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,gBAAgB,GAAG;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAAA;AAE/C,KAAK,gBAAgB,GAAG,mBAAmB,GACzC,mBAAmB,CAAC,mBAAmB,CAAC,GACxC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAA;AACpD,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/ToggleGroup/v1/styles.d.ts

@@ -0,0 +1,15 @@
+import type { ToggleGroupTheme } from '@instructure/shared-types';
+import type { ToggleGroupProps, ToggleGroupStyle } from './props';
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @param  {Object} state the state of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+declare const generateStyle: (componentTheme: ToggleGroupTheme, _props: ToggleGroupProps) => ToggleGroupStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

package/types/ToggleGroup/v1/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ToggleGroup/v1/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAEjE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,gBAAgB,EAChC,QAAQ,gBAAgB,KACvB,gBAIF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/ToggleGroup/v1/theme.d.ts

@@ -0,0 +1,10 @@
+import type { Theme } from '@instructure/ui-themes';
+import { ToggleGroupTheme } from '@instructure/shared-types';
+/**
+ * Generates the theme object for the component from the theme and provided additional information
+ * @param  {Object} theme The actual theme object.
+ * @return {Object} The final theme object with the overrides and component variables
+ */
+declare const generateComponentTheme: (theme: Theme) => ToggleGroupTheme;
+export default generateComponentTheme;
+//# sourceMappingURL=theme.d.ts.map

package/types/ToggleGroup/v1/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/ToggleGroup/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,gBAS9C,CAAA;AACD,eAAe,sBAAsB,CAAA"}

package/types/ToggleGroup/v2/index.d.ts

@@ -0,0 +1,54 @@
+import { Component } from 'react';
+import type { ExpandableToggleProps } from '@instructure/ui-expandable/latest';
+import type { ToggleGroupProps } from './props';
+/**
+---
+category: components
+---
+**/
+declare class ToggleGroup extends Component<ToggleGroupProps> {
+    static displayName: string;
+    static readonly componentId = "ToggleGroup";
+    static allowedProps: readonly (keyof {
+        children: React.ReactNode;
+        summary: React.ReactNode;
+        toggleLabel: React.ReactNode | ((expanded: boolean) => React.ReactNode);
+        as?: import("@instructure/shared-types").AsElementType;
+        elementRef?: (element: Element | null) => void;
+        size?: "small" | "medium" | "large";
+        expanded?: boolean;
+        defaultExpanded?: boolean;
+        onToggle?: (event: React.MouseEvent, expanded: boolean) => void;
+        icon?: import("@instructure/shared-types").Renderable;
+        iconExpanded?: import("@instructure/shared-types").Renderable;
+        transition?: boolean;
+        border?: boolean;
+    })[];
+    static defaultProps: {
+        readonly size: "medium";
+        readonly icon: import("react").ComponentType<import("@instructure/ui-icons").InstUIIconProps>;
+        readonly iconExpanded: import("react").ComponentType<import("@instructure/ui-icons").InstUIIconProps>;
+        readonly defaultExpanded: false;
+        readonly transition: true;
+        readonly as: "span";
+        readonly border: true;
+    };
+    ref: Element | null;
+    _button: HTMLElement | null;
+    _shouldTransition: boolean;
+    handleRef: (el: Element | null) => void;
+    handleButtonRef: (el: Element | null) => void;
+    get focused(): boolean;
+    focus(): void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    renderIcon(expanded: boolean): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+    renderToggle(toggleProps: ReturnType<ExpandableToggleProps>, expanded: boolean): import("@emotion/react/jsx-runtime").JSX.Element;
+    renderDetails(detailsProps: {
+        id: string;
+    }): import("@emotion/react/jsx-runtime").JSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
+}
+export default ToggleGroup;
+export { ToggleGroup };
+//# sourceMappingURL=index.d.ts.map

package/types/ToggleGroup/v2/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ToggleGroup/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUjC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AAS9E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAa/C;;;;GAIG;AACH,cACM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,WAAW,SAAgB;IAClC,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAElC,MAAM,CAAC,YAAY;;;;;;;;MAQT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,OAAO,EAAE,WAAW,GAAG,IAAI,CAAO;IAClC,iBAAiB,UAAQ;IAEzB,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,eAAe,GAAI,IAAI,OAAO,GAAG,IAAI,UAEpC;IAED,IAAI,OAAO,YAEV;IAED,KAAK;IAIL,iBAAiB;IAIjB,kBAAkB;IAIlB,UAAU,CAAC,QAAQ,EAAE,OAAO;IAQ5B,YAAY,CACV,WAAW,EAAE,UAAU,CAAC,qBAAqB,CAAC,EAC9C,QAAQ,EAAE,OAAO;IAyBnB,aAAa,CAAC,YAAY,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE;IAoB1C,MAAM;CA2CP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}