@abgov/react-components 5.5.0 → 5.5.2

package/experimental/form/form.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
+import { ReactNode } from 'react';
+import { Margins } from '../../common/styling';
 export type FormState = {
     form: Record<string, Record<string, {
         label: string;

package/experimental/form/task-list.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
+import { ReactNode } from 'react';
+import { Margins } from '../../common/styling';
 interface WCProps extends Margins {
     heading: string;
 }

package/experimental/form/task.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
+import { ReactNode } from 'react';
+import { Margins } from '../../common/styling';
 interface WCProps extends Margins {
     status: "completed" | "not-started" | "cannot-start";
 }

package/experimental/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./resizable-panel/ResizablePanel";
-export * from "../lib/drawer/drawer";
+export * from './resizable-panel/ResizablePanel';
+export * from '../lib/drawer/drawer';

package/experimental/resizable-panel/ResizablePanel.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 export type ResizableProps = {
     minWidth?: number;
     children: ReactNode;

package/experimental.js.map

@@ -1 +1 @@
-{"version":3,"file":"experimental.js","sources":["../../../libs/react-components/src/experimental/resizable-panel/ResizablePanel.tsx","../../../libs/react-components/src/lib/drawer/drawer.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from \"react\";\nimport Css from \"./ResizablePanel.module.css\";\nimport { GoAIcon } from \"../../lib/icon/icon\";\n\nexport type ResizableProps = {\n  minWidth?: number;\n  children: ReactNode;\n};\n\ntype MouseState = \"static\" | \"active\";\n\nexport function ResizablePanel(props: ResizableProps): JSX.Element {\n  // value refs\n  const maxWidth = useRef<number>(0);\n  const resizeBarState = useRef<MouseState>(\"static\");\n\n  // element refs\n  const bgRef = useRef<HTMLDivElement | null>(null);\n  const sectionRef = useRef<HTMLElement | null>(null);\n  const widthRef = useRef<HTMLDivElement | null>(null);\n  const handleRef = useRef<HTMLDivElement | null>(null);\n\n  // state\n  const [width, setWidth] = useState<string>();\n\n  useEffect(() => {\n    maxWidth.current = bgRef.current?.getBoundingClientRect().width ?? 0;\n  }, []);\n\n  function resetMouseState() {\n    resizeBarState.current = \"static\";\n  }\n\n  function onMouseDown(_: React.MouseEvent) {\n    resizeBarState.current = \"active\";\n    window.addEventListener(\"mouseup\", resetMouseState);\n  }\n\n  function onMouseUp(_: React.MouseEvent) {\n    resizeBarState.current = \"static\";\n    window.removeEventListener(\"mouseup\", resetMouseState);\n  }\n\n  function onMouseMove(e: React.MouseEvent) {\n    if (resizeBarState.current === \"static\") {\n      return;\n    }\n\n    const sectionEl = sectionRef.current;\n    const xOffset = sectionEl?.getBoundingClientRect().x || 0;\n    const mouseX = e.clientX;\n    const minWidth = props.minWidth || 0;\n\n    if (mouseX <= 0) {\n      return;\n    }\n\n    // mouse direction\n    const newXPos = handleRef.current?.getBoundingClientRect().x ?? 0;\n\n    // set width of preview area\n    const calcWidth = Math.max(\n      newXPos - xOffset,\n      Math.min(mouseX - xOffset, maxWidth.current),\n    );\n    const elementWidth = Math.max(minWidth, calcWidth - 64); // 4rem padding\n\n    // prevent dragging bar more than allowed\n    if (elementWidth <= minWidth) {\n      return;\n    }\n\n    // set resizable area width\n    sectionEl?.setAttribute(\"style\", `width: ${calcWidth}px;`);\n    // set displayed px width\n    widthRef.current?.setAttribute(\n      \"style\",\n      `right: ${maxWidth.current - calcWidth + 32}px`,\n    );\n    setWidth(`${Math.round(elementWidth)}px`);\n  }\n\n  return (\n    <div\n      ref={bgRef}\n      className={Css.panelBackground}\n      onMouseDown={onMouseDown}\n      onMouseMove={onMouseMove}\n      onMouseUp={onMouseUp}\n    >\n      <section ref={sectionRef} className={Css.panel}>\n        <div className={Css.children}>{props.children}</div>\n        <div ref={handleRef} className={Css.handle}>\n          <GoAIcon type=\"reorder-two\" />\n        </div>\n      </section>\n      <div ref={widthRef} className={Css.width}>\n        {width}\n      </div>\n    </div>\n  );\n}\n\nexport default ResizablePanel;\n","import { ReactNode, useEffect, useRef } from \"react\";\n\ntype DrawerPosition = \"bottom\" | \"left\" | \"right\" | undefined;\ntype DrawerSizeUnit = \"px\" | \"rem\" | \"ch\" | \"vh\" | \"vw\";\ntype DrawerSize = `${number}${DrawerSizeUnit}` | undefined;\n\ninterface WCProps {\n  open: boolean | undefined;\n  position: DrawerPosition;\n  heading?: string;\n  maxsize?: DrawerSize;\n  testid?: string;\n  ref: React.RefObject<HTMLElement>;\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"goa-drawer\": WCProps & React.HTMLAttributes<HTMLElement>;\n    }\n  }\n}\n\nexport interface GoADrawerProps {\n  open: boolean;\n  position: DrawerPosition;\n  heading?: string;\n  maxSize?: DrawerSize;\n  testId?: string;\n  children: ReactNode;\n  onClose: () => void;\n}\n\nexport function GoADrawer({\n  open,\n  position,\n  heading,\n  maxSize,\n  testId,\n  children,\n  onClose,\n}: GoADrawerProps): JSX.Element {\n  const el = useRef<HTMLElement>(null);\n\n  useEffect(() => {\n    if (!el?.current || !onClose) {\n      return;\n    }\n    el.current?.addEventListener(\"_close\", onClose)\n    return () => {\n      el.current?.removeEventListener(\"_close\", onClose)\n    }\n  }, [el, onClose])\n\n  return (\n    <goa-drawer\n      ref={el}\n      open={open ? true : undefined}\n      position={position}\n      heading={heading}\n      maxsize={maxSize}\n      data-testid={testId}\n    >\n      {children}\n    </goa-drawer>\n  );\n}\n\nexport default GoADrawer;\n"],"names":["useRef","width","useState","useEffect","jsxs","jsx","GoAIcon","children","_a"],"mappings":"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"}
+{"version":3,"file":"experimental.js","sources":["../../../libs/react-components/src/experimental/resizable-panel/ResizablePanel.tsx","../../../libs/react-components/src/lib/drawer/drawer.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from \"react\";\nimport Css from \"./ResizablePanel.module.css\";\nimport { GoAIcon } from \"../../lib/icon/icon\";\n\nexport type ResizableProps = {\n  minWidth?: number;\n  children: ReactNode;\n};\n\ntype MouseState = \"static\" | \"active\";\n\nexport function ResizablePanel(props: ResizableProps): JSX.Element {\n  // value refs\n  const maxWidth = useRef<number>(0);\n  const resizeBarState = useRef<MouseState>(\"static\");\n\n  // element refs\n  const bgRef = useRef<HTMLDivElement | null>(null);\n  const sectionRef = useRef<HTMLElement | null>(null);\n  const widthRef = useRef<HTMLDivElement | null>(null);\n  const handleRef = useRef<HTMLDivElement | null>(null);\n\n  // state\n  const [width, setWidth] = useState<string>();\n\n  useEffect(() => {\n    maxWidth.current = bgRef.current?.getBoundingClientRect().width ?? 0;\n  }, []);\n\n  function resetMouseState() {\n    resizeBarState.current = \"static\";\n  }\n\n  function onMouseDown(_: React.MouseEvent) {\n    resizeBarState.current = \"active\";\n    window.addEventListener(\"mouseup\", resetMouseState);\n  }\n\n  function onMouseUp(_: React.MouseEvent) {\n    resizeBarState.current = \"static\";\n    window.removeEventListener(\"mouseup\", resetMouseState);\n  }\n\n  function onMouseMove(e: React.MouseEvent) {\n    if (resizeBarState.current === \"static\") {\n      return;\n    }\n\n    const sectionEl = sectionRef.current;\n    const xOffset = sectionEl?.getBoundingClientRect().x || 0;\n    const mouseX = e.clientX;\n    const minWidth = props.minWidth || 0;\n\n    if (mouseX <= 0) {\n      return;\n    }\n\n    // mouse direction\n    const newXPos = handleRef.current?.getBoundingClientRect().x ?? 0;\n\n    // set width of preview area\n    const calcWidth = Math.max(\n      newXPos - xOffset,\n      Math.min(mouseX - xOffset, maxWidth.current),\n    );\n    const elementWidth = Math.max(minWidth, calcWidth - 64); // 4rem padding\n\n    // prevent dragging bar more than allowed\n    if (elementWidth <= minWidth) {\n      return;\n    }\n\n    // set resizable area width\n    sectionEl?.setAttribute(\"style\", `width: ${calcWidth}px;`);\n    // set displayed px width\n    widthRef.current?.setAttribute(\n      \"style\",\n      `right: ${maxWidth.current - calcWidth + 32}px`,\n    );\n    setWidth(`${Math.round(elementWidth)}px`);\n  }\n\n  return (\n    <div\n      ref={bgRef}\n      className={Css.panelBackground}\n      onMouseDown={onMouseDown}\n      onMouseMove={onMouseMove}\n      onMouseUp={onMouseUp}\n    >\n      <section ref={sectionRef} className={Css.panel}>\n        <div className={Css.children}>{props.children}</div>\n        <div ref={handleRef} className={Css.handle}>\n          <GoAIcon type=\"reorder-two\" />\n        </div>\n      </section>\n      <div ref={widthRef} className={Css.width}>\n        {width}\n      </div>\n    </div>\n  );\n}\n\nexport default ResizablePanel;\n","import { ReactNode, useEffect, useRef } from \"react\";\n\ntype DrawerPosition = \"bottom\" | \"left\" | \"right\" | undefined;\ntype DrawerSizeUnit = \"px\" | \"rem\" | \"ch\" | \"vh\" | \"vw\";\ntype DrawerSize = `${number}${DrawerSizeUnit}` | undefined;\n\ninterface WCProps {\n  open: boolean | undefined;\n  position: DrawerPosition;\n  heading?: string;\n  maxsize?: DrawerSize;\n  testid?: string;\n  ref: React.RefObject<HTMLElement>;\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"goa-drawer\": WCProps & React.HTMLAttributes<HTMLElement>;\n    }\n  }\n}\n\nexport interface GoADrawerProps {\n  open: boolean;\n  position: DrawerPosition;\n  heading?: string;\n  maxSize?: DrawerSize;\n  testId?: string;\n  children: ReactNode;\n  onClose: () => void;\n}\n\nexport function GoADrawer({\n  open,\n  position,\n  heading,\n  maxSize,\n  testId,\n  children,\n  onClose,\n}: GoADrawerProps): JSX.Element {\n  const el = useRef<HTMLElement>(null);\n\n  useEffect(() => {\n    if (!el?.current || !onClose) {\n      return;\n    }\n    el.current?.addEventListener(\"_close\", onClose)\n    return () => {\n      el.current?.removeEventListener(\"_close\", onClose)\n    }\n  }, [el, onClose])\n\n  return (\n    <goa-drawer\n      ref={el}\n      open={open ? true : undefined}\n      position={position}\n      heading={heading}\n      maxsize={maxSize}\n      data-testid={testId}\n    >\n      {children}\n    </goa-drawer>\n  );\n}\n\nexport default GoADrawer;\n"],"names":["useRef","width","useState","useEffect","jsxs","jsx","GoAIcon","children","_a"],"mappings":"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"}

package/experimental.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"experimental.mjs","sources":["../../../libs/react-components/src/experimental/resizable-panel/ResizablePanel.tsx","../../../libs/react-components/src/lib/drawer/drawer.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from \"react\";\nimport Css from \"./ResizablePanel.module.css\";\nimport { GoAIcon } from \"../../lib/icon/icon\";\n\nexport type ResizableProps = {\n  minWidth?: number;\n  children: ReactNode;\n};\n\ntype MouseState = \"static\" | \"active\";\n\nexport function ResizablePanel(props: ResizableProps): JSX.Element {\n  // value refs\n  const maxWidth = useRef<number>(0);\n  const resizeBarState = useRef<MouseState>(\"static\");\n\n  // element refs\n  const bgRef = useRef<HTMLDivElement | null>(null);\n  const sectionRef = useRef<HTMLElement | null>(null);\n  const widthRef = useRef<HTMLDivElement | null>(null);\n  const handleRef = useRef<HTMLDivElement | null>(null);\n\n  // state\n  const [width, setWidth] = useState<string>();\n\n  useEffect(() => {\n    maxWidth.current = bgRef.current?.getBoundingClientRect().width ?? 0;\n  }, []);\n\n  function resetMouseState() {\n    resizeBarState.current = \"static\";\n  }\n\n  function onMouseDown(_: React.MouseEvent) {\n    resizeBarState.current = \"active\";\n    window.addEventListener(\"mouseup\", resetMouseState);\n  }\n\n  function onMouseUp(_: React.MouseEvent) {\n    resizeBarState.current = \"static\";\n    window.removeEventListener(\"mouseup\", resetMouseState);\n  }\n\n  function onMouseMove(e: React.MouseEvent) {\n    if (resizeBarState.current === \"static\") {\n      return;\n    }\n\n    const sectionEl = sectionRef.current;\n    const xOffset = sectionEl?.getBoundingClientRect().x || 0;\n    const mouseX = e.clientX;\n    const minWidth = props.minWidth || 0;\n\n    if (mouseX <= 0) {\n      return;\n    }\n\n    // mouse direction\n    const newXPos = handleRef.current?.getBoundingClientRect().x ?? 0;\n\n    // set width of preview area\n    const calcWidth = Math.max(\n      newXPos - xOffset,\n      Math.min(mouseX - xOffset, maxWidth.current),\n    );\n    const elementWidth = Math.max(minWidth, calcWidth - 64); // 4rem padding\n\n    // prevent dragging bar more than allowed\n    if (elementWidth <= minWidth) {\n      return;\n    }\n\n    // set resizable area width\n    sectionEl?.setAttribute(\"style\", `width: ${calcWidth}px;`);\n    // set displayed px width\n    widthRef.current?.setAttribute(\n      \"style\",\n      `right: ${maxWidth.current - calcWidth + 32}px`,\n    );\n    setWidth(`${Math.round(elementWidth)}px`);\n  }\n\n  return (\n    <div\n      ref={bgRef}\n      className={Css.panelBackground}\n      onMouseDown={onMouseDown}\n      onMouseMove={onMouseMove}\n      onMouseUp={onMouseUp}\n    >\n      <section ref={sectionRef} className={Css.panel}>\n        <div className={Css.children}>{props.children}</div>\n        <div ref={handleRef} className={Css.handle}>\n          <GoAIcon type=\"reorder-two\" />\n        </div>\n      </section>\n      <div ref={widthRef} className={Css.width}>\n        {width}\n      </div>\n    </div>\n  );\n}\n\nexport default ResizablePanel;\n","import { ReactNode, useEffect, useRef } from \"react\";\n\ntype DrawerPosition = \"bottom\" | \"left\" | \"right\" | undefined;\ntype DrawerSizeUnit = \"px\" | \"rem\" | \"ch\" | \"vh\" | \"vw\";\ntype DrawerSize = `${number}${DrawerSizeUnit}` | undefined;\n\ninterface WCProps {\n  open: boolean | undefined;\n  position: DrawerPosition;\n  heading?: string;\n  maxsize?: DrawerSize;\n  testid?: string;\n  ref: React.RefObject<HTMLElement>;\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"goa-drawer\": WCProps & React.HTMLAttributes<HTMLElement>;\n    }\n  }\n}\n\nexport interface GoADrawerProps {\n  open: boolean;\n  position: DrawerPosition;\n  heading?: string;\n  maxSize?: DrawerSize;\n  testId?: string;\n  children: ReactNode;\n  onClose: () => void;\n}\n\nexport function GoADrawer({\n  open,\n  position,\n  heading,\n  maxSize,\n  testId,\n  children,\n  onClose,\n}: GoADrawerProps): JSX.Element {\n  const el = useRef<HTMLElement>(null);\n\n  useEffect(() => {\n    if (!el?.current || !onClose) {\n      return;\n    }\n    el.current?.addEventListener(\"_close\", onClose)\n    return () => {\n      el.current?.removeEventListener(\"_close\", onClose)\n    }\n  }, [el, onClose])\n\n  return (\n    <goa-drawer\n      ref={el}\n      open={open ? true : undefined}\n      position={position}\n      heading={heading}\n      maxsize={maxSize}\n      data-testid={testId}\n    >\n      {children}\n    </goa-drawer>\n  );\n}\n\nexport default GoADrawer;\n"],"names":["width","children","_a"],"mappings":"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"}
+{"version":3,"file":"experimental.mjs","sources":["../../../libs/react-components/src/experimental/resizable-panel/ResizablePanel.tsx","../../../libs/react-components/src/lib/drawer/drawer.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from \"react\";\nimport Css from \"./ResizablePanel.module.css\";\nimport { GoAIcon } from \"../../lib/icon/icon\";\n\nexport type ResizableProps = {\n  minWidth?: number;\n  children: ReactNode;\n};\n\ntype MouseState = \"static\" | \"active\";\n\nexport function ResizablePanel(props: ResizableProps): JSX.Element {\n  // value refs\n  const maxWidth = useRef<number>(0);\n  const resizeBarState = useRef<MouseState>(\"static\");\n\n  // element refs\n  const bgRef = useRef<HTMLDivElement | null>(null);\n  const sectionRef = useRef<HTMLElement | null>(null);\n  const widthRef = useRef<HTMLDivElement | null>(null);\n  const handleRef = useRef<HTMLDivElement | null>(null);\n\n  // state\n  const [width, setWidth] = useState<string>();\n\n  useEffect(() => {\n    maxWidth.current = bgRef.current?.getBoundingClientRect().width ?? 0;\n  }, []);\n\n  function resetMouseState() {\n    resizeBarState.current = \"static\";\n  }\n\n  function onMouseDown(_: React.MouseEvent) {\n    resizeBarState.current = \"active\";\n    window.addEventListener(\"mouseup\", resetMouseState);\n  }\n\n  function onMouseUp(_: React.MouseEvent) {\n    resizeBarState.current = \"static\";\n    window.removeEventListener(\"mouseup\", resetMouseState);\n  }\n\n  function onMouseMove(e: React.MouseEvent) {\n    if (resizeBarState.current === \"static\") {\n      return;\n    }\n\n    const sectionEl = sectionRef.current;\n    const xOffset = sectionEl?.getBoundingClientRect().x || 0;\n    const mouseX = e.clientX;\n    const minWidth = props.minWidth || 0;\n\n    if (mouseX <= 0) {\n      return;\n    }\n\n    // mouse direction\n    const newXPos = handleRef.current?.getBoundingClientRect().x ?? 0;\n\n    // set width of preview area\n    const calcWidth = Math.max(\n      newXPos - xOffset,\n      Math.min(mouseX - xOffset, maxWidth.current),\n    );\n    const elementWidth = Math.max(minWidth, calcWidth - 64); // 4rem padding\n\n    // prevent dragging bar more than allowed\n    if (elementWidth <= minWidth) {\n      return;\n    }\n\n    // set resizable area width\n    sectionEl?.setAttribute(\"style\", `width: ${calcWidth}px;`);\n    // set displayed px width\n    widthRef.current?.setAttribute(\n      \"style\",\n      `right: ${maxWidth.current - calcWidth + 32}px`,\n    );\n    setWidth(`${Math.round(elementWidth)}px`);\n  }\n\n  return (\n    <div\n      ref={bgRef}\n      className={Css.panelBackground}\n      onMouseDown={onMouseDown}\n      onMouseMove={onMouseMove}\n      onMouseUp={onMouseUp}\n    >\n      <section ref={sectionRef} className={Css.panel}>\n        <div className={Css.children}>{props.children}</div>\n        <div ref={handleRef} className={Css.handle}>\n          <GoAIcon type=\"reorder-two\" />\n        </div>\n      </section>\n      <div ref={widthRef} className={Css.width}>\n        {width}\n      </div>\n    </div>\n  );\n}\n\nexport default ResizablePanel;\n","import { ReactNode, useEffect, useRef } from \"react\";\n\ntype DrawerPosition = \"bottom\" | \"left\" | \"right\" | undefined;\ntype DrawerSizeUnit = \"px\" | \"rem\" | \"ch\" | \"vh\" | \"vw\";\ntype DrawerSize = `${number}${DrawerSizeUnit}` | undefined;\n\ninterface WCProps {\n  open: boolean | undefined;\n  position: DrawerPosition;\n  heading?: string;\n  maxsize?: DrawerSize;\n  testid?: string;\n  ref: React.RefObject<HTMLElement>;\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"goa-drawer\": WCProps & React.HTMLAttributes<HTMLElement>;\n    }\n  }\n}\n\nexport interface GoADrawerProps {\n  open: boolean;\n  position: DrawerPosition;\n  heading?: string;\n  maxSize?: DrawerSize;\n  testId?: string;\n  children: ReactNode;\n  onClose: () => void;\n}\n\nexport function GoADrawer({\n  open,\n  position,\n  heading,\n  maxSize,\n  testId,\n  children,\n  onClose,\n}: GoADrawerProps): JSX.Element {\n  const el = useRef<HTMLElement>(null);\n\n  useEffect(() => {\n    if (!el?.current || !onClose) {\n      return;\n    }\n    el.current?.addEventListener(\"_close\", onClose)\n    return () => {\n      el.current?.removeEventListener(\"_close\", onClose)\n    }\n  }, [el, onClose])\n\n  return (\n    <goa-drawer\n      ref={el}\n      open={open ? true : undefined}\n      position={position}\n      heading={heading}\n      maxsize={maxSize}\n      data-testid={testId}\n    >\n      {children}\n    </goa-drawer>\n  );\n}\n\nexport default GoADrawer;\n"],"names":["width","children","_a"],"mappings":"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"}

package/icon-1IRcN4Uf.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-1IRcN4Uf.js","sources":["../../../libs/react-components/src/lib/icon/icon.tsx"],"sourcesContent":["import { Margins } from \"../../common/styling\";\n\nexport type GoAIconFilledType = `${GoAIconType}-${GoAIconTheme}`;\n\ninterface IonIconProps {\n  name: GoAIconType | GoAIconFilledType;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface IonIconElement extends HTMLElement {}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"ion-icon\": IonIconProps & React.HTMLAttributes<IonIconElement>;\n    }\n  }\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"goa-icon\": WCProps & React.HTMLAttributes<IonIconElement>;\n    }\n  }\n}\n\nexport type GoAIconType =\n  | \"accessibility\"\n  | \"add-circle\"\n  | \"add\"\n  | \"airplane\"\n  | \"alarm\"\n  | \"albums\"\n  | \"alert-circle\"\n  | \"alert\"\n  | \"american-football\"\n  | \"analytics\"\n  | \"aperture\"\n  | \"apps\"\n  | \"archive\"\n  | \"arrow-back-circle\"\n  | \"arrow-back\"\n  | \"arrow-down-circle\"\n  | \"arrow-down\"\n  | \"arrow-forward-circle\"\n  | \"arrow-forward\"\n  | \"arrow-redo-circle\"\n  | \"arrow-redo\"\n  | \"arrow-undo-circle\"\n  | \"arrow-undo\"\n  | \"arrow-up-circle\"\n  | \"arrow-up\"\n  | \"at-circle\"\n  | \"at\"\n  | \"attach\"\n  | \"backspace\"\n  | \"bag-add\"\n  | \"bag-check\"\n  | \"bag-handle\"\n  | \"bag\"\n  | \"bag-remove\"\n  | \"balloon\"\n  | \"ban\"\n  | \"bandage\"\n  | \"bar-chart\"\n  | \"barbell\"\n  | \"barcode\"\n  | \"baseball\"\n  | \"basket\"\n  | \"basketball\"\n  | \"battery-charging\"\n  | \"battery-dead\"\n  | \"battery-full\"\n  | \"battery-half\"\n  | \"beaker\"\n  | \"bed\"\n  | \"beer\"\n  | \"bicycle\"\n  | \"bluetooth\"\n  | \"boat\"\n  | \"body\"\n  | \"bonfire\"\n  | \"book\"\n  | \"bookmark\"\n  | \"bookmarks\"\n  | \"bowling-ball\"\n  | \"briefcase\"\n  | \"browsers\"\n  | \"brush\"\n  | \"bug\"\n  | \"build\"\n  | \"bulb\"\n  | \"bus\"\n  | \"business\"\n  | \"cafe\"\n  | \"calculator\"\n  | \"calendar-clear\"\n  | \"calendar-number\"\n  | \"calendar\"\n  | \"call\"\n  | \"camera\"\n  | \"camera-reverse\"\n  | \"car\"\n  | \"car-sport\"\n  | \"card\"\n  | \"caret-back-circle\"\n  | \"caret-back\"\n  | \"caret-down-circle\"\n  | \"caret-down\"\n  | \"caret-forward-circle\"\n  | \"caret-forward\"\n  | \"caret-up-circle\"\n  | \"caret-up\"\n  | \"cart\"\n  | \"cash\"\n  | \"cellular\"\n  | \"chatbox-ellipses\"\n  | \"chatbox\"\n  | \"chatbubble-ellipses\"\n  | \"chatbubble\"\n  | \"chatbubbles\"\n  | \"checkbox\"\n  | \"checkmark-circle\"\n  | \"checkmark-done-circle\"\n  | \"checkmark-done\"\n  | \"checkmark\"\n  | \"chevron-back-circle\"\n  | \"chevron-back\"\n  | \"chevron-down-circle\"\n  | \"chevron-down\"\n  | \"chevron-forward-circle\"\n  | \"chevron-forward\"\n  | \"chevron-up-circle\"\n  | \"chevron-up\"\n  | \"clipboard\"\n  | \"close-circle\"\n  | \"close\"\n  | \"cloud-circle\"\n  | \"cloud-done\"\n  | \"cloud-download\"\n  | \"cloud-offline\"\n  | \"cloud\"\n  | \"cloud-upload\"\n  | \"cloudy-night\"\n  | \"cloudy\"\n  | \"code-download\"\n  | \"code\"\n  | \"code-slash\"\n  | \"code-working\"\n  | \"cog\"\n  | \"color-fill\"\n  | \"color-filter\"\n  | \"color-palette\"\n  | \"color-wand\"\n  | \"compass\"\n  | \"construct\"\n  | \"contract\"\n  | \"contrast\"\n  | \"copy\"\n  | \"create\"\n  | \"crop\"\n  | \"cube\"\n  | \"cut\"\n  | \"desktop\"\n  | \"diamond\"\n  | \"dice\"\n  | \"disc\"\n  | \"document-attach\"\n  | \"document-lock\"\n  | \"document\"\n  | \"document-text\"\n  | \"documents\"\n  | \"download\"\n  | \"duplicate\"\n  | \"ear\"\n  | \"earth\"\n  | \"easel\"\n  | \"egg\"\n  | \"ellipse\"\n  | \"ellipsis-horizontal-circle\"\n  | \"ellipsis-horizontal\"\n  | \"ellipsis-vertical-circle\"\n  | \"ellipsis-vertical\"\n  | \"enter\"\n  | \"exit\"\n  | \"expand\"\n  | \"extension-puzzle\"\n  | \"eye-off\"\n  | \"eye\"\n  | \"eyedrop\"\n  | \"fast-food\"\n  | \"female\"\n  | \"file-tray-full\"\n  | \"file-tray\"\n  | \"file-tray-stacked\"\n  | \"filenames.ps1\"\n  | \"film\"\n  | \"filter-circle\"\n  | \"filter\"\n  | \"finger-print\"\n  | \"fish\"\n  | \"fitness\"\n  | \"flag\"\n  | \"flame\"\n  | \"flash-off\"\n  | \"flash\"\n  | \"flashlight\"\n  | \"flask\"\n  | \"flower\"\n  | \"folder-open\"\n  | \"folder\"\n  | \"football\"\n  | \"footsteps\"\n  | \"funnel\"\n  | \"game-controller\"\n  | \"gift\"\n  | \"git-branch\"\n  | \"git-commit\"\n  | \"git-compare\"\n  | \"git-merge\"\n  | \"git-network\"\n  | \"git-pull-request\"\n  | \"glasses\"\n  | \"globe\"\n  | \"golf\"\n  | \"grid\"\n  | \"hammer\"\n  | \"hand-left\"\n  | \"hand-right\"\n  | \"happy\"\n  | \"hardware-chip\"\n  | \"headset\"\n  | \"heart-circle\"\n  | \"heart-dislike-circle\"\n  | \"heart-dislike\"\n  | \"heart-half\"\n  | \"heart\"\n  | \"help-buoy\"\n  | \"help-circle\"\n  | \"help\"\n  | \"home\"\n  | \"hourglass\"\n  | \"ice-cream\"\n  | \"id-card\"\n  | \"image\"\n  | \"images\"\n  | \"infinite\"\n  | \"information-circle\"\n  | \"information\"\n  | \"invert-mode\"\n  | \"journal\"\n  | \"key\"\n  | \"keypad\"\n  | \"language\"\n  | \"laptop\"\n  | \"layers\"\n  | \"leaf\"\n  | \"library\"\n  | \"link\"\n  | \"list-circle\"\n  | \"list\"\n  | \"locate\"\n  | \"location\"\n  | \"lock-closed\"\n  | \"lock-open\"\n  | \"log-in\"\n  | \"log-out\"\n  | \"magnet\"\n  | \"mail-open\"\n  | \"mail\"\n  | \"mail-unread\"\n  | \"male-female\"\n  | \"male\"\n  | \"man\"\n  | \"map\"\n  | \"medal\"\n  | \"medical\"\n  | \"medkit\"\n  | \"megaphone\"\n  | \"menu\"\n  | \"mic-circle\"\n  | \"mic-off-circle\"\n  | \"mic-off\"\n  | \"mic\"\n  | \"moon\"\n  | \"move\"\n  | \"musical-note\"\n  | \"musical-notes\"\n  | \"navigate-circle\"\n  | \"navigate\"\n  | \"newspaper\"\n  | \"notifications-circle\"\n  | \"notifications-off-circle\"\n  | \"notifications-off\"\n  | \"notifications\"\n  | \"nuclear\"\n  | \"nutrition\"\n  | \"open\"\n  | \"options\"\n  | \"paper-plane\"\n  | \"partly-sunny\"\n  | \"pause-circle\"\n  | \"pause\"\n  | \"paw\"\n  | \"pencil\"\n  | \"people-circle\"\n  | \"people\"\n  | \"person-add\"\n  | \"person-circle\"\n  | \"person\"\n  | \"person-remove\"\n  | \"phone-landscape\"\n  | \"phone-portrait\"\n  | \"pie-chart\"\n  | \"pin\"\n  | \"pint\"\n  | \"pizza\"\n  | \"planet\"\n  | \"play-back-circle\"\n  | \"play-back\"\n  | \"play-circle\"\n  | \"play-forward-circle\"\n  | \"play-forward\"\n  | \"play\"\n  | \"play-skip-back-circle\"\n  | \"play-skip-back\"\n  | \"play-skip-forward-circle\"\n  | \"play-skip-forward\"\n  | \"podium\"\n  | \"power\"\n  | \"pricetag\"\n  | \"pricetags\"\n  | \"print\"\n  | \"prism\"\n  | \"pulse\"\n  | \"push\"\n  | \"qr-code\"\n  | \"radio-button-off\"\n  | \"radio-button-on\"\n  | \"radio\"\n  | \"rainy\"\n  | \"reader\"\n  | \"receipt\"\n  | \"recording\"\n  | \"refresh-circle\"\n  | \"refresh\"\n  | \"reload-circle\"\n  | \"reload\"\n  | \"remove-circle\"\n  | \"remove\"\n  | \"reorder-four\"\n  | \"reorder-three\"\n  | \"reorder-two\"\n  | \"repeat\"\n  | \"resize\"\n  | \"restaurant\"\n  | \"return-down-back\"\n  | \"return-down-forward\"\n  | \"return-up-back\"\n  | \"return-up-forward\"\n  | \"ribbon\"\n  | \"rocket\"\n  | \"rose\"\n  | \"sad\"\n  | \"save\"\n  | \"scale\"\n  | \"scan-circle\"\n  | \"scan\"\n  | \"school\"\n  | \"search-circle\"\n  | \"search\"\n  | \"send\"\n  | \"server\"\n  | \"settings\"\n  | \"shapes\"\n  | \"share\"\n  | \"share-social\"\n  | \"shield-checkmark\"\n  | \"shield-half\"\n  | \"shield\"\n  | \"shirt\"\n  | \"shuffle\"\n  | \"skull\"\n  | \"snow\"\n  | \"sparkles\"\n  | \"speedometer\"\n  | \"square\"\n  | \"star-half\"\n  | \"star\"\n  | \"stats-chart\"\n  | \"stop-circle\"\n  | \"stop\"\n  | \"stopwatch\"\n  | \"storefront\"\n  | \"subway\"\n  | \"sunny\"\n  | \"swap-horizontal\"\n  | \"swap-vertical\"\n  | \"sync-circle\"\n  | \"sync\"\n  | \"tablet-landscape\"\n  | \"tablet-portrait\"\n  | \"telescope\"\n  | \"tennisball\"\n  | \"terminal\"\n  | \"text\"\n  | \"thermometer\"\n  | \"thumbs-down\"\n  | \"thumbs-up\"\n  | \"thunderstorm\"\n  | \"ticket\"\n  | \"time\"\n  | \"timer\"\n  | \"today\"\n  | \"toggle\"\n  | \"trail-sign\"\n  | \"train\"\n  | \"transgender\"\n  | \"trash-bin\"\n  | \"trash\"\n  | \"trending-down\"\n  | \"trending-up\"\n  | \"triangle\"\n  | \"trophy\"\n  | \"tv\"\n  | \"umbrella\"\n  | \"unlink\"\n  | \"videocam-off\"\n  | \"videocam\"\n  | \"volume-high\"\n  | \"volume-low\"\n  | \"volume-medium\"\n  | \"volume-mute\"\n  | \"volume-off\"\n  | \"walk\"\n  | \"wallet\"\n  | \"warning\"\n  | \"watch\"\n  | \"water\"\n  | \"wifi\"\n  | \"wine\"\n  | \"woman\"\n  | \"logo-alipay\"\n  | \"logo-amazon\"\n  | \"logo-amplify\"\n  | \"logo-android\"\n  | \"logo-angular\"\n  | \"logo-apple\"\n  | \"logo-apple-appstore\"\n  | \"logo-apple-ar\"\n  | \"logo-behance\"\n  | \"logo-bitbucket\"\n  | \"logo-bitcoin\"\n  | \"logo-buffer\"\n  | \"logo-capacitor\"\n  | \"logo-chrome\"\n  | \"logo-closed-captioning\"\n  | \"logo-codepen\"\n  | \"logo-css3\"\n  | \"logo-designernews\"\n  | \"logo-deviantart\"\n  | \"logo-discord\"\n  | \"logo-docker\"\n  | \"logo-dribbble\"\n  | \"logo-dropbox\"\n  | \"logo-edge\"\n  | \"logo-electron\"\n  | \"logo-euro\"\n  | \"logo-facebook\"\n  | \"logo-figma\"\n  | \"logo-firebase\"\n  | \"logo-firefox\"\n  | \"logo-flickr\"\n  | \"logo-foursquare\"\n  | \"logo-github\"\n  | \"logo-gitlab\"\n  | \"logo-google\"\n  | \"logo-google-playstore\"\n  | \"logo-hackernews\"\n  | \"logo-html5\"\n  | \"logo-instagram\"\n  | \"logo-ionic\"\n  | \"logo-ionitron\"\n  | \"logo-javascript\"\n  | \"logo-laravel\"\n  | \"logo-linkedin\"\n  | \"logo-markdown\"\n  | \"logo-mastodon\"\n  | \"logo-medium\"\n  | \"logo-microsoft\"\n  | \"logo-no-smoking\"\n  | \"logo-nodejs\"\n  | \"logo-npm\"\n  | \"logo-octocat\"\n  | \"logo-paypal\"\n  | \"logo-pinterest\"\n  | \"logo-playstation\"\n  | \"logo-pwa\"\n  | \"logo-python\"\n  | \"logo-react\"\n  | \"logo-reddit\"\n  | \"logo-rss\"\n  | \"logo-sass\"\n  | \"logo-skype\"\n  | \"logo-slack\"\n  | \"logo-snapchat\"\n  | \"logo-soundcloud\"\n  | \"logo-stackoverflow\"\n  | \"logo-steam\"\n  | \"logo-stencil\"\n  | \"logo-tableau\"\n  | \"logo-tiktok\"\n  | \"logo-tumblr\"\n  | \"logo-tux\"\n  | \"logo-twitch\"\n  | \"logo-twitter\"\n  | \"logo-usd\"\n  | \"logo-venmo\"\n  | \"logo-vercel\"\n  | \"logo-vimeo\"\n  | \"logo-vk\"\n  | \"logo-vue\"\n  | \"logo-web-component\"\n  | \"logo-wechat\"\n  | \"logo-whatsapp\"\n  | \"logo-windows\"\n  | \"logo-wordpress\"\n  | \"logo-xbox\"\n  | \"logo-xing\"\n  | \"logo-yahoo\"\n  | \"logo-yen\"\n  | \"logo-youtube\";\n\nexport type GoAIconSize = \"small\" | \"medium\" | \"large\" | \"xlarge\";\nexport type GoAIconVariant = \"primary\" | \"secondary\" | \"tertiary\";\nexport type GoAIconTheme = \"outline\" | \"filled\" | \"sharp\";\n\n// legacy naming\nexport type IconSize = GoAIconSize;\nexport type IconVariant = GoAIconVariant;\nexport type IconTheme = GoAIconTheme;\n\nexport interface GoAIconProps extends Margins {\n  type: GoAIconType;\n  size?: GoAIconSize;\n  theme?: GoAIconTheme;\n  inverted?: string;\n  fillColor?: string;\n  opacity?: number;\n  title?: string;\n  ariaLabel?: string;\n  testId?: string;\n}\n\ninterface WCProps extends Margins {\n  type: GoAIconType;\n  theme?: GoAIconTheme;\n  size?: GoAIconSize;\n  inverted?: string;\n  fillcolor?: string;\n  opacity?: number;\n  title?: string;\n  arialabel?: string;\n  testid?: string;\n}\n\nexport function GoAIcon({\n  type,\n  theme,\n  size,\n  inverted,\n  fillColor,\n  opacity,\n  title,\n  ariaLabel,\n  mt,\n  mr,\n  mb,\n  ml,\n  testId,\n}: GoAIconProps): JSX.Element {\n  return (\n    <goa-icon\n      type={type}\n      theme={theme}\n      size={size}\n      inverted={inverted}\n      fillcolor={fillColor}\n      opacity={opacity}\n      title={title}\n      arialabel={ariaLabel}\n      mt={mt}\n      mr={mr}\n      mb={mb}\n      ml={ml}\n      testid={testId}\n    />\n  );\n}\n"],"names":["jsx"],"mappings":";;AA2jBO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAE1B,SAAAA,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGd;;"}
+{"version":3,"file":"icon-1IRcN4Uf.js","sources":["../../../libs/react-components/src/lib/icon/icon.tsx"],"sourcesContent":["import { Margins } from \"../../common/styling\";\n\nexport type GoAIconFilledType = `${GoAIconType}-${GoAIconTheme}`;\n\ninterface IonIconProps {\n  name: GoAIconType | GoAIconFilledType;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface IonIconElement extends HTMLElement {}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"ion-icon\": IonIconProps & React.HTMLAttributes<IonIconElement>;\n    }\n  }\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"goa-icon\": WCProps & React.HTMLAttributes<IonIconElement>;\n    }\n  }\n}\n\nexport type GoAIconType =\n  | \"accessibility\"\n  | \"add-circle\"\n  | \"add\"\n  | \"airplane\"\n  | \"alarm\"\n  | \"albums\"\n  | \"alert-circle\"\n  | \"alert\"\n  | \"american-football\"\n  | \"analytics\"\n  | \"aperture\"\n  | \"apps\"\n  | \"archive\"\n  | \"arrow-back-circle\"\n  | \"arrow-back\"\n  | \"arrow-down-circle\"\n  | \"arrow-down\"\n  | \"arrow-forward-circle\"\n  | \"arrow-forward\"\n  | \"arrow-redo-circle\"\n  | \"arrow-redo\"\n  | \"arrow-undo-circle\"\n  | \"arrow-undo\"\n  | \"arrow-up-circle\"\n  | \"arrow-up\"\n  | \"at-circle\"\n  | \"at\"\n  | \"attach\"\n  | \"backspace\"\n  | \"bag-add\"\n  | \"bag-check\"\n  | \"bag-handle\"\n  | \"bag\"\n  | \"bag-remove\"\n  | \"balloon\"\n  | \"ban\"\n  | \"bandage\"\n  | \"bar-chart\"\n  | \"barbell\"\n  | \"barcode\"\n  | \"baseball\"\n  | \"basket\"\n  | \"basketball\"\n  | \"battery-charging\"\n  | \"battery-dead\"\n  | \"battery-full\"\n  | \"battery-half\"\n  | \"beaker\"\n  | \"bed\"\n  | \"beer\"\n  | \"bicycle\"\n  | \"bluetooth\"\n  | \"boat\"\n  | \"body\"\n  | \"bonfire\"\n  | \"book\"\n  | \"bookmark\"\n  | \"bookmarks\"\n  | \"bowling-ball\"\n  | \"briefcase\"\n  | \"browsers\"\n  | \"brush\"\n  | \"bug\"\n  | \"build\"\n  | \"bulb\"\n  | \"bus\"\n  | \"business\"\n  | \"cafe\"\n  | \"calculator\"\n  | \"calendar-clear\"\n  | \"calendar-number\"\n  | \"calendar\"\n  | \"call\"\n  | \"camera\"\n  | \"camera-reverse\"\n  | \"car\"\n  | \"car-sport\"\n  | \"card\"\n  | \"caret-back-circle\"\n  | \"caret-back\"\n  | \"caret-down-circle\"\n  | \"caret-down\"\n  | \"caret-forward-circle\"\n  | \"caret-forward\"\n  | \"caret-up-circle\"\n  | \"caret-up\"\n  | \"cart\"\n  | \"cash\"\n  | \"cellular\"\n  | \"chatbox-ellipses\"\n  | \"chatbox\"\n  | \"chatbubble-ellipses\"\n  | \"chatbubble\"\n  | \"chatbubbles\"\n  | \"checkbox\"\n  | \"checkmark-circle\"\n  | \"checkmark-done-circle\"\n  | \"checkmark-done\"\n  | \"checkmark\"\n  | \"chevron-back-circle\"\n  | \"chevron-back\"\n  | \"chevron-down-circle\"\n  | \"chevron-down\"\n  | \"chevron-forward-circle\"\n  | \"chevron-forward\"\n  | \"chevron-up-circle\"\n  | \"chevron-up\"\n  | \"clipboard\"\n  | \"close-circle\"\n  | \"close\"\n  | \"cloud-circle\"\n  | \"cloud-done\"\n  | \"cloud-download\"\n  | \"cloud-offline\"\n  | \"cloud\"\n  | \"cloud-upload\"\n  | \"cloudy-night\"\n  | \"cloudy\"\n  | \"code-download\"\n  | \"code\"\n  | \"code-slash\"\n  | \"code-working\"\n  | \"cog\"\n  | \"color-fill\"\n  | \"color-filter\"\n  | \"color-palette\"\n  | \"color-wand\"\n  | \"compass\"\n  | \"construct\"\n  | \"contract\"\n  | \"contrast\"\n  | \"copy\"\n  | \"create\"\n  | \"crop\"\n  | \"cube\"\n  | \"cut\"\n  | \"desktop\"\n  | \"diamond\"\n  | \"dice\"\n  | \"disc\"\n  | \"document-attach\"\n  | \"document-lock\"\n  | \"document\"\n  | \"document-text\"\n  | \"documents\"\n  | \"download\"\n  | \"duplicate\"\n  | \"ear\"\n  | \"earth\"\n  | \"easel\"\n  | \"egg\"\n  | \"ellipse\"\n  | \"ellipsis-horizontal-circle\"\n  | \"ellipsis-horizontal\"\n  | \"ellipsis-vertical-circle\"\n  | \"ellipsis-vertical\"\n  | \"enter\"\n  | \"exit\"\n  | \"expand\"\n  | \"extension-puzzle\"\n  | \"eye-off\"\n  | \"eye\"\n  | \"eyedrop\"\n  | \"fast-food\"\n  | \"female\"\n  | \"file-tray-full\"\n  | \"file-tray\"\n  | \"file-tray-stacked\"\n  | \"filenames.ps1\"\n  | \"film\"\n  | \"filter-circle\"\n  | \"filter\"\n  | \"finger-print\"\n  | \"fish\"\n  | \"fitness\"\n  | \"flag\"\n  | \"flame\"\n  | \"flash-off\"\n  | \"flash\"\n  | \"flashlight\"\n  | \"flask\"\n  | \"flower\"\n  | \"folder-open\"\n  | \"folder\"\n  | \"football\"\n  | \"footsteps\"\n  | \"funnel\"\n  | \"game-controller\"\n  | \"gift\"\n  | \"git-branch\"\n  | \"git-commit\"\n  | \"git-compare\"\n  | \"git-merge\"\n  | \"git-network\"\n  | \"git-pull-request\"\n  | \"glasses\"\n  | \"globe\"\n  | \"golf\"\n  | \"grid\"\n  | \"hammer\"\n  | \"hand-left\"\n  | \"hand-right\"\n  | \"happy\"\n  | \"hardware-chip\"\n  | \"headset\"\n  | \"heart-circle\"\n  | \"heart-dislike-circle\"\n  | \"heart-dislike\"\n  | \"heart-half\"\n  | \"heart\"\n  | \"help-buoy\"\n  | \"help-circle\"\n  | \"help\"\n  | \"home\"\n  | \"hourglass\"\n  | \"ice-cream\"\n  | \"id-card\"\n  | \"image\"\n  | \"images\"\n  | \"infinite\"\n  | \"information-circle\"\n  | \"information\"\n  | \"invert-mode\"\n  | \"journal\"\n  | \"key\"\n  | \"keypad\"\n  | \"language\"\n  | \"laptop\"\n  | \"layers\"\n  | \"leaf\"\n  | \"library\"\n  | \"link\"\n  | \"list-circle\"\n  | \"list\"\n  | \"locate\"\n  | \"location\"\n  | \"lock-closed\"\n  | \"lock-open\"\n  | \"log-in\"\n  | \"log-out\"\n  | \"magnet\"\n  | \"mail-open\"\n  | \"mail\"\n  | \"mail-unread\"\n  | \"male-female\"\n  | \"male\"\n  | \"man\"\n  | \"map\"\n  | \"medal\"\n  | \"medical\"\n  | \"medkit\"\n  | \"megaphone\"\n  | \"menu\"\n  | \"mic-circle\"\n  | \"mic-off-circle\"\n  | \"mic-off\"\n  | \"mic\"\n  | \"moon\"\n  | \"move\"\n  | \"musical-note\"\n  | \"musical-notes\"\n  | \"navigate-circle\"\n  | \"navigate\"\n  | \"newspaper\"\n  | \"notifications-circle\"\n  | \"notifications-off-circle\"\n  | \"notifications-off\"\n  | \"notifications\"\n  | \"nuclear\"\n  | \"nutrition\"\n  | \"open\"\n  | \"options\"\n  | \"paper-plane\"\n  | \"partly-sunny\"\n  | \"pause-circle\"\n  | \"pause\"\n  | \"paw\"\n  | \"pencil\"\n  | \"people-circle\"\n  | \"people\"\n  | \"person-add\"\n  | \"person-circle\"\n  | \"person\"\n  | \"person-remove\"\n  | \"phone-landscape\"\n  | \"phone-portrait\"\n  | \"pie-chart\"\n  | \"pin\"\n  | \"pint\"\n  | \"pizza\"\n  | \"planet\"\n  | \"play-back-circle\"\n  | \"play-back\"\n  | \"play-circle\"\n  | \"play-forward-circle\"\n  | \"play-forward\"\n  | \"play\"\n  | \"play-skip-back-circle\"\n  | \"play-skip-back\"\n  | \"play-skip-forward-circle\"\n  | \"play-skip-forward\"\n  | \"podium\"\n  | \"power\"\n  | \"pricetag\"\n  | \"pricetags\"\n  | \"print\"\n  | \"prism\"\n  | \"pulse\"\n  | \"push\"\n  | \"qr-code\"\n  | \"radio-button-off\"\n  | \"radio-button-on\"\n  | \"radio\"\n  | \"rainy\"\n  | \"reader\"\n  | \"receipt\"\n  | \"recording\"\n  | \"refresh-circle\"\n  | \"refresh\"\n  | \"reload-circle\"\n  | \"reload\"\n  | \"remove-circle\"\n  | \"remove\"\n  | \"reorder-four\"\n  | \"reorder-three\"\n  | \"reorder-two\"\n  | \"repeat\"\n  | \"resize\"\n  | \"restaurant\"\n  | \"return-down-back\"\n  | \"return-down-forward\"\n  | \"return-up-back\"\n  | \"return-up-forward\"\n  | \"ribbon\"\n  | \"rocket\"\n  | \"rose\"\n  | \"sad\"\n  | \"save\"\n  | \"scale\"\n  | \"scan-circle\"\n  | \"scan\"\n  | \"school\"\n  | \"search-circle\"\n  | \"search\"\n  | \"send\"\n  | \"server\"\n  | \"settings\"\n  | \"shapes\"\n  | \"share\"\n  | \"share-social\"\n  | \"shield-checkmark\"\n  | \"shield-half\"\n  | \"shield\"\n  | \"shirt\"\n  | \"shuffle\"\n  | \"skull\"\n  | \"snow\"\n  | \"sparkles\"\n  | \"speedometer\"\n  | \"square\"\n  | \"star-half\"\n  | \"star\"\n  | \"stats-chart\"\n  | \"stop-circle\"\n  | \"stop\"\n  | \"stopwatch\"\n  | \"storefront\"\n  | \"subway\"\n  | \"sunny\"\n  | \"swap-horizontal\"\n  | \"swap-vertical\"\n  | \"sync-circle\"\n  | \"sync\"\n  | \"tablet-landscape\"\n  | \"tablet-portrait\"\n  | \"telescope\"\n  | \"tennisball\"\n  | \"terminal\"\n  | \"text\"\n  | \"thermometer\"\n  | \"thumbs-down\"\n  | \"thumbs-up\"\n  | \"thunderstorm\"\n  | \"ticket\"\n  | \"time\"\n  | \"timer\"\n  | \"today\"\n  | \"toggle\"\n  | \"trail-sign\"\n  | \"train\"\n  | \"transgender\"\n  | \"trash-bin\"\n  | \"trash\"\n  | \"trending-down\"\n  | \"trending-up\"\n  | \"triangle\"\n  | \"trophy\"\n  | \"tv\"\n  | \"umbrella\"\n  | \"unlink\"\n  | \"videocam-off\"\n  | \"videocam\"\n  | \"volume-high\"\n  | \"volume-low\"\n  | \"volume-medium\"\n  | \"volume-mute\"\n  | \"volume-off\"\n  | \"walk\"\n  | \"wallet\"\n  | \"warning\"\n  | \"watch\"\n  | \"water\"\n  | \"wifi\"\n  | \"wine\"\n  | \"woman\"\n  | \"logo-alipay\"\n  | \"logo-amazon\"\n  | \"logo-amplify\"\n  | \"logo-android\"\n  | \"logo-angular\"\n  | \"logo-apple\"\n  | \"logo-apple-appstore\"\n  | \"logo-apple-ar\"\n  | \"logo-behance\"\n  | \"logo-bitbucket\"\n  | \"logo-bitcoin\"\n  | \"logo-buffer\"\n  | \"logo-capacitor\"\n  | \"logo-chrome\"\n  | \"logo-closed-captioning\"\n  | \"logo-codepen\"\n  | \"logo-css3\"\n  | \"logo-designernews\"\n  | \"logo-deviantart\"\n  | \"logo-discord\"\n  | \"logo-docker\"\n  | \"logo-dribbble\"\n  | \"logo-dropbox\"\n  | \"logo-edge\"\n  | \"logo-electron\"\n  | \"logo-euro\"\n  | \"logo-facebook\"\n  | \"logo-figma\"\n  | \"logo-firebase\"\n  | \"logo-firefox\"\n  | \"logo-flickr\"\n  | \"logo-foursquare\"\n  | \"logo-github\"\n  | \"logo-gitlab\"\n  | \"logo-google\"\n  | \"logo-google-playstore\"\n  | \"logo-hackernews\"\n  | \"logo-html5\"\n  | \"logo-instagram\"\n  | \"logo-ionic\"\n  | \"logo-ionitron\"\n  | \"logo-javascript\"\n  | \"logo-laravel\"\n  | \"logo-linkedin\"\n  | \"logo-markdown\"\n  | \"logo-mastodon\"\n  | \"logo-medium\"\n  | \"logo-microsoft\"\n  | \"logo-no-smoking\"\n  | \"logo-nodejs\"\n  | \"logo-npm\"\n  | \"logo-octocat\"\n  | \"logo-paypal\"\n  | \"logo-pinterest\"\n  | \"logo-playstation\"\n  | \"logo-pwa\"\n  | \"logo-python\"\n  | \"logo-react\"\n  | \"logo-reddit\"\n  | \"logo-rss\"\n  | \"logo-sass\"\n  | \"logo-skype\"\n  | \"logo-slack\"\n  | \"logo-snapchat\"\n  | \"logo-soundcloud\"\n  | \"logo-stackoverflow\"\n  | \"logo-steam\"\n  | \"logo-stencil\"\n  | \"logo-tableau\"\n  | \"logo-tiktok\"\n  | \"logo-tumblr\"\n  | \"logo-tux\"\n  | \"logo-twitch\"\n  | \"logo-twitter\"\n  | \"logo-usd\"\n  | \"logo-venmo\"\n  | \"logo-vercel\"\n  | \"logo-vimeo\"\n  | \"logo-vk\"\n  | \"logo-vue\"\n  | \"logo-web-component\"\n  | \"logo-wechat\"\n  | \"logo-whatsapp\"\n  | \"logo-windows\"\n  | \"logo-wordpress\"\n  | \"logo-xbox\"\n  | \"logo-xing\"\n  | \"logo-yahoo\"\n  | \"logo-yen\"\n  | \"logo-youtube\";\n\nexport type GoAIconSize = \"small\" | \"medium\" | \"large\" | \"xlarge\";\nexport type GoAIconVariant = \"primary\" | \"secondary\" | \"tertiary\";\nexport type GoAIconTheme = \"outline\" | \"filled\" | \"sharp\";\n\n// legacy naming\nexport type IconSize = GoAIconSize;\nexport type IconVariant = GoAIconVariant;\nexport type IconTheme = GoAIconTheme;\n\nexport interface GoAIconProps extends Margins {\n  type: GoAIconType;\n  size?: GoAIconSize;\n  theme?: GoAIconTheme;\n  inverted?: string;\n  fillColor?: string;\n  opacity?: number;\n  title?: string;\n  ariaLabel?: string;\n  testId?: string;\n}\n\ninterface WCProps extends Margins {\n  type: GoAIconType;\n  theme?: GoAIconTheme;\n  size?: GoAIconSize;\n  inverted?: string;\n  fillcolor?: string;\n  opacity?: number;\n  title?: string;\n  arialabel?: string;\n  testid?: string;\n}\n\nexport function GoAIcon({\n  type,\n  theme,\n  size,\n  inverted,\n  fillColor,\n  opacity,\n  title,\n  ariaLabel,\n  mt,\n  mr,\n  mb,\n  ml,\n  testId,\n}: GoAIconProps): JSX.Element {\n  return (\n    <goa-icon\n      type={type}\n      theme={theme}\n      size={size}\n      inverted={inverted}\n      fillcolor={fillColor}\n      opacity={opacity}\n      title={title}\n      arialabel={ariaLabel}\n      mt={mt}\n      mr={mr}\n      mb={mb}\n      ml={ml}\n      testid={testId}\n    />\n  );\n}\n"],"names":["jsx"],"mappings":";;AA2jBO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAE1B,SAAAA,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IAAA;AAAA,EACV;AAEJ;;"}

package/icon-DgSW1II3.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon-DgSW1II3.mjs","sources":["../../../libs/react-components/src/lib/icon/icon.tsx"],"sourcesContent":["import { Margins } from \"../../common/styling\";\n\nexport type GoAIconFilledType = `${GoAIconType}-${GoAIconTheme}`;\n\ninterface IonIconProps {\n  name: GoAIconType | GoAIconFilledType;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface IonIconElement extends HTMLElement {}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"ion-icon\": IonIconProps & React.HTMLAttributes<IonIconElement>;\n    }\n  }\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"goa-icon\": WCProps & React.HTMLAttributes<IonIconElement>;\n    }\n  }\n}\n\nexport type GoAIconType =\n  | \"accessibility\"\n  | \"add-circle\"\n  | \"add\"\n  | \"airplane\"\n  | \"alarm\"\n  | \"albums\"\n  | \"alert-circle\"\n  | \"alert\"\n  | \"american-football\"\n  | \"analytics\"\n  | \"aperture\"\n  | \"apps\"\n  | \"archive\"\n  | \"arrow-back-circle\"\n  | \"arrow-back\"\n  | \"arrow-down-circle\"\n  | \"arrow-down\"\n  | \"arrow-forward-circle\"\n  | \"arrow-forward\"\n  | \"arrow-redo-circle\"\n  | \"arrow-redo\"\n  | \"arrow-undo-circle\"\n  | \"arrow-undo\"\n  | \"arrow-up-circle\"\n  | \"arrow-up\"\n  | \"at-circle\"\n  | \"at\"\n  | \"attach\"\n  | \"backspace\"\n  | \"bag-add\"\n  | \"bag-check\"\n  | \"bag-handle\"\n  | \"bag\"\n  | \"bag-remove\"\n  | \"balloon\"\n  | \"ban\"\n  | \"bandage\"\n  | \"bar-chart\"\n  | \"barbell\"\n  | \"barcode\"\n  | \"baseball\"\n  | \"basket\"\n  | \"basketball\"\n  | \"battery-charging\"\n  | \"battery-dead\"\n  | \"battery-full\"\n  | \"battery-half\"\n  | \"beaker\"\n  | \"bed\"\n  | \"beer\"\n  | \"bicycle\"\n  | \"bluetooth\"\n  | \"boat\"\n  | \"body\"\n  | \"bonfire\"\n  | \"book\"\n  | \"bookmark\"\n  | \"bookmarks\"\n  | \"bowling-ball\"\n  | \"briefcase\"\n  | \"browsers\"\n  | \"brush\"\n  | \"bug\"\n  | \"build\"\n  | \"bulb\"\n  | \"bus\"\n  | \"business\"\n  | \"cafe\"\n  | \"calculator\"\n  | \"calendar-clear\"\n  | \"calendar-number\"\n  | \"calendar\"\n  | \"call\"\n  | \"camera\"\n  | \"camera-reverse\"\n  | \"car\"\n  | \"car-sport\"\n  | \"card\"\n  | \"caret-back-circle\"\n  | \"caret-back\"\n  | \"caret-down-circle\"\n  | \"caret-down\"\n  | \"caret-forward-circle\"\n  | \"caret-forward\"\n  | \"caret-up-circle\"\n  | \"caret-up\"\n  | \"cart\"\n  | \"cash\"\n  | \"cellular\"\n  | \"chatbox-ellipses\"\n  | \"chatbox\"\n  | \"chatbubble-ellipses\"\n  | \"chatbubble\"\n  | \"chatbubbles\"\n  | \"checkbox\"\n  | \"checkmark-circle\"\n  | \"checkmark-done-circle\"\n  | \"checkmark-done\"\n  | \"checkmark\"\n  | \"chevron-back-circle\"\n  | \"chevron-back\"\n  | \"chevron-down-circle\"\n  | \"chevron-down\"\n  | \"chevron-forward-circle\"\n  | \"chevron-forward\"\n  | \"chevron-up-circle\"\n  | \"chevron-up\"\n  | \"clipboard\"\n  | \"close-circle\"\n  | \"close\"\n  | \"cloud-circle\"\n  | \"cloud-done\"\n  | \"cloud-download\"\n  | \"cloud-offline\"\n  | \"cloud\"\n  | \"cloud-upload\"\n  | \"cloudy-night\"\n  | \"cloudy\"\n  | \"code-download\"\n  | \"code\"\n  | \"code-slash\"\n  | \"code-working\"\n  | \"cog\"\n  | \"color-fill\"\n  | \"color-filter\"\n  | \"color-palette\"\n  | \"color-wand\"\n  | \"compass\"\n  | \"construct\"\n  | \"contract\"\n  | \"contrast\"\n  | \"copy\"\n  | \"create\"\n  | \"crop\"\n  | \"cube\"\n  | \"cut\"\n  | \"desktop\"\n  | \"diamond\"\n  | \"dice\"\n  | \"disc\"\n  | \"document-attach\"\n  | \"document-lock\"\n  | \"document\"\n  | \"document-text\"\n  | \"documents\"\n  | \"download\"\n  | \"duplicate\"\n  | \"ear\"\n  | \"earth\"\n  | \"easel\"\n  | \"egg\"\n  | \"ellipse\"\n  | \"ellipsis-horizontal-circle\"\n  | \"ellipsis-horizontal\"\n  | \"ellipsis-vertical-circle\"\n  | \"ellipsis-vertical\"\n  | \"enter\"\n  | \"exit\"\n  | \"expand\"\n  | \"extension-puzzle\"\n  | \"eye-off\"\n  | \"eye\"\n  | \"eyedrop\"\n  | \"fast-food\"\n  | \"female\"\n  | \"file-tray-full\"\n  | \"file-tray\"\n  | \"file-tray-stacked\"\n  | \"filenames.ps1\"\n  | \"film\"\n  | \"filter-circle\"\n  | \"filter\"\n  | \"finger-print\"\n  | \"fish\"\n  | \"fitness\"\n  | \"flag\"\n  | \"flame\"\n  | \"flash-off\"\n  | \"flash\"\n  | \"flashlight\"\n  | \"flask\"\n  | \"flower\"\n  | \"folder-open\"\n  | \"folder\"\n  | \"football\"\n  | \"footsteps\"\n  | \"funnel\"\n  | \"game-controller\"\n  | \"gift\"\n  | \"git-branch\"\n  | \"git-commit\"\n  | \"git-compare\"\n  | \"git-merge\"\n  | \"git-network\"\n  | \"git-pull-request\"\n  | \"glasses\"\n  | \"globe\"\n  | \"golf\"\n  | \"grid\"\n  | \"hammer\"\n  | \"hand-left\"\n  | \"hand-right\"\n  | \"happy\"\n  | \"hardware-chip\"\n  | \"headset\"\n  | \"heart-circle\"\n  | \"heart-dislike-circle\"\n  | \"heart-dislike\"\n  | \"heart-half\"\n  | \"heart\"\n  | \"help-buoy\"\n  | \"help-circle\"\n  | \"help\"\n  | \"home\"\n  | \"hourglass\"\n  | \"ice-cream\"\n  | \"id-card\"\n  | \"image\"\n  | \"images\"\n  | \"infinite\"\n  | \"information-circle\"\n  | \"information\"\n  | \"invert-mode\"\n  | \"journal\"\n  | \"key\"\n  | \"keypad\"\n  | \"language\"\n  | \"laptop\"\n  | \"layers\"\n  | \"leaf\"\n  | \"library\"\n  | \"link\"\n  | \"list-circle\"\n  | \"list\"\n  | \"locate\"\n  | \"location\"\n  | \"lock-closed\"\n  | \"lock-open\"\n  | \"log-in\"\n  | \"log-out\"\n  | \"magnet\"\n  | \"mail-open\"\n  | \"mail\"\n  | \"mail-unread\"\n  | \"male-female\"\n  | \"male\"\n  | \"man\"\n  | \"map\"\n  | \"medal\"\n  | \"medical\"\n  | \"medkit\"\n  | \"megaphone\"\n  | \"menu\"\n  | \"mic-circle\"\n  | \"mic-off-circle\"\n  | \"mic-off\"\n  | \"mic\"\n  | \"moon\"\n  | \"move\"\n  | \"musical-note\"\n  | \"musical-notes\"\n  | \"navigate-circle\"\n  | \"navigate\"\n  | \"newspaper\"\n  | \"notifications-circle\"\n  | \"notifications-off-circle\"\n  | \"notifications-off\"\n  | \"notifications\"\n  | \"nuclear\"\n  | \"nutrition\"\n  | \"open\"\n  | \"options\"\n  | \"paper-plane\"\n  | \"partly-sunny\"\n  | \"pause-circle\"\n  | \"pause\"\n  | \"paw\"\n  | \"pencil\"\n  | \"people-circle\"\n  | \"people\"\n  | \"person-add\"\n  | \"person-circle\"\n  | \"person\"\n  | \"person-remove\"\n  | \"phone-landscape\"\n  | \"phone-portrait\"\n  | \"pie-chart\"\n  | \"pin\"\n  | \"pint\"\n  | \"pizza\"\n  | \"planet\"\n  | \"play-back-circle\"\n  | \"play-back\"\n  | \"play-circle\"\n  | \"play-forward-circle\"\n  | \"play-forward\"\n  | \"play\"\n  | \"play-skip-back-circle\"\n  | \"play-skip-back\"\n  | \"play-skip-forward-circle\"\n  | \"play-skip-forward\"\n  | \"podium\"\n  | \"power\"\n  | \"pricetag\"\n  | \"pricetags\"\n  | \"print\"\n  | \"prism\"\n  | \"pulse\"\n  | \"push\"\n  | \"qr-code\"\n  | \"radio-button-off\"\n  | \"radio-button-on\"\n  | \"radio\"\n  | \"rainy\"\n  | \"reader\"\n  | \"receipt\"\n  | \"recording\"\n  | \"refresh-circle\"\n  | \"refresh\"\n  | \"reload-circle\"\n  | \"reload\"\n  | \"remove-circle\"\n  | \"remove\"\n  | \"reorder-four\"\n  | \"reorder-three\"\n  | \"reorder-two\"\n  | \"repeat\"\n  | \"resize\"\n  | \"restaurant\"\n  | \"return-down-back\"\n  | \"return-down-forward\"\n  | \"return-up-back\"\n  | \"return-up-forward\"\n  | \"ribbon\"\n  | \"rocket\"\n  | \"rose\"\n  | \"sad\"\n  | \"save\"\n  | \"scale\"\n  | \"scan-circle\"\n  | \"scan\"\n  | \"school\"\n  | \"search-circle\"\n  | \"search\"\n  | \"send\"\n  | \"server\"\n  | \"settings\"\n  | \"shapes\"\n  | \"share\"\n  | \"share-social\"\n  | \"shield-checkmark\"\n  | \"shield-half\"\n  | \"shield\"\n  | \"shirt\"\n  | \"shuffle\"\n  | \"skull\"\n  | \"snow\"\n  | \"sparkles\"\n  | \"speedometer\"\n  | \"square\"\n  | \"star-half\"\n  | \"star\"\n  | \"stats-chart\"\n  | \"stop-circle\"\n  | \"stop\"\n  | \"stopwatch\"\n  | \"storefront\"\n  | \"subway\"\n  | \"sunny\"\n  | \"swap-horizontal\"\n  | \"swap-vertical\"\n  | \"sync-circle\"\n  | \"sync\"\n  | \"tablet-landscape\"\n  | \"tablet-portrait\"\n  | \"telescope\"\n  | \"tennisball\"\n  | \"terminal\"\n  | \"text\"\n  | \"thermometer\"\n  | \"thumbs-down\"\n  | \"thumbs-up\"\n  | \"thunderstorm\"\n  | \"ticket\"\n  | \"time\"\n  | \"timer\"\n  | \"today\"\n  | \"toggle\"\n  | \"trail-sign\"\n  | \"train\"\n  | \"transgender\"\n  | \"trash-bin\"\n  | \"trash\"\n  | \"trending-down\"\n  | \"trending-up\"\n  | \"triangle\"\n  | \"trophy\"\n  | \"tv\"\n  | \"umbrella\"\n  | \"unlink\"\n  | \"videocam-off\"\n  | \"videocam\"\n  | \"volume-high\"\n  | \"volume-low\"\n  | \"volume-medium\"\n  | \"volume-mute\"\n  | \"volume-off\"\n  | \"walk\"\n  | \"wallet\"\n  | \"warning\"\n  | \"watch\"\n  | \"water\"\n  | \"wifi\"\n  | \"wine\"\n  | \"woman\"\n  | \"logo-alipay\"\n  | \"logo-amazon\"\n  | \"logo-amplify\"\n  | \"logo-android\"\n  | \"logo-angular\"\n  | \"logo-apple\"\n  | \"logo-apple-appstore\"\n  | \"logo-apple-ar\"\n  | \"logo-behance\"\n  | \"logo-bitbucket\"\n  | \"logo-bitcoin\"\n  | \"logo-buffer\"\n  | \"logo-capacitor\"\n  | \"logo-chrome\"\n  | \"logo-closed-captioning\"\n  | \"logo-codepen\"\n  | \"logo-css3\"\n  | \"logo-designernews\"\n  | \"logo-deviantart\"\n  | \"logo-discord\"\n  | \"logo-docker\"\n  | \"logo-dribbble\"\n  | \"logo-dropbox\"\n  | \"logo-edge\"\n  | \"logo-electron\"\n  | \"logo-euro\"\n  | \"logo-facebook\"\n  | \"logo-figma\"\n  | \"logo-firebase\"\n  | \"logo-firefox\"\n  | \"logo-flickr\"\n  | \"logo-foursquare\"\n  | \"logo-github\"\n  | \"logo-gitlab\"\n  | \"logo-google\"\n  | \"logo-google-playstore\"\n  | \"logo-hackernews\"\n  | \"logo-html5\"\n  | \"logo-instagram\"\n  | \"logo-ionic\"\n  | \"logo-ionitron\"\n  | \"logo-javascript\"\n  | \"logo-laravel\"\n  | \"logo-linkedin\"\n  | \"logo-markdown\"\n  | \"logo-mastodon\"\n  | \"logo-medium\"\n  | \"logo-microsoft\"\n  | \"logo-no-smoking\"\n  | \"logo-nodejs\"\n  | \"logo-npm\"\n  | \"logo-octocat\"\n  | \"logo-paypal\"\n  | \"logo-pinterest\"\n  | \"logo-playstation\"\n  | \"logo-pwa\"\n  | \"logo-python\"\n  | \"logo-react\"\n  | \"logo-reddit\"\n  | \"logo-rss\"\n  | \"logo-sass\"\n  | \"logo-skype\"\n  | \"logo-slack\"\n  | \"logo-snapchat\"\n  | \"logo-soundcloud\"\n  | \"logo-stackoverflow\"\n  | \"logo-steam\"\n  | \"logo-stencil\"\n  | \"logo-tableau\"\n  | \"logo-tiktok\"\n  | \"logo-tumblr\"\n  | \"logo-tux\"\n  | \"logo-twitch\"\n  | \"logo-twitter\"\n  | \"logo-usd\"\n  | \"logo-venmo\"\n  | \"logo-vercel\"\n  | \"logo-vimeo\"\n  | \"logo-vk\"\n  | \"logo-vue\"\n  | \"logo-web-component\"\n  | \"logo-wechat\"\n  | \"logo-whatsapp\"\n  | \"logo-windows\"\n  | \"logo-wordpress\"\n  | \"logo-xbox\"\n  | \"logo-xing\"\n  | \"logo-yahoo\"\n  | \"logo-yen\"\n  | \"logo-youtube\";\n\nexport type GoAIconSize = \"small\" | \"medium\" | \"large\" | \"xlarge\";\nexport type GoAIconVariant = \"primary\" | \"secondary\" | \"tertiary\";\nexport type GoAIconTheme = \"outline\" | \"filled\" | \"sharp\";\n\n// legacy naming\nexport type IconSize = GoAIconSize;\nexport type IconVariant = GoAIconVariant;\nexport type IconTheme = GoAIconTheme;\n\nexport interface GoAIconProps extends Margins {\n  type: GoAIconType;\n  size?: GoAIconSize;\n  theme?: GoAIconTheme;\n  inverted?: string;\n  fillColor?: string;\n  opacity?: number;\n  title?: string;\n  ariaLabel?: string;\n  testId?: string;\n}\n\ninterface WCProps extends Margins {\n  type: GoAIconType;\n  theme?: GoAIconTheme;\n  size?: GoAIconSize;\n  inverted?: string;\n  fillcolor?: string;\n  opacity?: number;\n  title?: string;\n  arialabel?: string;\n  testid?: string;\n}\n\nexport function GoAIcon({\n  type,\n  theme,\n  size,\n  inverted,\n  fillColor,\n  opacity,\n  title,\n  ariaLabel,\n  mt,\n  mr,\n  mb,\n  ml,\n  testId,\n}: GoAIconProps): JSX.Element {\n  return (\n    <goa-icon\n      type={type}\n      theme={theme}\n      size={size}\n      inverted={inverted}\n      fillcolor={fillColor}\n      opacity={opacity}\n      title={title}\n      arialabel={ariaLabel}\n      mt={mt}\n      mr={mr}\n      mb={mb}\n      ml={ml}\n      testid={testId}\n    />\n  );\n}\n"],"names":[],"mappings":";AA2jBO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAE1B,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGd;"}
+{"version":3,"file":"icon-DgSW1II3.mjs","sources":["../../../libs/react-components/src/lib/icon/icon.tsx"],"sourcesContent":["import { Margins } from \"../../common/styling\";\n\nexport type GoAIconFilledType = `${GoAIconType}-${GoAIconTheme}`;\n\ninterface IonIconProps {\n  name: GoAIconType | GoAIconFilledType;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface IonIconElement extends HTMLElement {}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"ion-icon\": IonIconProps & React.HTMLAttributes<IonIconElement>;\n    }\n  }\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"goa-icon\": WCProps & React.HTMLAttributes<IonIconElement>;\n    }\n  }\n}\n\nexport type GoAIconType =\n  | \"accessibility\"\n  | \"add-circle\"\n  | \"add\"\n  | \"airplane\"\n  | \"alarm\"\n  | \"albums\"\n  | \"alert-circle\"\n  | \"alert\"\n  | \"american-football\"\n  | \"analytics\"\n  | \"aperture\"\n  | \"apps\"\n  | \"archive\"\n  | \"arrow-back-circle\"\n  | \"arrow-back\"\n  | \"arrow-down-circle\"\n  | \"arrow-down\"\n  | \"arrow-forward-circle\"\n  | \"arrow-forward\"\n  | \"arrow-redo-circle\"\n  | \"arrow-redo\"\n  | \"arrow-undo-circle\"\n  | \"arrow-undo\"\n  | \"arrow-up-circle\"\n  | \"arrow-up\"\n  | \"at-circle\"\n  | \"at\"\n  | \"attach\"\n  | \"backspace\"\n  | \"bag-add\"\n  | \"bag-check\"\n  | \"bag-handle\"\n  | \"bag\"\n  | \"bag-remove\"\n  | \"balloon\"\n  | \"ban\"\n  | \"bandage\"\n  | \"bar-chart\"\n  | \"barbell\"\n  | \"barcode\"\n  | \"baseball\"\n  | \"basket\"\n  | \"basketball\"\n  | \"battery-charging\"\n  | \"battery-dead\"\n  | \"battery-full\"\n  | \"battery-half\"\n  | \"beaker\"\n  | \"bed\"\n  | \"beer\"\n  | \"bicycle\"\n  | \"bluetooth\"\n  | \"boat\"\n  | \"body\"\n  | \"bonfire\"\n  | \"book\"\n  | \"bookmark\"\n  | \"bookmarks\"\n  | \"bowling-ball\"\n  | \"briefcase\"\n  | \"browsers\"\n  | \"brush\"\n  | \"bug\"\n  | \"build\"\n  | \"bulb\"\n  | \"bus\"\n  | \"business\"\n  | \"cafe\"\n  | \"calculator\"\n  | \"calendar-clear\"\n  | \"calendar-number\"\n  | \"calendar\"\n  | \"call\"\n  | \"camera\"\n  | \"camera-reverse\"\n  | \"car\"\n  | \"car-sport\"\n  | \"card\"\n  | \"caret-back-circle\"\n  | \"caret-back\"\n  | \"caret-down-circle\"\n  | \"caret-down\"\n  | \"caret-forward-circle\"\n  | \"caret-forward\"\n  | \"caret-up-circle\"\n  | \"caret-up\"\n  | \"cart\"\n  | \"cash\"\n  | \"cellular\"\n  | \"chatbox-ellipses\"\n  | \"chatbox\"\n  | \"chatbubble-ellipses\"\n  | \"chatbubble\"\n  | \"chatbubbles\"\n  | \"checkbox\"\n  | \"checkmark-circle\"\n  | \"checkmark-done-circle\"\n  | \"checkmark-done\"\n  | \"checkmark\"\n  | \"chevron-back-circle\"\n  | \"chevron-back\"\n  | \"chevron-down-circle\"\n  | \"chevron-down\"\n  | \"chevron-forward-circle\"\n  | \"chevron-forward\"\n  | \"chevron-up-circle\"\n  | \"chevron-up\"\n  | \"clipboard\"\n  | \"close-circle\"\n  | \"close\"\n  | \"cloud-circle\"\n  | \"cloud-done\"\n  | \"cloud-download\"\n  | \"cloud-offline\"\n  | \"cloud\"\n  | \"cloud-upload\"\n  | \"cloudy-night\"\n  | \"cloudy\"\n  | \"code-download\"\n  | \"code\"\n  | \"code-slash\"\n  | \"code-working\"\n  | \"cog\"\n  | \"color-fill\"\n  | \"color-filter\"\n  | \"color-palette\"\n  | \"color-wand\"\n  | \"compass\"\n  | \"construct\"\n  | \"contract\"\n  | \"contrast\"\n  | \"copy\"\n  | \"create\"\n  | \"crop\"\n  | \"cube\"\n  | \"cut\"\n  | \"desktop\"\n  | \"diamond\"\n  | \"dice\"\n  | \"disc\"\n  | \"document-attach\"\n  | \"document-lock\"\n  | \"document\"\n  | \"document-text\"\n  | \"documents\"\n  | \"download\"\n  | \"duplicate\"\n  | \"ear\"\n  | \"earth\"\n  | \"easel\"\n  | \"egg\"\n  | \"ellipse\"\n  | \"ellipsis-horizontal-circle\"\n  | \"ellipsis-horizontal\"\n  | \"ellipsis-vertical-circle\"\n  | \"ellipsis-vertical\"\n  | \"enter\"\n  | \"exit\"\n  | \"expand\"\n  | \"extension-puzzle\"\n  | \"eye-off\"\n  | \"eye\"\n  | \"eyedrop\"\n  | \"fast-food\"\n  | \"female\"\n  | \"file-tray-full\"\n  | \"file-tray\"\n  | \"file-tray-stacked\"\n  | \"filenames.ps1\"\n  | \"film\"\n  | \"filter-circle\"\n  | \"filter\"\n  | \"finger-print\"\n  | \"fish\"\n  | \"fitness\"\n  | \"flag\"\n  | \"flame\"\n  | \"flash-off\"\n  | \"flash\"\n  | \"flashlight\"\n  | \"flask\"\n  | \"flower\"\n  | \"folder-open\"\n  | \"folder\"\n  | \"football\"\n  | \"footsteps\"\n  | \"funnel\"\n  | \"game-controller\"\n  | \"gift\"\n  | \"git-branch\"\n  | \"git-commit\"\n  | \"git-compare\"\n  | \"git-merge\"\n  | \"git-network\"\n  | \"git-pull-request\"\n  | \"glasses\"\n  | \"globe\"\n  | \"golf\"\n  | \"grid\"\n  | \"hammer\"\n  | \"hand-left\"\n  | \"hand-right\"\n  | \"happy\"\n  | \"hardware-chip\"\n  | \"headset\"\n  | \"heart-circle\"\n  | \"heart-dislike-circle\"\n  | \"heart-dislike\"\n  | \"heart-half\"\n  | \"heart\"\n  | \"help-buoy\"\n  | \"help-circle\"\n  | \"help\"\n  | \"home\"\n  | \"hourglass\"\n  | \"ice-cream\"\n  | \"id-card\"\n  | \"image\"\n  | \"images\"\n  | \"infinite\"\n  | \"information-circle\"\n  | \"information\"\n  | \"invert-mode\"\n  | \"journal\"\n  | \"key\"\n  | \"keypad\"\n  | \"language\"\n  | \"laptop\"\n  | \"layers\"\n  | \"leaf\"\n  | \"library\"\n  | \"link\"\n  | \"list-circle\"\n  | \"list\"\n  | \"locate\"\n  | \"location\"\n  | \"lock-closed\"\n  | \"lock-open\"\n  | \"log-in\"\n  | \"log-out\"\n  | \"magnet\"\n  | \"mail-open\"\n  | \"mail\"\n  | \"mail-unread\"\n  | \"male-female\"\n  | \"male\"\n  | \"man\"\n  | \"map\"\n  | \"medal\"\n  | \"medical\"\n  | \"medkit\"\n  | \"megaphone\"\n  | \"menu\"\n  | \"mic-circle\"\n  | \"mic-off-circle\"\n  | \"mic-off\"\n  | \"mic\"\n  | \"moon\"\n  | \"move\"\n  | \"musical-note\"\n  | \"musical-notes\"\n  | \"navigate-circle\"\n  | \"navigate\"\n  | \"newspaper\"\n  | \"notifications-circle\"\n  | \"notifications-off-circle\"\n  | \"notifications-off\"\n  | \"notifications\"\n  | \"nuclear\"\n  | \"nutrition\"\n  | \"open\"\n  | \"options\"\n  | \"paper-plane\"\n  | \"partly-sunny\"\n  | \"pause-circle\"\n  | \"pause\"\n  | \"paw\"\n  | \"pencil\"\n  | \"people-circle\"\n  | \"people\"\n  | \"person-add\"\n  | \"person-circle\"\n  | \"person\"\n  | \"person-remove\"\n  | \"phone-landscape\"\n  | \"phone-portrait\"\n  | \"pie-chart\"\n  | \"pin\"\n  | \"pint\"\n  | \"pizza\"\n  | \"planet\"\n  | \"play-back-circle\"\n  | \"play-back\"\n  | \"play-circle\"\n  | \"play-forward-circle\"\n  | \"play-forward\"\n  | \"play\"\n  | \"play-skip-back-circle\"\n  | \"play-skip-back\"\n  | \"play-skip-forward-circle\"\n  | \"play-skip-forward\"\n  | \"podium\"\n  | \"power\"\n  | \"pricetag\"\n  | \"pricetags\"\n  | \"print\"\n  | \"prism\"\n  | \"pulse\"\n  | \"push\"\n  | \"qr-code\"\n  | \"radio-button-off\"\n  | \"radio-button-on\"\n  | \"radio\"\n  | \"rainy\"\n  | \"reader\"\n  | \"receipt\"\n  | \"recording\"\n  | \"refresh-circle\"\n  | \"refresh\"\n  | \"reload-circle\"\n  | \"reload\"\n  | \"remove-circle\"\n  | \"remove\"\n  | \"reorder-four\"\n  | \"reorder-three\"\n  | \"reorder-two\"\n  | \"repeat\"\n  | \"resize\"\n  | \"restaurant\"\n  | \"return-down-back\"\n  | \"return-down-forward\"\n  | \"return-up-back\"\n  | \"return-up-forward\"\n  | \"ribbon\"\n  | \"rocket\"\n  | \"rose\"\n  | \"sad\"\n  | \"save\"\n  | \"scale\"\n  | \"scan-circle\"\n  | \"scan\"\n  | \"school\"\n  | \"search-circle\"\n  | \"search\"\n  | \"send\"\n  | \"server\"\n  | \"settings\"\n  | \"shapes\"\n  | \"share\"\n  | \"share-social\"\n  | \"shield-checkmark\"\n  | \"shield-half\"\n  | \"shield\"\n  | \"shirt\"\n  | \"shuffle\"\n  | \"skull\"\n  | \"snow\"\n  | \"sparkles\"\n  | \"speedometer\"\n  | \"square\"\n  | \"star-half\"\n  | \"star\"\n  | \"stats-chart\"\n  | \"stop-circle\"\n  | \"stop\"\n  | \"stopwatch\"\n  | \"storefront\"\n  | \"subway\"\n  | \"sunny\"\n  | \"swap-horizontal\"\n  | \"swap-vertical\"\n  | \"sync-circle\"\n  | \"sync\"\n  | \"tablet-landscape\"\n  | \"tablet-portrait\"\n  | \"telescope\"\n  | \"tennisball\"\n  | \"terminal\"\n  | \"text\"\n  | \"thermometer\"\n  | \"thumbs-down\"\n  | \"thumbs-up\"\n  | \"thunderstorm\"\n  | \"ticket\"\n  | \"time\"\n  | \"timer\"\n  | \"today\"\n  | \"toggle\"\n  | \"trail-sign\"\n  | \"train\"\n  | \"transgender\"\n  | \"trash-bin\"\n  | \"trash\"\n  | \"trending-down\"\n  | \"trending-up\"\n  | \"triangle\"\n  | \"trophy\"\n  | \"tv\"\n  | \"umbrella\"\n  | \"unlink\"\n  | \"videocam-off\"\n  | \"videocam\"\n  | \"volume-high\"\n  | \"volume-low\"\n  | \"volume-medium\"\n  | \"volume-mute\"\n  | \"volume-off\"\n  | \"walk\"\n  | \"wallet\"\n  | \"warning\"\n  | \"watch\"\n  | \"water\"\n  | \"wifi\"\n  | \"wine\"\n  | \"woman\"\n  | \"logo-alipay\"\n  | \"logo-amazon\"\n  | \"logo-amplify\"\n  | \"logo-android\"\n  | \"logo-angular\"\n  | \"logo-apple\"\n  | \"logo-apple-appstore\"\n  | \"logo-apple-ar\"\n  | \"logo-behance\"\n  | \"logo-bitbucket\"\n  | \"logo-bitcoin\"\n  | \"logo-buffer\"\n  | \"logo-capacitor\"\n  | \"logo-chrome\"\n  | \"logo-closed-captioning\"\n  | \"logo-codepen\"\n  | \"logo-css3\"\n  | \"logo-designernews\"\n  | \"logo-deviantart\"\n  | \"logo-discord\"\n  | \"logo-docker\"\n  | \"logo-dribbble\"\n  | \"logo-dropbox\"\n  | \"logo-edge\"\n  | \"logo-electron\"\n  | \"logo-euro\"\n  | \"logo-facebook\"\n  | \"logo-figma\"\n  | \"logo-firebase\"\n  | \"logo-firefox\"\n  | \"logo-flickr\"\n  | \"logo-foursquare\"\n  | \"logo-github\"\n  | \"logo-gitlab\"\n  | \"logo-google\"\n  | \"logo-google-playstore\"\n  | \"logo-hackernews\"\n  | \"logo-html5\"\n  | \"logo-instagram\"\n  | \"logo-ionic\"\n  | \"logo-ionitron\"\n  | \"logo-javascript\"\n  | \"logo-laravel\"\n  | \"logo-linkedin\"\n  | \"logo-markdown\"\n  | \"logo-mastodon\"\n  | \"logo-medium\"\n  | \"logo-microsoft\"\n  | \"logo-no-smoking\"\n  | \"logo-nodejs\"\n  | \"logo-npm\"\n  | \"logo-octocat\"\n  | \"logo-paypal\"\n  | \"logo-pinterest\"\n  | \"logo-playstation\"\n  | \"logo-pwa\"\n  | \"logo-python\"\n  | \"logo-react\"\n  | \"logo-reddit\"\n  | \"logo-rss\"\n  | \"logo-sass\"\n  | \"logo-skype\"\n  | \"logo-slack\"\n  | \"logo-snapchat\"\n  | \"logo-soundcloud\"\n  | \"logo-stackoverflow\"\n  | \"logo-steam\"\n  | \"logo-stencil\"\n  | \"logo-tableau\"\n  | \"logo-tiktok\"\n  | \"logo-tumblr\"\n  | \"logo-tux\"\n  | \"logo-twitch\"\n  | \"logo-twitter\"\n  | \"logo-usd\"\n  | \"logo-venmo\"\n  | \"logo-vercel\"\n  | \"logo-vimeo\"\n  | \"logo-vk\"\n  | \"logo-vue\"\n  | \"logo-web-component\"\n  | \"logo-wechat\"\n  | \"logo-whatsapp\"\n  | \"logo-windows\"\n  | \"logo-wordpress\"\n  | \"logo-xbox\"\n  | \"logo-xing\"\n  | \"logo-yahoo\"\n  | \"logo-yen\"\n  | \"logo-youtube\";\n\nexport type GoAIconSize = \"small\" | \"medium\" | \"large\" | \"xlarge\";\nexport type GoAIconVariant = \"primary\" | \"secondary\" | \"tertiary\";\nexport type GoAIconTheme = \"outline\" | \"filled\" | \"sharp\";\n\n// legacy naming\nexport type IconSize = GoAIconSize;\nexport type IconVariant = GoAIconVariant;\nexport type IconTheme = GoAIconTheme;\n\nexport interface GoAIconProps extends Margins {\n  type: GoAIconType;\n  size?: GoAIconSize;\n  theme?: GoAIconTheme;\n  inverted?: string;\n  fillColor?: string;\n  opacity?: number;\n  title?: string;\n  ariaLabel?: string;\n  testId?: string;\n}\n\ninterface WCProps extends Margins {\n  type: GoAIconType;\n  theme?: GoAIconTheme;\n  size?: GoAIconSize;\n  inverted?: string;\n  fillcolor?: string;\n  opacity?: number;\n  title?: string;\n  arialabel?: string;\n  testid?: string;\n}\n\nexport function GoAIcon({\n  type,\n  theme,\n  size,\n  inverted,\n  fillColor,\n  opacity,\n  title,\n  ariaLabel,\n  mt,\n  mr,\n  mb,\n  ml,\n  testId,\n}: GoAIconProps): JSX.Element {\n  return (\n    <goa-icon\n      type={type}\n      theme={theme}\n      size={size}\n      inverted={inverted}\n      fillcolor={fillColor}\n      opacity={opacity}\n      title={title}\n      arialabel={ariaLabel}\n      mt={mt}\n      mr={mr}\n      mb={mb}\n      ml={ml}\n      testid={testId}\n    />\n  );\n}\n"],"names":[],"mappings":";AA2jBO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAE1B,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IAAA;AAAA,EACV;AAEJ;"}

package/index.d.ts

@@ -1,61 +1,61 @@
-export * from "./lib/accordion/accordion";
-export * from "./lib/app-header/app-header";
-export * from "./lib/app-header-menu/app-header-menu";
-export * from "./lib/badge/badge";
-export * from "./lib/block/block";
-export * from "./lib/button/button";
-export * from "./lib/button-group/button-group";
-export * from "./lib/calendar/calendar";
-export * from "./lib/callout/callout";
-export * from "./lib/checkbox/checkbox";
-export * from "./lib/chip/chip";
-export * from "./lib/circular-progress/circular-progress";
-export * from "./lib/container/container";
-export * from "./lib/date-picker/date-picker";
-export * from "./lib/details/details";
-export * from "./lib/divider/divider";
-export * from "./lib/dropdown/dropdown";
-export * from "./lib/dropdown/dropdown-item";
-export * from "./lib/fieldset/fieldset";
-export * from "./lib/file-upload-card/file-upload-card";
-export * from "./lib/file-upload-input/file-upload-input";
-export * from "./lib/footer/footer";
-export * from "./lib/footer-meta-section/footer-meta-section";
-export * from "./lib/footer-nav-section/footer-nav-section";
-export * from "./lib/form-item/form-item";
-export * from "./lib/form-step/form-step";
-export * from "./lib/form-stepper/form-stepper";
-export * from "./lib/grid/grid";
-export * from "./lib/hero-banner/hero-banner";
-export * from "./lib/hero-banner/hero-banner-actions";
-export * from "./lib/icon-button/icon-button";
-export * from "./lib/icon/icon";
-export * from "./lib/input/input";
-export * from "./lib/link/link";
-export * from "./lib/link-button/link-button";
-export * from "./lib/microsite-header/microsite-header";
-export * from "./lib/modal/modal";
-export * from "./lib/notification/notification";
-export * from "./lib/one-column-layout/one-column-layout";
-export * from "./lib/page-block/page-block";
-export * from "./lib/pages/pages";
-export * from "./lib/pagination/pagination";
-export * from "./lib/popover/popover";
-export * from "./lib/radio-group/radio-group";
-export * from "./lib/side-menu-group/side-menu-group";
-export * from "./lib/side-menu-heading/side-menu-heading";
-export * from "./lib/side-menu/side-menu";
-export * from "./lib/skeleton/skeleton";
-export * from "./lib/spacer/spacer";
-export * from "./lib/spinner/spinner";
-export * from "./lib/table/table";
-export * from "./lib/table/table-sort-header";
-export * from "./lib/tabs/tabs";
-export * from "./lib/tab/tab";
-export * from "./lib/text/text";
-export * from "./lib/textarea/textarea";
-export * from "./lib/three-column-layout/three-column-layout";
-export * from "./lib/tooltip/tooltip";
-export * from "./lib/two-column-layout/two-column-layout";
-export * from "./lib/filter-chip/filter-chip";
-export * from "./common/styling";
+export * from './lib/accordion/accordion';
+export * from './lib/app-header/app-header';
+export * from './lib/app-header-menu/app-header-menu';
+export * from './lib/badge/badge';
+export * from './lib/block/block';
+export * from './lib/button/button';
+export * from './lib/button-group/button-group';
+export * from './lib/calendar/calendar';
+export * from './lib/callout/callout';
+export * from './lib/checkbox/checkbox';
+export * from './lib/chip/chip';
+export * from './lib/circular-progress/circular-progress';
+export * from './lib/container/container';
+export * from './lib/date-picker/date-picker';
+export * from './lib/details/details';
+export * from './lib/divider/divider';
+export * from './lib/dropdown/dropdown';
+export * from './lib/dropdown/dropdown-item';
+export * from './lib/fieldset/fieldset';
+export * from './lib/file-upload-card/file-upload-card';
+export * from './lib/file-upload-input/file-upload-input';
+export * from './lib/footer/footer';
+export * from './lib/footer-meta-section/footer-meta-section';
+export * from './lib/footer-nav-section/footer-nav-section';
+export * from './lib/form-item/form-item';
+export * from './lib/form-step/form-step';
+export * from './lib/form-stepper/form-stepper';
+export * from './lib/grid/grid';
+export * from './lib/hero-banner/hero-banner';
+export * from './lib/hero-banner/hero-banner-actions';
+export * from './lib/icon-button/icon-button';
+export * from './lib/icon/icon';
+export * from './lib/input/input';
+export * from './lib/link/link';
+export * from './lib/link-button/link-button';
+export * from './lib/microsite-header/microsite-header';
+export * from './lib/modal/modal';
+export * from './lib/notification/notification';
+export * from './lib/one-column-layout/one-column-layout';
+export * from './lib/page-block/page-block';
+export * from './lib/pages/pages';
+export * from './lib/pagination/pagination';
+export * from './lib/popover/popover';
+export * from './lib/radio-group/radio-group';
+export * from './lib/side-menu-group/side-menu-group';
+export * from './lib/side-menu-heading/side-menu-heading';
+export * from './lib/side-menu/side-menu';
+export * from './lib/skeleton/skeleton';
+export * from './lib/spacer/spacer';
+export * from './lib/spinner/spinner';
+export * from './lib/table/table';
+export * from './lib/table/table-sort-header';
+export * from './lib/tabs/tabs';
+export * from './lib/tab/tab';
+export * from './lib/text/text';
+export * from './lib/textarea/textarea';
+export * from './lib/three-column-layout/three-column-layout';
+export * from './lib/tooltip/tooltip';
+export * from './lib/two-column-layout/two-column-layout';
+export * from './lib/filter-chip/filter-chip';
+export * from './common/styling';

package/index.js

@@ -1751,8 +1751,6 @@ const lightFormatters = {
   }
 };
 const dayPeriodEnum = {
-  am: "am",
-  pm: "pm",
   midnight: "midnight",
   noon: "noon",
   morning: "morning",
@@ -2649,6 +2647,7 @@ function GoAInput({
   name,
   type,
   autoCapitalize,
+  textAlign = "left",
   leadingIcon,
   trailingIcon,
   variant = "goa",
@@ -2726,6 +2725,7 @@ function GoAInput({
       type,
       name,
       autocapitalize: autoCapitalize,
+      textalign: textAlign,
       id,
       leadingicon: leadingIcon,
       trailingicon: trailingIcon,
@@ -2834,14 +2834,17 @@ function GoAInputDateTime({
   value,
   min = "",
   max = "",
+  step,
   ...props
 }) {
+  const formatString = step === 1 ? "yyyy-MM-dd'T'HH:mm:ss" : "yyyy-MM-dd'T'HH:mm";
   return /* @__PURE__ */ jsxRuntime.jsx(
     GoAInput,
     {
       ...props,
+      step,
       onChange: onDateChangeHandler(props.onChange),
-      value: toString(value, "yyyy-MM-dd'T'HH:mm"),
+      value: toString(value, formatString),
       type: "datetime-local"
     }
   );