@digigov/ui 2.0.0-8e254888 → 2.0.0-a32ad9b2

package/cjs/app/Header/HeaderLogo/index.js

@@ -28,14 +28,23 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var HeaderLogo_exports = {};
 __export(HeaderLogo_exports, {
+  HeaderLogo: () => HeaderLogo,
   default: () => HeaderLogo_default
 });
 module.exports = __toCommonJS(HeaderLogo_exports);
-var import_HeaderLogo = __toESM(require("@digigov/react-core/HeaderLogo"));
-__reExport(HeaderLogo_exports, require("@digigov/react-core/HeaderLogo"), module.exports);
-var HeaderLogo_default = import_HeaderLogo.default;
+__reExport(HeaderLogo_exports, require("@digigov/react-core/HeaderLogoBase"), module.exports);
+var import_react = __toESM(require("react"));
+var import_HeaderLogoBase = require("@digigov/react-core/HeaderLogoBase");
+var import_Link = require("@digigov/ui/navigation/Link");
+const HeaderLogo = import_react.default.forwardRef(
+  function HeaderLogo2({ children, ...props }, ref) {
+    return /* @__PURE__ */ import_react.default.createElement(import_HeaderLogoBase.HeaderLogoBase, { as: import_Link.Link, ref, ...props }, children);
+  }
+);
+var HeaderLogo_default = HeaderLogo;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ...require("@digigov/react-core/HeaderLogo")
+  HeaderLogo,
+  ...require("@digigov/react-core/HeaderLogoBase")
 });
 //# sourceMappingURL=HeaderLogo.js.map

package/cjs/app/Header/HeaderLogo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/Header/HeaderLogo.tsx"],
-  "sourcesContent": ["import HeaderLogo from '@digigov/react-core/HeaderLogo';\n\nexport * from '@digigov/react-core/HeaderLogo';\nexport default HeaderLogo;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AAEvB,+BAAc,2CAFd;AAGA,IAAO,qBAAQ,kBAAAA;",
-  "names": ["HeaderLogo"]
+  "sourcesContent": ["export * from '@digigov/react-core/HeaderLogoBase';\nimport React from 'react';\nimport {\n  HeaderLogoBase,\n  HeaderLogoBaseProps,\n} from '@digigov/react-core/HeaderLogoBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface HeaderLogoProps extends HeaderLogoBaseProps {}\n\nexport const HeaderLogo = React.forwardRef<HTMLAnchorElement, HeaderLogoProps>(\n  function HeaderLogo({ children, ...props }, ref) {\n    return (\n      <HeaderLogoBase as={Link} ref={ref} {...props}>\n        {children}\n      </HeaderLogoBase>\n    );\n  }\n);\nexport default HeaderLogo;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAc,+CAAd;AACA,mBAAkB;AAClB,4BAGO;AACP,kBAAqB;AAId,MAAM,aAAa,aAAAA,QAAM;AAAA,EAC9B,SAASC,YAAW,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/C,WACE,6BAAAD,QAAA,cAAC,wCAAe,IAAI,kBAAM,KAAW,GAAG,SACrC,QACH;AAAA,EAEJ;AACF;AACA,IAAO,qBAAQ;",
+  "names": ["React", "HeaderLogo"]
 }

package/cjs/app/Header/HeaderSecondaryLogo/index.js

@@ -16,6 +16,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -27,14 +28,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var HeaderSecondaryLogo_exports = {};
 __export(HeaderSecondaryLogo_exports, {
-  HeaderSecondaryLogo: () => import_HeaderSecondaryLogo.default,
+  HeaderSecondaryLogo: () => HeaderSecondaryLogo,
   default: () => HeaderSecondaryLogo_default
 });
 module.exports = __toCommonJS(HeaderSecondaryLogo_exports);
-var import_HeaderSecondaryLogo = __toESM(require("@digigov/react-core/HeaderSecondaryLogo"));
-var HeaderSecondaryLogo_default = import_HeaderSecondaryLogo.default;
+__reExport(HeaderSecondaryLogo_exports, require("@digigov/react-core/HeaderSecondaryLogoBase"), module.exports);
+var import_react = __toESM(require("react"));
+var import_HeaderSecondaryLogoBase = require("@digigov/react-core/HeaderSecondaryLogoBase");
+var import_Link = require("@digigov/ui/navigation/Link");
+const HeaderSecondaryLogo = import_react.default.forwardRef(function HeaderSecondaryLogo2({ children, ...props }, ref) {
+  return /* @__PURE__ */ import_react.default.createElement(import_HeaderSecondaryLogoBase.HeaderSecondaryLogoBase, { as: import_Link.Link, ref, ...props }, children);
+});
+var HeaderSecondaryLogo_default = HeaderSecondaryLogo;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  HeaderSecondaryLogo
+  HeaderSecondaryLogo,
+  ...require("@digigov/react-core/HeaderSecondaryLogoBase")
 });
 //# sourceMappingURL=HeaderSecondaryLogo.js.map

package/cjs/app/Header/HeaderSecondaryLogo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/Header/HeaderSecondaryLogo.tsx"],
-  "sourcesContent": ["import HeaderSecondaryLogo from '@digigov/react-core/HeaderSecondaryLogo';\n\nexport { HeaderSecondaryLogo };\nexport default HeaderSecondaryLogo;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wDAAAA;AAAA,EAAA;AAAA;AAAA;AAAA,iCAAgC;AAGhC,IAAO,8BAAQ,2BAAAA;",
-  "names": ["HeaderSecondaryLogo"]
+  "sourcesContent": ["export * from '@digigov/react-core/HeaderSecondaryLogoBase';\nimport React from 'react';\nimport {\n  HeaderSecondaryLogoBase,\n  HeaderSecondaryLogoBaseProps,\n} from '@digigov/react-core/HeaderSecondaryLogoBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface HeaderSecondaryLogoProps\n  extends HeaderSecondaryLogoBaseProps {}\n\nexport const HeaderSecondaryLogo = React.forwardRef<\n  HTMLAnchorElement,\n  HeaderSecondaryLogoProps\n>(function HeaderSecondaryLogo({ children, ...props }, ref) {\n  return (\n    <HeaderSecondaryLogoBase as={Link} ref={ref} {...props}>\n      {children}\n    </HeaderSecondaryLogoBase>\n  );\n});\nexport default HeaderSecondaryLogo;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wCAAc,wDAAd;AACA,mBAAkB;AAClB,qCAGO;AACP,kBAAqB;AAKd,MAAM,sBAAsB,aAAAA,QAAM,WAGvC,SAASC,qBAAoB,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1D,SACE,6BAAAD,QAAA,cAAC,0DAAwB,IAAI,kBAAM,KAAW,GAAG,SAC9C,QACH;AAEJ,CAAC;AACD,IAAO,8BAAQ;",
+  "names": ["React", "HeaderSecondaryLogo"]
 }

package/cjs/app/Header/HeaderTitle/index.js

@@ -28,14 +28,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var HeaderTitle_exports = {};
 __export(HeaderTitle_exports, {
+  HeaderTitle: () => HeaderTitle,
   default: () => HeaderTitle_default
 });
 module.exports = __toCommonJS(HeaderTitle_exports);
-var import_HeaderTitle = __toESM(require("@digigov/react-core/HeaderTitle"));
-__reExport(HeaderTitle_exports, require("@digigov/react-core/HeaderTitle"), module.exports);
-var HeaderTitle_default = import_HeaderTitle.default;
+__reExport(HeaderTitle_exports, require("@digigov/react-core/HeaderTitleBase"), module.exports);
+var import_react = __toESM(require("react"));
+var import_HeaderTitleBase = require("@digigov/react-core/HeaderTitleBase");
+var import_Link = require("@digigov/ui/navigation/Link");
+const HeaderTitle = import_react.default.forwardRef(function HeaderTitle2({ children, ...props }, ref) {
+  return /* @__PURE__ */ import_react.default.createElement(import_HeaderTitleBase.HeaderTitleBase, { as: import_Link.Link, ref, ...props }, children);
+});
+var HeaderTitle_default = HeaderTitle;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ...require("@digigov/react-core/HeaderTitle")
+  HeaderTitle,
+  ...require("@digigov/react-core/HeaderTitleBase")
 });
 //# sourceMappingURL=HeaderTitle.js.map

package/cjs/app/Header/HeaderTitle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/Header/HeaderTitle.tsx"],
-  "sourcesContent": ["import HeaderTitle from '@digigov/react-core/HeaderTitle';\n\nexport * from '@digigov/react-core/HeaderTitle';\nexport default HeaderTitle;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAwB;AAExB,gCAAc,4CAFd;AAGA,IAAO,sBAAQ,mBAAAA;",
-  "names": ["HeaderTitle"]
+  "sourcesContent": ["export * from '@digigov/react-core/HeaderTitleBase';\nimport React from 'react';\nimport {\n  HeaderTitleBase,\n  HeaderTitleBaseProps,\n} from '@digigov/react-core/HeaderTitleBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface HeaderTitleProps extends HeaderTitleBaseProps {}\n\nexport const HeaderTitle = React.forwardRef<\n  HTMLAnchorElement,\n  HeaderTitleProps\n>(function HeaderTitle({ children, ...props }, ref) {\n  return (\n    <HeaderTitleBase as={Link} ref={ref} {...props}>\n      {children}\n    </HeaderTitleBase>\n  );\n});\n\nexport default HeaderTitle;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAAc,gDAAd;AACA,mBAAkB;AAClB,6BAGO;AACP,kBAAqB;AAId,MAAM,cAAc,aAAAA,QAAM,WAG/B,SAASC,aAAY,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AAClD,SACE,6BAAAD,QAAA,cAAC,0CAAgB,IAAI,kBAAM,KAAW,GAAG,SACtC,QACH;AAEJ,CAAC;AAED,IAAO,sBAAQ;",
+  "names": ["React", "HeaderTitle"]
 }

package/cjs/app/Modal/hooks/index.js

@@ -33,12 +33,8 @@ module.exports = __toCommonJS(hooks_exports);
 var import_react = __toESM(require("react"));
 const useModal = () => {
   const [currentOpen, setCurrentOpen] = (0, import_react.useState)(null);
-  const modalsRef = (0, import_react.useRef)(
-    /* @__PURE__ */ new Map()
-  );
-  const buttonsRef = (0, import_react.useRef)(
-    /* @__PURE__ */ new Map()
-  );
+  const modalsRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  const buttonsRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
   const open = (0, import_react.useCallback)((id) => {
     setCurrentOpen(id);
   }, []);

package/cjs/app/Modal/hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/Modal/hooks.ts"],
-  "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\n\nexport type ModalId = string | number;\n\nexport interface UseModalReturn {\n  open: (id: ModalId) => void;\n  close: () => void;\n  currentOpen: ModalId | null;\n  registerModal: (\n    id: ModalId,\n    options?: {\n      clickOutside?: boolean;\n      closeOnEscape?: boolean;\n    }\n  ) => {\n    open: boolean;\n    role: string;\n    id: string;\n    'aria-modal': boolean;\n    'aria-labelledby': string;\n    ref?: React.RefObject<HTMLDivElement>;\n  };\n  registerAction: (\n    id: ModalId,\n    type: 'open' | 'close',\n    options?: {\n      variant?: string;\n      color?: string;\n    }\n  ) => {\n    onClick: () => void;\n    ref?: React.RefObject<HTMLButtonElement>;\n  };\n}\n\nexport const useModal = (): UseModalReturn => {\n  const [currentOpen, setCurrentOpen] = useState<ModalId | null>(null);\n  const modalsRef = useRef<Map<ModalId, React.RefObject<HTMLDivElement>>>(\n    new Map()\n  );\n  const buttonsRef = useRef<Map<ModalId, React.RefObject<HTMLButtonElement>>>(\n    new Map()\n  );\n  const open = useCallback((id: ModalId) => {\n    setCurrentOpen(id);\n  }, []);\n\n  const close = useCallback(() => {\n    setCurrentOpen(null);\n  }, []);\n\n  const registerModal = useCallback(\n    (id, options) => {\n      const modalId = `modal-${id}`;\n      if (!modalsRef.current.get(id)?.current) {\n        modalsRef.current.set(id, React.createRef());\n        if (options?.clickOutside && currentOpen === id) {\n          const handleOutsideClick = (event: MouseEvent) => {\n            const modalContainer = document.getElementById(modalId);\n            if (modalContainer === event.target) {\n              close();\n            }\n          };\n          window.addEventListener('mousedown', handleOutsideClick);\n        }\n      }\n      return {\n        open: currentOpen === id,\n        role: 'dialog',\n        id: modalId,\n        onEscape: options?.closeOnEscape ? close : null,\n        'aria-modal': true,\n        'aria-labelledby': `modal-heading-${id}`,\n        ref: modalsRef.current.get(id as string),\n      };\n    },\n    [currentOpen]\n  );\n\n  const registerAction = useCallback(\n    (id: ModalId, type: 'open' | 'close', options) => {\n      if (!buttonsRef.current.has(id)) {\n        buttonsRef.current.set(id, React.createRef());\n      }\n      return {\n        onClick: () => (type === 'open' ? open(id) : close()),\n        ref: buttonsRef.current.get(id),\n        ...options,\n      };\n    },\n    [currentOpen]\n  );\n\n  return {\n    open,\n    close,\n    currentOpen,\n    registerAction,\n    registerModal,\n  };\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqD;AAmC9C,MAAM,WAAW,MAAsB;AAC5C,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAyB,IAAI;AACnE,QAAM,gBAAY;AAAA,IAChB,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,iBAAa;AAAA,IACjB,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,WAAO,0BAAY,CAAC,OAAgB;AACxC,mBAAe,EAAE;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,YAAQ,0BAAY,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,QAAM,oBAAgB;AAAA,IACpB,CAAC,IAAI,YAAY;AACf,YAAM,UAAU,SAAS,EAAE;AAC3B,UAAI,CAAC,UAAU,QAAQ,IAAI,EAAE,GAAG,SAAS;AACvC,kBAAU,QAAQ,IAAI,IAAI,aAAAA,QAAM,UAAU,CAAC;AAC3C,YAAI,SAAS,gBAAgB,gBAAgB,IAAI;AAC/C,gBAAM,qBAAqB,CAAC,UAAsB;AAChD,kBAAM,iBAAiB,SAAS,eAAe,OAAO;AACtD,gBAAI,mBAAmB,MAAM,QAAQ;AACnC,oBAAM;AAAA,YACR;AAAA,UACF;AACA,iBAAO,iBAAiB,aAAa,kBAAkB;AAAA,QACzD;AAAA,MACF;AACA,aAAO;AAAA,QACL,MAAM,gBAAgB;AAAA,QACtB,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,UAAU,SAAS,gBAAgB,QAAQ;AAAA,QAC3C,cAAc;AAAA,QACd,mBAAmB,iBAAiB,EAAE;AAAA,QACtC,KAAK,UAAU,QAAQ,IAAI,EAAY;AAAA,MACzC;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,qBAAiB;AAAA,IACrB,CAAC,IAAa,MAAwB,YAAY;AAChD,UAAI,CAAC,WAAW,QAAQ,IAAI,EAAE,GAAG;AAC/B,mBAAW,QAAQ,IAAI,IAAI,aAAAA,QAAM,UAAU,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,QACL,SAAS,MAAO,SAAS,SAAS,KAAK,EAAE,IAAI,MAAM;AAAA,QACnD,KAAK,WAAW,QAAQ,IAAI,EAAE;AAAA,QAC9B,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\n\nexport type ModalId = string | number;\n\nexport interface UseModalReturn {\n  open: (id: ModalId) => void;\n  close: () => void;\n  currentOpen: ModalId | null;\n  registerModal: (\n    id: ModalId,\n    options?: {\n      clickOutside?: boolean;\n      closeOnEscape?: boolean;\n    }\n  ) => {\n    open: boolean;\n    role: string;\n    id: string;\n    'aria-modal': boolean;\n    'aria-labelledby': string;\n    ref?: React.RefObject<HTMLDivElement | null>;\n  };\n  registerAction: (\n    id: ModalId,\n    type: 'open' | 'close',\n    options?: {\n      variant?: string;\n      color?: string;\n    }\n  ) => {\n    onClick: () => void;\n    ref?: React.RefObject<HTMLButtonElement | null>;\n  };\n}\n\nexport const useModal = (): UseModalReturn => {\n  const [currentOpen, setCurrentOpen] = useState<ModalId | null>(null);\n  const modalsRef = useRef<\n    Map<ModalId, React.RefObject<HTMLDivElement | null>>\n  >(new Map());\n  const buttonsRef = useRef<\n    Map<ModalId, React.RefObject<HTMLButtonElement | null>>\n  >(new Map());\n  const open = useCallback((id: ModalId) => {\n    setCurrentOpen(id);\n  }, []);\n\n  const close = useCallback(() => {\n    setCurrentOpen(null);\n  }, []);\n\n  const registerModal = useCallback(\n    (id, options) => {\n      const modalId = `modal-${id}`;\n      if (!modalsRef.current.get(id)?.current) {\n        modalsRef.current.set(id, React.createRef());\n        if (options?.clickOutside && currentOpen === id) {\n          const handleOutsideClick = (event: MouseEvent) => {\n            const modalContainer = document.getElementById(modalId);\n            if (modalContainer === event.target) {\n              close();\n            }\n          };\n          window.addEventListener('mousedown', handleOutsideClick);\n        }\n      }\n      return {\n        open: currentOpen === id,\n        role: 'dialog',\n        id: modalId,\n        onEscape: options?.closeOnEscape ? close : null,\n        'aria-modal': true,\n        'aria-labelledby': `modal-heading-${id}`,\n        ref: modalsRef.current.get(id as string),\n      };\n    },\n    [currentOpen]\n  );\n\n  const registerAction = useCallback(\n    (id: ModalId, type: 'open' | 'close', options) => {\n      if (!buttonsRef.current.has(id)) {\n        buttonsRef.current.set(id, React.createRef());\n      }\n      return {\n        onClick: () => (type === 'open' ? open(id) : close()),\n        ref: buttonsRef.current.get(id),\n        ...options,\n      };\n    },\n    [currentOpen]\n  );\n\n  return {\n    open,\n    close,\n    currentOpen,\n    registerAction,\n    registerModal,\n  };\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqD;AAmC9C,MAAM,WAAW,MAAsB;AAC5C,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAyB,IAAI;AACnE,QAAM,gBAAY,qBAEhB,oBAAI,IAAI,CAAC;AACX,QAAM,iBAAa,qBAEjB,oBAAI,IAAI,CAAC;AACX,QAAM,WAAO,0BAAY,CAAC,OAAgB;AACxC,mBAAe,EAAE;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,YAAQ,0BAAY,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,QAAM,oBAAgB;AAAA,IACpB,CAAC,IAAI,YAAY;AACf,YAAM,UAAU,SAAS,EAAE;AAC3B,UAAI,CAAC,UAAU,QAAQ,IAAI,EAAE,GAAG,SAAS;AACvC,kBAAU,QAAQ,IAAI,IAAI,aAAAA,QAAM,UAAU,CAAC;AAC3C,YAAI,SAAS,gBAAgB,gBAAgB,IAAI;AAC/C,gBAAM,qBAAqB,CAAC,UAAsB;AAChD,kBAAM,iBAAiB,SAAS,eAAe,OAAO;AACtD,gBAAI,mBAAmB,MAAM,QAAQ;AACnC,oBAAM;AAAA,YACR;AAAA,UACF;AACA,iBAAO,iBAAiB,aAAa,kBAAkB;AAAA,QACzD;AAAA,MACF;AACA,aAAO;AAAA,QACL,MAAM,gBAAgB;AAAA,QACtB,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,UAAU,SAAS,gBAAgB,QAAQ;AAAA,QAC3C,cAAc;AAAA,QACd,mBAAmB,iBAAiB,EAAE;AAAA,QACtC,KAAK,UAAU,QAAQ,IAAI,EAAY;AAAA,MACzC;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,qBAAiB;AAAA,IACrB,CAAC,IAAa,MAAwB,YAAY;AAChD,UAAI,CAAC,WAAW,QAAQ,IAAI,EAAE,GAAG;AAC/B,mBAAW,QAAQ,IAAI,IAAI,aAAAA,QAAM,UAAU,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,QACL,SAAS,MAAO,SAAS,SAAS,KAAK,EAAE,IAAI,MAAM;AAAA,QACnD,KAAK,WAAW,QAAQ,IAAI,EAAE;AAAA,QAC9B,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": ["React"]
 }

package/cjs/app/Modal/index.web/index.js

@@ -46,18 +46,18 @@ const Modal = import_react.default.forwardRef(
 );
 const ModalBase = import_react.default.forwardRef(
   function ModalBase2({ open, children, onEscape, ...props }, ref) {
-    const firstModalElement = (0, import_react.useRef)();
-    const lastModalElement = (0, import_react.useRef)();
+    const firstModalElement = (0, import_react.useRef)(null);
+    const lastModalElement = (0, import_react.useRef)(null);
     const handleFocus = (0, import_react.useCallback)(() => {
-      firstModalElement.current.focus();
+      firstModalElement.current?.focus();
     }, []);
     (0, import_useKeypress.default)("Escape", onEscape);
     (0, import_react.useEffect)(() => {
       const lastModalElementInstance = lastModalElement.current;
       handleFocus();
-      lastModalElementInstance.addEventListener("focus", handleFocus);
+      lastModalElementInstance?.addEventListener("focus", handleFocus);
       return () => {
-        lastModalElementInstance.removeEventListener("focus", handleFocus);
+        lastModalElementInstance?.removeEventListener("focus", handleFocus);
       };
     }, []);
     return /* @__PURE__ */ import_react.default.createElement(

package/cjs/app/Modal/index.web.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/Modal/index.web.tsx"],
-  "sourcesContent": ["import React, { useCallback, useEffect, useRef } from 'react';\nimport ModalContainer, {\n  ModalContainerProps,\n} from '@digigov/react-core/ModalContainer';\nimport useKeypress from '@digigov/ui/utils/hooks/useKeypress';\n\nexport interface ModalProps extends ModalContainerProps {\n  onEscape?: () => void;\n}\n\nexport const Modal = React.forwardRef<HTMLDivElement, ModalProps>(\n  function Modal({ ...props }, ref) {\n    if (props.open) {\n      return <ModalBase {...props} ref={ref} />;\n    } else {\n      return null;\n    }\n  }\n);\n\nexport const ModalBase = React.forwardRef<HTMLDivElement, ModalProps>(\n  function ModalBase({ open, children, onEscape, ...props }, ref) {\n    const firstModalElement =\n      useRef() as React.MutableRefObject<HTMLSpanElement>;\n    const lastModalElement =\n      useRef() as React.MutableRefObject<HTMLSpanElement>;\n    const handleFocus = useCallback(() => {\n      firstModalElement.current.focus();\n    }, []);\n    useKeypress('Escape', onEscape);\n    useEffect(() => {\n      const lastModalElementInstance = lastModalElement.current;\n      handleFocus();\n      lastModalElementInstance.addEventListener('focus', handleFocus);\n      return () => {\n        lastModalElementInstance.removeEventListener('focus', handleFocus);\n      };\n    }, []);\n    return (\n      <ModalContainer\n        open={open}\n        role=\"dialog\"\n        ref={ref}\n        aria-hidden=\"false\"\n        aria-modal=\"true\"\n        {...props}\n      >\n        <span tabIndex={-1} ref={firstModalElement} aria-hidden=\"true\" />\n        {open && children}\n        <span tabIndex={0} ref={lastModalElement} aria-hidden=\"true\" />\n      </ModalContainer>\n    );\n  }\n);\n\nexport default Modal;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsD;AACtD,4BAEO;AACP,yBAAwB;AAMjB,MAAM,QAAQ,aAAAA,QAAM;AAAA,EACzB,SAASC,OAAM,EAAE,GAAG,MAAM,GAAG,KAAK;AAChC,QAAI,MAAM,MAAM;AACd,aAAO,6BAAAD,QAAA,cAAC,aAAW,GAAG,OAAO,KAAU;AAAA,IACzC,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASE,WAAU,EAAE,MAAM,UAAU,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,UAAM,wBACJ,qBAAO;AACT,UAAM,uBACJ,qBAAO;AACT,UAAM,kBAAc,0BAAY,MAAM;AACpC,wBAAkB,QAAQ,MAAM;AAAA,IAClC,GAAG,CAAC,CAAC;AACL,2BAAAC,SAAY,UAAU,QAAQ;AAC9B,gCAAU,MAAM;AACd,YAAM,2BAA2B,iBAAiB;AAClD,kBAAY;AACZ,+BAAyB,iBAAiB,SAAS,WAAW;AAC9D,aAAO,MAAM;AACX,iCAAyB,oBAAoB,SAAS,WAAW;AAAA,MACnE;AAAA,IACF,GAAG,CAAC,CAAC;AACL,WACE,6BAAAH,QAAA;AAAA,MAAC,sBAAAI;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,eAAY;AAAA,QACZ,cAAW;AAAA,QACV,GAAG;AAAA;AAAA,MAEJ,6BAAAJ,QAAA,cAAC,UAAK,UAAU,IAAI,KAAK,mBAAmB,eAAY,QAAO;AAAA,MAC9D,QAAQ;AAAA,MACT,6BAAAA,QAAA,cAAC,UAAK,UAAU,GAAG,KAAK,kBAAkB,eAAY,QAAO;AAAA,IAC/D;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
+  "sourcesContent": ["import React, { useCallback, useEffect, useRef } from 'react';\nimport ModalContainer, {\n  ModalContainerProps,\n} from '@digigov/react-core/ModalContainer';\nimport useKeypress from '@digigov/ui/utils/hooks/useKeypress';\n\nexport interface ModalProps extends ModalContainerProps {\n  onEscape?: () => void;\n}\n\nexport const Modal = React.forwardRef<HTMLDivElement, ModalProps>(\n  function Modal({ ...props }, ref) {\n    if (props.open) {\n      return <ModalBase {...props} ref={ref} />;\n    } else {\n      return null;\n    }\n  }\n);\n\nexport const ModalBase = React.forwardRef<HTMLDivElement, ModalProps>(\n  function ModalBase({ open, children, onEscape, ...props }, ref) {\n    const firstModalElement = useRef<HTMLSpanElement>(null);\n    const lastModalElement = useRef<HTMLSpanElement>(null);\n    const handleFocus = useCallback(() => {\n      firstModalElement.current?.focus();\n    }, []);\n    useKeypress('Escape', onEscape);\n    useEffect(() => {\n      const lastModalElementInstance = lastModalElement.current;\n      handleFocus();\n      lastModalElementInstance?.addEventListener('focus', handleFocus);\n      return () => {\n        lastModalElementInstance?.removeEventListener('focus', handleFocus);\n      };\n    }, []);\n    return (\n      <ModalContainer\n        open={open}\n        role=\"dialog\"\n        ref={ref}\n        aria-hidden=\"false\"\n        aria-modal=\"true\"\n        {...props}\n      >\n        <span tabIndex={-1} ref={firstModalElement} aria-hidden=\"true\" />\n        {open && children}\n        <span tabIndex={0} ref={lastModalElement} aria-hidden=\"true\" />\n      </ModalContainer>\n    );\n  }\n);\n\nexport default Modal;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsD;AACtD,4BAEO;AACP,yBAAwB;AAMjB,MAAM,QAAQ,aAAAA,QAAM;AAAA,EACzB,SAASC,OAAM,EAAE,GAAG,MAAM,GAAG,KAAK;AAChC,QAAI,MAAM,MAAM;AACd,aAAO,6BAAAD,QAAA,cAAC,aAAW,GAAG,OAAO,KAAU;AAAA,IACzC,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASE,WAAU,EAAE,MAAM,UAAU,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,UAAM,wBAAoB,qBAAwB,IAAI;AACtD,UAAM,uBAAmB,qBAAwB,IAAI;AACrD,UAAM,kBAAc,0BAAY,MAAM;AACpC,wBAAkB,SAAS,MAAM;AAAA,IACnC,GAAG,CAAC,CAAC;AACL,2BAAAC,SAAY,UAAU,QAAQ;AAC9B,gCAAU,MAAM;AACd,YAAM,2BAA2B,iBAAiB;AAClD,kBAAY;AACZ,gCAA0B,iBAAiB,SAAS,WAAW;AAC/D,aAAO,MAAM;AACX,kCAA0B,oBAAoB,SAAS,WAAW;AAAA,MACpE;AAAA,IACF,GAAG,CAAC,CAAC;AACL,WACE,6BAAAH,QAAA;AAAA,MAAC,sBAAAI;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,eAAY;AAAA,QACZ,cAAW;AAAA,QACV,GAAG;AAAA;AAAA,MAEJ,6BAAAJ,QAAA,cAAC,UAAK,UAAU,IAAI,KAAK,mBAAmB,eAAY,QAAO;AAAA,MAC9D,QAAQ;AAAA,MACT,6BAAAA,QAAA,cAAC,UAAK,UAAU,GAAG,KAAK,kBAAkB,eAAY,QAAO;AAAA,IAC/D;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
   "names": ["React", "Modal", "ModalBase", "useKeypress", "ModalContainer"]
 }

package/cjs/app/OutdatedBrowserBanner/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/OutdatedBrowserBanner/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { isMobile } from '@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion';\nimport useOutdatedBrowserCheck from '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck';\nimport { WarningText } from '@digigov/ui/feedback/WarningText';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport Link from '@digigov/ui/navigation/Link';\nimport Paragraph from '@digigov/ui/typography/Paragraph';\n\nexport default function OutdatedBrowserBanner(): JSX.Element {\n  const mob = isMobile;\n  const [shouldUpdate, updateLink] = useOutdatedBrowserCheck();\n  const { t } = useTranslation();\n  return (\n    <WarningText>\n      {shouldUpdate ? (\n        <>\n          {mob.any() ? (\n            <>\n              <Paragraph>{t('outdated.mobile')}</Paragraph>\n            </>\n          ) : (\n            <>\n              <Paragraph>\n                {t('outdated.web')}\n                <Link href={updateLink} target=\"_blank\">\n                  {updateLink}{' '}\n                </Link>\n              </Paragraph>\n            </>\n          )}\n        </>\n      ) : (\n        <></>\n      )}\n    </WarningText>\n  );\n}\n\nexport * from '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oCAAyB;AACzB,qCAAoC;AACpC,yBAA4B;AAC5B,kBAA+B;AAC/B,kBAAiB;AACjB,uBAAsB;AAgCtB,0CAAc,gFAtCd;AAQe,SAAR,wBAAsD;AAC3D,QAAM,MAAM;AACZ,QAAM,CAAC,cAAc,UAAU,QAAI,+BAAAA,SAAwB;AAC3D,QAAM,EAAE,EAAE,QAAI,4BAAe;AAC7B,SACE,6BAAAC,QAAA,cAAC,sCACE,eACC,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,IAAI,IAAI,IACP,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,iBAAAC,SAAA,MAAW,EAAE,iBAAiB,CAAE,CACnC,IAEA,6BAAAD,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,iBAAAC,SAAA,MACE,EAAE,cAAc,GACjB,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,MAAM,YAAY,QAAO,YAC5B,YAAY,GACf,CACF,CACF,CAEJ,IAEA,6BAAAF,QAAA,2BAAAA,QAAA,cAAE,CAEN;AAEJ;",
+  "sourcesContent": ["import React, { type JSX } from 'react';\nimport { isMobile } from '@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion';\nimport useOutdatedBrowserCheck from '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck';\nimport { WarningText } from '@digigov/ui/feedback/WarningText';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport Link from '@digigov/ui/navigation/Link';\nimport Paragraph from '@digigov/ui/typography/Paragraph';\n\nexport default function OutdatedBrowserBanner(): JSX.Element {\n  const mob = isMobile;\n  const [shouldUpdate, updateLink] = useOutdatedBrowserCheck();\n  const { t } = useTranslation();\n  return (\n    <WarningText>\n      {shouldUpdate ? (\n        <>\n          {mob.any() ? (\n            <>\n              <Paragraph>{t('outdated.mobile')}</Paragraph>\n            </>\n          ) : (\n            <>\n              <Paragraph>\n                {t('outdated.web')}\n                <Link href={updateLink} target=\"_blank\">\n                  {updateLink}{' '}\n                </Link>\n              </Paragraph>\n            </>\n          )}\n        </>\n      ) : (\n        <></>\n      )}\n    </WarningText>\n  );\n}\n\nexport * from '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,oCAAyB;AACzB,qCAAoC;AACpC,yBAA4B;AAC5B,kBAA+B;AAC/B,kBAAiB;AACjB,uBAAsB;AAgCtB,0CAAc,gFAtCd;AAQe,SAAR,wBAAsD;AAC3D,QAAM,MAAM;AACZ,QAAM,CAAC,cAAc,UAAU,QAAI,+BAAAA,SAAwB;AAC3D,QAAM,EAAE,EAAE,QAAI,4BAAe;AAC7B,SACE,6BAAAC,QAAA,cAAC,sCACE,eACC,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,IAAI,IAAI,IACP,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,iBAAAC,SAAA,MAAW,EAAE,iBAAiB,CAAE,CACnC,IAEA,6BAAAD,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,iBAAAC,SAAA,MACE,EAAE,cAAc,GACjB,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,MAAM,YAAY,QAAO,YAC5B,YAAY,GACf,CACF,CACF,CAEJ,IAEA,6BAAAF,QAAA,2BAAAA,QAAA,cAAE,CAEN;AAEJ;",
   "names": ["useOutdatedBrowserCheck", "React", "Paragraph", "Link"]
 }

package/cjs/app/PhaseBannerHeader/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/PhaseBannerHeader/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport HeaderContent from '@digigov/react-core/HeaderContent';\nimport PhaseBanner from '@digigov/react-core/PhaseBanner';\nimport PhaseBannerHeaderContainer from '@digigov/react-core/PhaseBannerHeaderContainer';\nimport PhaseBannerTag from '@digigov/react-core/PhaseBannerTag';\nimport PhaseBannerText from '@digigov/react-core/PhaseBannerText';\n\ntype DivElementAttributes = JSX.IntrinsicElements['div'];\nexport interface PhaseBannerHeaderProps extends DivElementAttributes {\n  tag?: string;\n  text?: string;\n}\n\nexport const PhaseBannerHeader = React.forwardRef<\n  HTMLDivElement,\n  PhaseBannerHeaderProps\n>(function PhaseBannerHeader({ text, tag, ...props }, ref) {\n  return (\n    <PhaseBannerHeaderContainer {...props} ref={ref}>\n      <HeaderContent>\n        <PhaseBanner>\n          <PhaseBannerTag>{tag}</PhaseBannerTag>\n          <PhaseBannerText>{text}</PhaseBannerText>\n        </PhaseBanner>\n      </HeaderContent>\n    </PhaseBannerHeaderContainer>\n  );\n});\n\nexport default PhaseBannerHeader;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,2BAA0B;AAC1B,yBAAwB;AACxB,wCAAuC;AACvC,4BAA2B;AAC3B,6BAA4B;AAQrB,MAAM,oBAAoB,aAAAA,QAAM,WAGrC,SAASC,mBAAkB,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,KAAK;AACzD,SACE,6BAAAD,QAAA,cAAC,kCAAAE,SAAA,EAA4B,GAAG,OAAO,OACrC,6BAAAF,QAAA,cAAC,qBAAAG,SAAA,MACC,6BAAAH,QAAA,cAAC,mBAAAI,SAAA,MACC,6BAAAJ,QAAA,cAAC,sBAAAK,SAAA,MAAgB,GAAI,GACrB,6BAAAL,QAAA,cAAC,uBAAAM,SAAA,MAAiB,IAAK,CACzB,CACF,CACF;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
+  "sourcesContent": ["import React, { type JSX } from 'react';\nimport HeaderContent from '@digigov/react-core/HeaderContent';\nimport PhaseBanner from '@digigov/react-core/PhaseBanner';\nimport PhaseBannerHeaderContainer from '@digigov/react-core/PhaseBannerHeaderContainer';\nimport PhaseBannerTag from '@digigov/react-core/PhaseBannerTag';\nimport PhaseBannerText from '@digigov/react-core/PhaseBannerText';\n\ntype DivElementAttributes = JSX.IntrinsicElements['div'];\nexport interface PhaseBannerHeaderProps extends DivElementAttributes {\n  tag?: string;\n  text?: string;\n}\n\nexport const PhaseBannerHeader = React.forwardRef<\n  HTMLDivElement,\n  PhaseBannerHeaderProps\n>(function PhaseBannerHeader({ text, tag, ...props }, ref) {\n  return (\n    <PhaseBannerHeaderContainer {...props} ref={ref}>\n      <HeaderContent>\n        <PhaseBanner>\n          <PhaseBannerTag>{tag}</PhaseBannerTag>\n          <PhaseBannerText>{text}</PhaseBannerText>\n        </PhaseBanner>\n      </HeaderContent>\n    </PhaseBannerHeaderContainer>\n  );\n});\n\nexport default PhaseBannerHeader;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,2BAA0B;AAC1B,yBAAwB;AACxB,wCAAuC;AACvC,4BAA2B;AAC3B,6BAA4B;AAQrB,MAAM,oBAAoB,aAAAA,QAAM,WAGrC,SAASC,mBAAkB,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,KAAK;AACzD,SACE,6BAAAD,QAAA,cAAC,kCAAAE,SAAA,EAA4B,GAAG,OAAO,OACrC,6BAAAF,QAAA,cAAC,qBAAAG,SAAA,MACC,6BAAAH,QAAA,cAAC,mBAAAI,SAAA,MACC,6BAAAJ,QAAA,cAAC,sBAAAK,SAAA,MAAgB,GAAI,GACrB,6BAAAL,QAAA,cAAC,uBAAAM,SAAA,MAAiB,IAAK,CACzB,CACF,CACF;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
   "names": ["React", "PhaseBannerHeader", "PhaseBannerHeaderContainer", "HeaderContent", "PhaseBanner", "PhaseBannerTag", "PhaseBannerText"]
 }

package/cjs/app/QrCodeScanner/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/QrCodeScanner/index.tsx"],
-  "sourcesContent": ["import React from 'react';\n\n// @ts-ignore\nconst QrReader = React.lazy(() => import('@uides/react-qr-reader'));\n\nexport interface QrCodeScannerProps {\n  style?: React.CSSProperties;\n  dataType?: 'url' | 'text';\n  legacyMode?: boolean;\n  validate?: (...args) => boolean;\n  onScan: (...args) => void;\n  onError: (err: any, data: any) => void;\n  onLoad?: (...args) => void;\n  onImageLoad?: (...args) => void;\n  delay?: number;\n  facingMode?: 'user' | 'environment';\n  showViewFinder?: boolean;\n  className?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * QRCodeScanner assumes that the data provided inside the QR code image,\n * are a HTTP link, thus it uses the `encodeURI` function to escape\n * all scanned data that will be forwarded to the `onScan` function\n *\n * When a QR code is scanned, before we run the `onScan` callback function,\n * we do the following:\n *\n * 1. Run a validator function provided in the props of QrCodeScanner component\n *    that receives the *raw* scanned data and returns a boolean type. (eg. check\n *    if it's a gov.gr subdomain, or that it matches the current domain)\n * 2. If the validator returns `true`, then construct a URL object from the data provided\n *    and check if the protocol is `https` and the `origin` is the same as the origin of this page\n * 2. Automatically fallback to the `onError` callback function, if the validation or url check fail\n * 3. Finally, run `onScan` callback function with the scanned data encoded as a URI.\n *\n */\n\nexport const QrCodeScanner: React.FC<QrCodeScannerProps> = ({\n  children,\n  validate,\n  onScan,\n  onError,\n  dataType = 'url',\n  legacyMode = false,\n  ...props\n}) => {\n  if (dataType === 'text') {\n    console.warn(\n      `Security Warning! The \\`text\\` dataType could be used to inject XSS code to your application database or user DOM.\n\nIn order to be safe, you can:\n1. Use a sanitizer function inside the \\`onScan\\` callback function that makes sure the data is not posing a threat to your app\n2. Contact @digigov-ui for any further details and feature requests.\n3. Read more about xss https://owasp.org/www-community/attacks/xss/\n`\n    );\n  }\n  const handleOnScan = (data) => {\n    if (data) {\n      if (dataType === 'url') {\n        try {\n          new URL(data);\n        } catch {\n          return onError(\n            new Error(\n              '@digigov-ui XSS Validation failed: qr code payload should follow the pattern `https://dilosi.services.gov.gr/show/:reference_code`'\n            ),\n            data\n          );\n        }\n      }\n      // run a validator function provided by the application code\n      if (validate && !validate(data)) {\n        return onError(\n          new Error('Custom QR Code payload validation failed'),\n          data\n        );\n      }\n      // proceed with application defined callback function\n      onScan(data);\n    }\n  };\n  return (\n    <>\n      <QrReader\n        delay={100}\n        onError={onError}\n        onScan={handleOnScan}\n        legacyMode={legacyMode}\n        {...props}\n      />\n      {children}\n    </>\n  );\n};\n\nexport default QrCodeScanner;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGlB,MAAM,WAAW,aAAAA,QAAM,KAAK,MAAM,OAAO,wBAAwB,CAAC;AAoC3D,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb,GAAG;AACL,MAAM;AACJ,MAAI,aAAa,QAAQ;AACvB,YAAQ;AAAA,MACN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOF;AAAA,EACF;AACA,QAAM,eAAe,CAAC,SAAS;AAC7B,QAAI,MAAM;AACR,UAAI,aAAa,OAAO;AACtB,YAAI;AACF,cAAI,IAAI,IAAI;AAAA,QACd,QAAQ;AACN,iBAAO;AAAA,YACL,IAAI;AAAA,cACF;AAAA,YACF;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAEA,UAAI,YAAY,CAAC,SAAS,IAAI,GAAG;AAC/B,eAAO;AAAA,UACL,IAAI,MAAM,0CAA0C;AAAA,UACpD;AAAA,QACF;AAAA,MACF;AAEA,aAAO,IAAI;AAAA,IACb;AAAA,EACF;AACA,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACC,QACH;AAEJ;AAEA,IAAO,wBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nconst QrReader = React.lazy(() => import('@uides/react-qr-reader'));\n\nexport interface QrCodeScannerProps {\n  style?: React.CSSProperties;\n  dataType?: 'url' | 'text';\n  legacyMode?: boolean;\n  validate?: (...args) => boolean;\n  onScan: (...args) => void;\n  onError: (err: any, data: any) => void;\n  onLoad?: (...args) => void;\n  onImageLoad?: (...args) => void;\n  delay?: number;\n  facingMode?: 'user' | 'environment';\n  showViewFinder?: boolean;\n  className?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * QRCodeScanner assumes that the data provided inside the QR code image,\n * are a HTTP link, thus it uses the `encodeURI` function to escape\n * all scanned data that will be forwarded to the `onScan` function\n *\n * When a QR code is scanned, before we run the `onScan` callback function,\n * we do the following:\n *\n * 1. Run a validator function provided in the props of QrCodeScanner component\n *    that receives the *raw* scanned data and returns a boolean type. (eg. check\n *    if it's a gov.gr subdomain, or that it matches the current domain)\n * 2. If the validator returns `true`, then construct a URL object from the data provided\n *    and check if the protocol is `https` and the `origin` is the same as the origin of this page\n * 2. Automatically fallback to the `onError` callback function, if the validation or url check fail\n * 3. Finally, run `onScan` callback function with the scanned data encoded as a URI.\n *\n */\n\nexport const QrCodeScanner: React.FC<QrCodeScannerProps> = ({\n  children,\n  validate,\n  onScan,\n  onError,\n  dataType = 'url',\n  legacyMode = false,\n  ...props\n}) => {\n  if (dataType === 'text') {\n    console.warn(\n      `Security Warning! The \\`text\\` dataType could be used to inject XSS code to your application database or user DOM.\n\nIn order to be safe, you can:\n1. Use a sanitizer function inside the \\`onScan\\` callback function that makes sure the data is not posing a threat to your app\n2. Contact @digigov-ui for any further details and feature requests.\n3. Read more about xss https://owasp.org/www-community/attacks/xss/\n`\n    );\n  }\n  const handleOnScan = (data) => {\n    if (data) {\n      if (dataType === 'url') {\n        try {\n          new URL(data);\n        } catch {\n          return onError(\n            new Error(\n              '@digigov-ui XSS Validation failed: qr code payload should follow the pattern `https://dilosi.services.gov.gr/show/:reference_code`'\n            ),\n            data\n          );\n        }\n      }\n      // run a validator function provided by the application code\n      if (validate && !validate(data)) {\n        return onError(\n          new Error('Custom QR Code payload validation failed'),\n          data\n        );\n      }\n      // proceed with application defined callback function\n      onScan(data);\n    }\n  };\n  return (\n    <>\n      <QrReader\n        delay={100}\n        onError={onError}\n        onScan={handleOnScan}\n        legacyMode={legacyMode}\n        {...props}\n      />\n      {children}\n    </>\n  );\n};\n\nexport default QrCodeScanner;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,MAAM,WAAW,aAAAA,QAAM,KAAK,MAAM,OAAO,wBAAwB,CAAC;AAoC3D,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb,GAAG;AACL,MAAM;AACJ,MAAI,aAAa,QAAQ;AACvB,YAAQ;AAAA,MACN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOF;AAAA,EACF;AACA,QAAM,eAAe,CAAC,SAAS;AAC7B,QAAI,MAAM;AACR,UAAI,aAAa,OAAO;AACtB,YAAI;AACF,cAAI,IAAI,IAAI;AAAA,QACd,QAAQ;AACN,iBAAO;AAAA,YACL,IAAI;AAAA,cACF;AAAA,YACF;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAEA,UAAI,YAAY,CAAC,SAAS,IAAI,GAAG;AAC/B,eAAO;AAAA,UACL,IAAI,MAAM,0CAA0C;AAAA,UACpD;AAAA,QACF;AAAA,MACF;AAEA,aAAO,IAAI;AAAA,IACb;AAAA,EACF;AACA,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACC,QACH;AAEJ;AAEA,IAAO,wBAAQ;",
   "names": ["React"]
 }

package/cjs/app/Skeleton/Skeleton.stories/index.js

@@ -36,6 +36,7 @@ __export(Skeleton_stories_exports, {
   TextSizes: () => import_TextSizes.TextSizes,
   UnderTypography: () => import_UnderTypography.UnderTypography,
   WithChildren: () => import_WithChildren.WithChildren,
+  WithControls: () => WithControls,
   default: () => Skeleton_stories_default
 });
 module.exports = __toCommonJS(Skeleton_stories_exports);
@@ -55,6 +56,33 @@ var Skeleton_stories_default = {
   component: import_Skeleton.default,
   displayName: "Skeleton"
 };
+const WithControls = {
+  args: {
+    variant: "text",
+    fontSize: "sm",
+    animation: false
+  },
+  argTypes: {
+    variant: {
+      options: ["circular", "rectangular", "text", "button"],
+      control: { type: "radio" }
+    },
+    fontSize: {
+      options: ["xs", "sm", "md", "lg", "xl"],
+      control: { type: "select" },
+      if: { arg: "variant", eq: "text" }
+    },
+    width: {
+      control: { type: "number", min: 0 }
+    },
+    height: {
+      control: { type: "number", min: 0 }
+    },
+    animation: {
+      control: { type: "boolean" }
+    }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Button,
@@ -65,6 +93,7 @@ var Skeleton_stories_default = {
   SpecificWidthAndHeight,
   TextSizes,
   UnderTypography,
-  WithChildren
+  WithChildren,
+  WithControls
 });
 //# sourceMappingURL=Skeleton.stories.js.map

package/cjs/app/Skeleton/Skeleton.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/Skeleton/Skeleton.stories.js"],
-  "sourcesContent": ["import Skeleton from '@digigov/ui/app/Skeleton';\nexport default {\n  title: 'Digigov UI/app/Skeleton',\n  description:\n    'Use a set of Skeleton components to display placeholder content when data is loading.',\n\n  component: Skeleton,\n  displayName: 'Skeleton',\n};\nexport { Default } from '@digigov/ui/app/Skeleton/__stories__/Default';\nexport { TextSizes } from '@digigov/ui/app/Skeleton/__stories__/TextSizes';\nexport { Rectangular } from '@digigov/ui/app/Skeleton/__stories__/Rectangular';\nexport { Circular } from '@digigov/ui/app/Skeleton/__stories__/Circular';\nexport { Button } from '@digigov/ui/app/Skeleton/__stories__/Button';\nexport { NoAnimation } from '@digigov/ui/app/Skeleton/__stories__/NoAnimation';\nexport { SpecificWidthAndHeight } from '@digigov/ui/app/Skeleton/__stories__/SpecificWidthAndHeight';\nexport { UnderTypography } from '@digigov/ui/app/Skeleton/__stories__/UnderTypography';\nexport { WithChildren } from '@digigov/ui/app/Skeleton/__stories__/WithChildren';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqB;AASrB,qBAAwB;AACxB,uBAA0B;AAC1B,yBAA4B;AAC5B,sBAAyB;AACzB,oBAAuB;AACvB,yBAA4B;AAC5B,oCAAuC;AACvC,6BAAgC;AAChC,0BAA6B;AAhB7B,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EAEF,WAAW,gBAAAA;AAAA,EACX,aAAa;AACf;",
+  "sourcesContent": ["import Skeleton from '@digigov/ui/app/Skeleton';\nexport default {\n  title: 'Digigov UI/app/Skeleton',\n  description:\n    'Use a set of Skeleton components to display placeholder content when data is loading.',\n\n  component: Skeleton,\n  displayName: 'Skeleton',\n};\n\nexport const WithControls = {\n  args: {\n    variant: 'text',\n    fontSize: 'sm',\n    animation: false,\n  },\n\n  argTypes: {\n    variant: {\n      options: ['circular', 'rectangular', 'text', 'button'],\n      control: { type: 'radio' },\n    },\n    fontSize: {\n      options: ['xs', 'sm', 'md', 'lg', 'xl'],\n      control: { type: 'select' },\n      if: { arg: 'variant', eq: 'text' },\n    },\n    width: {\n      control: { type: 'number', min: 0 },\n    },\n    height: {\n      control: { type: 'number', min: 0 },\n    },\n    animation: {\n      control: { type: 'boolean' },\n    },\n  },\n};\n\nexport { Default } from '@digigov/ui/app/Skeleton/__stories__/Default';\nexport { TextSizes } from '@digigov/ui/app/Skeleton/__stories__/TextSizes';\nexport { Rectangular } from '@digigov/ui/app/Skeleton/__stories__/Rectangular';\nexport { Circular } from '@digigov/ui/app/Skeleton/__stories__/Circular';\nexport { Button } from '@digigov/ui/app/Skeleton/__stories__/Button';\nexport { NoAnimation } from '@digigov/ui/app/Skeleton/__stories__/NoAnimation';\nexport { SpecificWidthAndHeight } from '@digigov/ui/app/Skeleton/__stories__/SpecificWidthAndHeight';\nexport { UnderTypography } from '@digigov/ui/app/Skeleton/__stories__/UnderTypography';\nexport { WithChildren } from '@digigov/ui/app/Skeleton/__stories__/WithChildren';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqB;AAuCrB,qBAAwB;AACxB,uBAA0B;AAC1B,yBAA4B;AAC5B,sBAAyB;AACzB,oBAAuB;AACvB,yBAA4B;AAC5B,oCAAuC;AACvC,6BAAgC;AAChC,0BAA6B;AA9C7B,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EAEF,WAAW,gBAAAA;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AAAA,EAEA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,YAAY,eAAe,QAAQ,QAAQ;AAAA,MACrD,SAAS,EAAE,MAAM,QAAQ;AAAA,IAC3B;AAAA,IACA,UAAU;AAAA,MACR,SAAS,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;AAAA,MACtC,SAAS,EAAE,MAAM,SAAS;AAAA,MAC1B,IAAI,EAAE,KAAK,WAAW,IAAI,OAAO;AAAA,IACnC;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU,KAAK,EAAE;AAAA,IACpC;AAAA,IACA,QAAQ;AAAA,MACN,SAAS,EAAE,MAAM,UAAU,KAAK,EAAE;AAAA,IACpC;AAAA,IACA,WAAW;AAAA,MACT,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,EACF;AACF;",
   "names": ["Skeleton"]
 }

package/cjs/content/Accordion/Accordion.stories/index.js

@@ -29,12 +29,15 @@ var Accordion_stories_exports = {};
 __export(Accordion_stories_exports, {
   Auto: () => import_Auto.Auto,
   Default: () => import_Default.Default,
+  WithControls: () => WithControls,
   WithHints: () => import_WithHints.WithHints,
   WithHook: () => import_WithHook.WithHook,
   default: () => Accordion_stories_default
 });
 module.exports = __toCommonJS(Accordion_stories_exports);
-var import_Accordion = __toESM(require("@digigov/ui/content/Accordion"));
+var import_react = __toESM(require("react"));
+var import_Accordion = require("@digigov/ui/content/Accordion");
+var import_Hint = require("@digigov/ui/typography/Hint");
 var import_Default = require("@digigov/ui/content/Accordion/__stories__/Default");
 var import_WithHints = require("@digigov/ui/content/Accordion/__stories__/WithHints");
 var import_WithHook = require("@digigov/ui/content/Accordion/__stories__/WithHook");
@@ -44,13 +47,62 @@ var Accordion_stories_default = {
   tags: ["Experimental"],
   description: "The accordion component lets users show and hide sections of related content on a page.",
   link: "https://guide.services.gov.gr/docs/components/accordion",
-  component: import_Accordion.default,
+  component: import_Accordion.Accordion,
   displayName: "Accordion"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_Accordion.Accordion,
+      {
+        horizontalBorders: args.horizontalBorders,
+        summaryColor: args.summaryColor,
+        dense: args.dense
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_Accordion.AccordionSection, { open: true }, /* @__PURE__ */ import_react.default.createElement(import_Accordion.AccordionSectionSummary, null, /* @__PURE__ */ import_react.default.createElement(import_Accordion.AccordionSectionSummaryHeading, { "aria-controls": "content1" }, args.title), args.hint > 0 && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, null, args.hintMessage)), /* @__PURE__ */ import_react.default.createElement(import_Accordion.AccordionSectionContent, { id: "content1" }, args.content))
+    );
+  },
+  args: {
+    title: "\u0394\u03B9\u03B1\u03C6\u03BF\u03C1\u03AD\u03C2 \u03BC\u03B5 \u03C4\u03BF \u03B4\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF",
+    hint: true,
+    hintMessage: "\u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AD\u03C2 \u03BA\u03B1\u03B9 \u03B5\u03BE\u03C9\u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AD\u03C2 \u03B4\u03B9\u03B1\u03C6\u03BF\u03C1\u03AD\u03C2 \u03BC\u03B5 \u03C4\u03BF \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF, \u03B5\u03BA\u03BA\u03B1\u03B8\u03AC\u03C1\u03B9\u03C3\u03B7 \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03CE\u03BD \u03B4\u03B1\u03C0\u03B1\u03BD\u03CE\u03BD \u03BA.\u03AC.",
+    content: "\u03A0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B4\u03B9\u03B1\u03B8\u03AD\u03C3\u03B9\u03BC\u03B7 \u03BA\u03B1\u03B9 \u03B5\u03BD\u03B5\u03C1\u03B3\u03AE \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03AC \u03C4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2.",
+    horizontalBorders: "top",
+    summaryColor: "primary",
+    dense: false
+  },
+  argTypes: {
+    title: {
+      control: { type: "text" }
+    },
+    hint: {
+      control: { type: "boolean" }
+    },
+    hintMessage: {
+      control: { type: "text" },
+      if: { arg: "hint", eq: true }
+    },
+    content: {
+      control: { type: "text" }
+    },
+    horizontalBorders: {
+      options: ["none", "top", "bottom"],
+      control: { type: "select" }
+    },
+    summaryColor: {
+      options: ["primary", "secondary"],
+      control: { type: "select" }
+    },
+    dense: {
+      control: { type: "boolean" }
+    }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Auto,
   Default,
+  WithControls,
   WithHints,
   WithHook
 });

package/cjs/content/Accordion/Accordion.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/content/Accordion/Accordion.stories.js"],
-  "sourcesContent": ["import Accordion from '@digigov/ui/content/Accordion';\nexport default {\n  title: 'Digigov UI/content/Accordion',\n  tags: ['Experimental'],\n  description:\n    'The accordion component lets users show and hide sections of related content on a page.',\n  link: 'https://guide.services.gov.gr/docs/components/accordion',\n  component: Accordion,\n  displayName: 'Accordion',\n};\nexport { Default } from '@digigov/ui/content/Accordion/__stories__/Default';\nexport { WithHints } from '@digigov/ui/content/Accordion/__stories__/WithHints';\nexport { WithHook } from '@digigov/ui/content/Accordion/__stories__/WithHook';\nexport { Auto } from '@digigov/ui/content/Accordion/__stories__/Auto';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AAUtB,qBAAwB;AACxB,uBAA0B;AAC1B,sBAAyB;AACzB,kBAAqB;AAZrB,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,MAAM,CAAC,cAAc;AAAA,EACrB,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,iBAAAA;AAAA,EACX,aAAa;AACf;",
-  "names": ["Accordion"]
+  "sources": ["../../../../src/content/Accordion/Accordion.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  Accordion,\n  AccordionSection,\n  AccordionSectionContent,\n  AccordionSectionSummary,\n  AccordionSectionSummaryHeading,\n} from '@digigov/ui/content/Accordion';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport default {\n  title: 'Digigov UI/content/Accordion',\n  tags: ['Experimental'],\n  description:\n    'The accordion component lets users show and hide sections of related content on a page.',\n  link: 'https://guide.services.gov.gr/docs/components/accordion',\n  component: Accordion,\n  displayName: 'Accordion',\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <Accordion\n        horizontalBorders={args.horizontalBorders}\n        summaryColor={args.summaryColor}\n        dense={args.dense}\n      >\n        <AccordionSection open>\n          <AccordionSectionSummary>\n            <AccordionSectionSummaryHeading aria-controls=\"content1\">\n              {args.title}\n            </AccordionSectionSummaryHeading>\n            {args.hint > 0 && <Hint>{args.hintMessage}</Hint>}\n          </AccordionSectionSummary>\n          <AccordionSectionContent id=\"content1\">\n            {args.content}\n          </AccordionSectionContent>\n        </AccordionSection>\n      </Accordion>\n    );\n  },\n  args: {\n    title: '\u0394\u03B9\u03B1\u03C6\u03BF\u03C1\u03AD\u03C2 \u03BC\u03B5 \u03C4\u03BF \u03B4\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF',\n    hint: true,\n    hintMessage:\n      '\u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AD\u03C2 \u03BA\u03B1\u03B9 \u03B5\u03BE\u03C9\u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AD\u03C2 \u03B4\u03B9\u03B1\u03C6\u03BF\u03C1\u03AD\u03C2 \u03BC\u03B5 \u03C4\u03BF \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF, \u03B5\u03BA\u03BA\u03B1\u03B8\u03AC\u03C1\u03B9\u03C3\u03B7 \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03CE\u03BD \u03B4\u03B1\u03C0\u03B1\u03BD\u03CE\u03BD \u03BA.\u03AC.',\n    content:\n      '\u03A0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B4\u03B9\u03B1\u03B8\u03AD\u03C3\u03B9\u03BC\u03B7 \u03BA\u03B1\u03B9 \u03B5\u03BD\u03B5\u03C1\u03B3\u03AE \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03AC \u03C4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2.',\n    horizontalBorders: 'top',\n    summaryColor: 'primary',\n    dense: false,\n  },\n  argTypes: {\n    title: {\n      control: { type: 'text' },\n    },\n    hint: {\n      control: { type: 'boolean' },\n    },\n    hintMessage: {\n      control: { type: 'text' },\n      if: { arg: 'hint', eq: true },\n    },\n    content: {\n      control: { type: 'text' },\n    },\n    horizontalBorders: {\n      options: ['none', 'top', 'bottom'],\n      control: { type: 'select' },\n    },\n    summaryColor: {\n      options: ['primary', 'secondary'],\n      control: { type: 'select' },\n    },\n    dense: {\n      control: { type: 'boolean' },\n    },\n  },\n};\n\nexport { Default } from '@digigov/ui/content/Accordion/__stories__/Default';\nexport { WithHints } from '@digigov/ui/content/Accordion/__stories__/WithHints';\nexport { WithHook } from '@digigov/ui/content/Accordion/__stories__/WithHook';\nexport { Auto } from '@digigov/ui/content/Accordion/__stories__/Auto';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,uBAMO;AACP,kBAAqB;AAyErB,qBAAwB;AACxB,uBAA0B;AAC1B,sBAAyB;AACzB,kBAAqB;AA1ErB,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,MAAM,CAAC,cAAc;AAAA,EACrB,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,mBAAmB,KAAK;AAAA,QACxB,cAAc,KAAK;AAAA,QACnB,OAAO,KAAK;AAAA;AAAA,MAEZ,6BAAAA,QAAA,cAAC,qCAAiB,MAAI,QACpB,6BAAAA,QAAA,cAAC,gDACC,6BAAAA,QAAA,cAAC,mDAA+B,iBAAc,cAC3C,KAAK,KACR,GACC,KAAK,OAAO,KAAK,6BAAAA,QAAA,cAAC,wBAAM,KAAK,WAAY,CAC5C,GACA,6BAAAA,QAAA,cAAC,4CAAwB,IAAG,cACzB,KAAK,OACR,CACF;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aACE;AAAA,IACF,SACE;AAAA,IACF,mBAAmB;AAAA,IACnB,cAAc;AAAA,IACd,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,MAAM;AAAA,MACJ,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,aAAa;AAAA,MACX,SAAS,EAAE,MAAM,OAAO;AAAA,MACxB,IAAI,EAAE,KAAK,QAAQ,IAAI,KAAK;AAAA,IAC9B;AAAA,IACA,SAAS;AAAA,MACP,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,mBAAmB;AAAA,MACjB,SAAS,CAAC,QAAQ,OAAO,QAAQ;AAAA,MACjC,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,cAAc;AAAA,MACZ,SAAS,CAAC,WAAW,WAAW;AAAA,MAChC,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,EACF;AACF;",
+  "names": ["React"]
 }

package/cjs/content/Accordion/hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/Accordion/hooks.ts"],
-  "sourcesContent": ["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nexport type AccordionItemId = string | number;\n\nexport interface UseAccordionProps {\n  defaultOpen?: AccordionItemId;\n  singleOpen?: boolean;\n}\nexport interface UseAccordionSectionProps {\n  ref: React.RefObject<HTMLDetailsElement>;\n  open: boolean;\n  onToggle: (\n    e: React.MouseEvent | React.SyntheticEvent<HTMLElement, Event> | Event\n  ) => void;\n  onKeyDown: (e: React.KeyboardEvent) => void;\n  role: string;\n  // tabIndex: number;\n  'aria-expanded': boolean | undefined;\n}\n\nexport interface UseAccordionReturn {\n  section: (id: AccordionItemId) => UseAccordionSectionProps;\n  open: (id: AccordionItemId) => void;\n  close: (id: AccordionItemId) => void;\n  openAll: () => void;\n  closeAll: () => void;\n  onOpen: (id: AccordionItemId) => void;\n  hasOpen: boolean;\n  currentOpen?: AccordionItemId | AccordionItemId[] | null;\n}\n\nexport const useAccordion = ({\n  defaultOpen,\n  singleOpen = false,\n}: UseAccordionProps = {}): UseAccordionReturn => {\n  const sectionsRef = useRef<\n    Map<AccordionItemId, React.RefObject<HTMLDetailsElement>>\n  >(new Map());\n  const [current, setCurrentOpen] = useState(\n    defaultOpen ? { [defaultOpen]: true } : {}\n  );\n  const getCurrentOpen = (): AccordionItemId | AccordionItemId[] | null => {\n    const openSections: AccordionItemId[] = [];\n    sectionsRef.current.forEach((ref, id) => {\n      if (ref.current?.open) {\n        openSections.push(id);\n      }\n    });\n\n    if (singleOpen) {\n      return openSections[0] || null;\n    }\n    return openSections.length ? openSections : null;\n  };\n\n  const open = (id: AccordionItemId) => {\n    sectionsRef?.current?.get(id)?.current?.setAttribute('open', '');\n  };\n\n  const close = (id: AccordionItemId) => {\n    sectionsRef.current.get(id)?.current?.removeAttribute('open');\n  };\n\n  const openAll = () => {\n    if (singleOpen) {\n      throw new Error('Cannot open all sections when singleOpen is true');\n    }\n    sectionsRef.current.forEach((ref) => ref.current?.setAttribute('open', ''));\n  };\n\n  const closeAll = () => {\n    sectionsRef.current.forEach((ref) => ref.current?.removeAttribute('open'));\n  };\n\n  const navigateTo = useCallback(\n    (direction: 'next' | 'previous') => {\n      const activeElement = document.activeElement;\n      if (!activeElement) return;\n      const focusableElements = Array.from(\n        document.querySelectorAll('summary')\n      );\n      const currentIndex = focusableElements.indexOf(\n        activeElement as HTMLElement\n      );\n      let nextIndex;\n      if (direction === 'next') {\n        nextIndex =\n          currentIndex >= 0 ? currentIndex + 1 : focusableElements.length - 1;\n      } else if (direction === 'previous') {\n        nextIndex =\n          currentIndex <= focusableElements.length - 1 ? currentIndex - 1 : 0;\n      }\n      const nextElement = focusableElements[nextIndex];\n      if (nextElement) {\n        nextElement.focus();\n      }\n    },\n    [current]\n  );\n\n  const section = useCallback(\n    (id: AccordionItemId) => {\n      if (!sectionsRef.current.has(id)) {\n        sectionsRef.current.set(id, React.createRef());\n      }\n      const ref = sectionsRef.current.get(\n        id\n      ) as React.RefObject<HTMLDetailsElement>;\n\n      const onToggle = (e) => {\n        if (singleOpen && e.target?.open) {\n          sectionsRef.current.forEach((sectionRef, sectionId) => {\n            if (sectionId === id) {\n              setCurrentOpen({ ...current, [id]: e.target?.open });\n            }\n            if (sectionId !== id && sectionRef.current?.hasAttribute('open')) {\n              sectionRef.current?.removeAttribute('open');\n            }\n          });\n        } else {\n          setCurrentOpen({ ...current, [id]: e.target?.open });\n        }\n      };\n\n      const onKeyDown = (e: React.KeyboardEvent) => {\n        switch (e.key) {\n          case 'ArrowDown':\n            e.preventDefault(); // Prevent scrolling if needed\n            navigateTo('next');\n            break;\n          case 'ArrowUp':\n            e.preventDefault(); // Prevent scrolling if needed\n            navigateTo('previous');\n            break;\n          case 'Enter':\n            e.preventDefault(); // Prevent form submission if needed\n            if (ref?.current?.hasAttribute('open')) {\n              close(id);\n            } else {\n              open(id);\n            }\n            break;\n        }\n      };\n\n      return {\n        ref,\n        open: ref?.current?.hasAttribute('open') || false,\n        onToggle,\n        onKeyDown,\n        role: 'button',\n        'aria-expanded': ref?.current?.hasAttribute('open'),\n      };\n    },\n    [current]\n  );\n  const hasOpen = useCallback(() => {\n    return getCurrentOpen() !== null;\n  }, []);\n  useEffect(() => {\n    if (defaultOpen) {\n      if (Array.isArray(defaultOpen)) {\n        defaultOpen.forEach((id) => open(id));\n      } else {\n        open(defaultOpen);\n      }\n    }\n  }, [defaultOpen]);\n  return {\n    section,\n    open,\n    close,\n    hasOpen: hasOpen(),\n    openAll,\n    closeAll,\n    onOpen: open,\n    currentOpen: Object.keys(current).length ? getCurrentOpen() : null,\n  };\n};\n\nexport default useAccordion;\n"],
+  "sourcesContent": ["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nexport type AccordionItemId = string | number;\n\nexport interface UseAccordionProps {\n  defaultOpen?: AccordionItemId;\n  singleOpen?: boolean;\n}\nexport interface UseAccordionSectionProps {\n  ref: React.RefObject<HTMLDetailsElement>;\n  open: boolean;\n  onToggle: (\n    e: React.MouseEvent | React.SyntheticEvent<HTMLElement, Event> | Event\n  ) => void;\n  onKeyDown: (e: React.KeyboardEvent) => void;\n  role: string;\n  // tabIndex: number;\n  'aria-expanded': boolean | undefined;\n}\n\nexport interface UseAccordionReturn {\n  section: (id: AccordionItemId) => UseAccordionSectionProps;\n  open: (id: AccordionItemId) => void;\n  close: (id: AccordionItemId) => void;\n  openAll: () => void;\n  closeAll: () => void;\n  onOpen: (id: AccordionItemId) => void;\n  hasOpen: boolean;\n  currentOpen?: AccordionItemId | AccordionItemId[] | null;\n}\n\nexport const useAccordion = ({\n  defaultOpen,\n  singleOpen = false,\n}: UseAccordionProps = {}): UseAccordionReturn => {\n  const sectionsRef = useRef<\n    Map<AccordionItemId, React.RefObject<HTMLDetailsElement | null>>\n  >(new Map());\n  const [current, setCurrentOpen] = useState(\n    defaultOpen ? { [defaultOpen]: true } : {}\n  );\n  const getCurrentOpen = (): AccordionItemId | AccordionItemId[] | null => {\n    const openSections: AccordionItemId[] = [];\n    sectionsRef.current.forEach((ref, id) => {\n      if (ref.current?.open) {\n        openSections.push(id);\n      }\n    });\n\n    if (singleOpen) {\n      return openSections[0] || null;\n    }\n    return openSections.length ? openSections : null;\n  };\n\n  const open = (id: AccordionItemId) => {\n    sectionsRef?.current?.get(id)?.current?.setAttribute('open', '');\n  };\n\n  const close = (id: AccordionItemId) => {\n    sectionsRef.current.get(id)?.current?.removeAttribute('open');\n  };\n\n  const openAll = () => {\n    if (singleOpen) {\n      throw new Error('Cannot open all sections when singleOpen is true');\n    }\n    sectionsRef.current.forEach((ref) => ref.current?.setAttribute('open', ''));\n  };\n\n  const closeAll = () => {\n    sectionsRef.current.forEach((ref) => ref.current?.removeAttribute('open'));\n  };\n\n  const navigateTo = useCallback(\n    (direction: 'next' | 'previous') => {\n      const activeElement = document.activeElement;\n      if (!activeElement) return;\n      const focusableElements = Array.from(\n        document.querySelectorAll('summary')\n      );\n      const currentIndex = focusableElements.indexOf(\n        activeElement as HTMLElement\n      );\n      let nextIndex;\n      if (direction === 'next') {\n        nextIndex =\n          currentIndex >= 0 ? currentIndex + 1 : focusableElements.length - 1;\n      } else if (direction === 'previous') {\n        nextIndex =\n          currentIndex <= focusableElements.length - 1 ? currentIndex - 1 : 0;\n      }\n      const nextElement = focusableElements[nextIndex];\n      if (nextElement) {\n        nextElement.focus();\n      }\n    },\n    [current]\n  );\n\n  const section = useCallback(\n    (id: AccordionItemId) => {\n      if (!sectionsRef.current.has(id)) {\n        sectionsRef.current.set(id, React.createRef());\n      }\n      const ref = sectionsRef.current.get(\n        id\n      ) as React.RefObject<HTMLDetailsElement>;\n\n      const onToggle = (e) => {\n        if (singleOpen && e.target?.open) {\n          sectionsRef.current.forEach((sectionRef, sectionId) => {\n            if (sectionId === id) {\n              setCurrentOpen({ ...current, [id]: e.target?.open });\n            }\n            if (sectionId !== id && sectionRef.current?.hasAttribute('open')) {\n              sectionRef.current?.removeAttribute('open');\n            }\n          });\n        } else {\n          setCurrentOpen({ ...current, [id]: e.target?.open });\n        }\n      };\n\n      const onKeyDown = (e: React.KeyboardEvent) => {\n        switch (e.key) {\n          case 'ArrowDown':\n            e.preventDefault(); // Prevent scrolling if needed\n            navigateTo('next');\n            break;\n          case 'ArrowUp':\n            e.preventDefault(); // Prevent scrolling if needed\n            navigateTo('previous');\n            break;\n          case 'Enter':\n            e.preventDefault(); // Prevent form submission if needed\n            if (ref?.current?.hasAttribute('open')) {\n              close(id);\n            } else {\n              open(id);\n            }\n            break;\n        }\n      };\n\n      return {\n        ref,\n        open: ref?.current?.hasAttribute('open') || false,\n        onToggle,\n        onKeyDown,\n        role: 'button',\n        'aria-expanded': ref?.current?.hasAttribute('open'),\n      };\n    },\n    [current]\n  );\n  const hasOpen = useCallback(() => {\n    return getCurrentOpen() !== null;\n  }, []);\n  useEffect(() => {\n    if (defaultOpen) {\n      if (Array.isArray(defaultOpen)) {\n        defaultOpen.forEach((id) => open(id));\n      } else {\n        open(defaultOpen);\n      }\n    }\n  }, [defaultOpen]);\n  return {\n    section,\n    open,\n    close,\n    hasOpen: hasOpen(),\n    openAll,\n    closeAll,\n    onOpen: open,\n    currentOpen: Object.keys(current).length ? getCurrentOpen() : null,\n  };\n};\n\nexport default useAccordion;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgE;AA+BzD,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA,aAAa;AACf,IAAuB,CAAC,MAA0B;AAChD,QAAM,kBAAc,qBAElB,oBAAI,IAAI,CAAC;AACX,QAAM,CAAC,SAAS,cAAc,QAAI;AAAA,IAChC,cAAc,EAAE,CAAC,WAAW,GAAG,KAAK,IAAI,CAAC;AAAA,EAC3C;AACA,QAAM,iBAAiB,MAAkD;AACvE,UAAM,eAAkC,CAAC;AACzC,gBAAY,QAAQ,QAAQ,CAAC,KAAK,OAAO;AACvC,UAAI,IAAI,SAAS,MAAM;AACrB,qBAAa,KAAK,EAAE;AAAA,MACtB;AAAA,IACF,CAAC;AAED,QAAI,YAAY;AACd,aAAO,aAAa,CAAC,KAAK;AAAA,IAC5B;AACA,WAAO,aAAa,SAAS,eAAe;AAAA,EAC9C;AAEA,QAAM,OAAO,CAAC,OAAwB;AACpC,iBAAa,SAAS,IAAI,EAAE,GAAG,SAAS,aAAa,QAAQ,EAAE;AAAA,EACjE;AAEA,QAAM,QAAQ,CAAC,OAAwB;AACrC,gBAAY,QAAQ,IAAI,EAAE,GAAG,SAAS,gBAAgB,MAAM;AAAA,EAC9D;AAEA,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AACd,YAAM,IAAI,MAAM,kDAAkD;AAAA,IACpE;AACA,gBAAY,QAAQ,QAAQ,CAAC,QAAQ,IAAI,SAAS,aAAa,QAAQ,EAAE,CAAC;AAAA,EAC5E;AAEA,QAAM,WAAW,MAAM;AACrB,gBAAY,QAAQ,QAAQ,CAAC,QAAQ,IAAI,SAAS,gBAAgB,MAAM,CAAC;AAAA,EAC3E;AAEA,QAAM,iBAAa;AAAA,IACjB,CAAC,cAAmC;AAClC,YAAM,gBAAgB,SAAS;AAC/B,UAAI,CAAC,cAAe;AACpB,YAAM,oBAAoB,MAAM;AAAA,QAC9B,SAAS,iBAAiB,SAAS;AAAA,MACrC;AACA,YAAM,eAAe,kBAAkB;AAAA,QACrC;AAAA,MACF;AACA,UAAI;AACJ,UAAI,cAAc,QAAQ;AACxB,oBACE,gBAAgB,IAAI,eAAe,IAAI,kBAAkB,SAAS;AAAA,MACtE,WAAW,cAAc,YAAY;AACnC,oBACE,gBAAgB,kBAAkB,SAAS,IAAI,eAAe,IAAI;AAAA,MACtE;AACA,YAAM,cAAc,kBAAkB,SAAS;AAC/C,UAAI,aAAa;AACf,oBAAY,MAAM;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,QAAM,cAAU;AAAA,IACd,CAAC,OAAwB;AACvB,UAAI,CAAC,YAAY,QAAQ,IAAI,EAAE,GAAG;AAChC,oBAAY,QAAQ,IAAI,IAAI,aAAAA,QAAM,UAAU,CAAC;AAAA,MAC/C;AACA,YAAM,MAAM,YAAY,QAAQ;AAAA,QAC9B;AAAA,MACF;AAEA,YAAM,WAAW,CAAC,MAAM;AACtB,YAAI,cAAc,EAAE,QAAQ,MAAM;AAChC,sBAAY,QAAQ,QAAQ,CAAC,YAAY,cAAc;AACrD,gBAAI,cAAc,IAAI;AACpB,6BAAe,EAAE,GAAG,SAAS,CAAC,EAAE,GAAG,EAAE,QAAQ,KAAK,CAAC;AAAA,YACrD;AACA,gBAAI,cAAc,MAAM,WAAW,SAAS,aAAa,MAAM,GAAG;AAChE,yBAAW,SAAS,gBAAgB,MAAM;AAAA,YAC5C;AAAA,UACF,CAAC;AAAA,QACH,OAAO;AACL,yBAAe,EAAE,GAAG,SAAS,CAAC,EAAE,GAAG,EAAE,QAAQ,KAAK,CAAC;AAAA,QACrD;AAAA,MACF;AAEA,YAAM,YAAY,CAAC,MAA2B;AAC5C,gBAAQ,EAAE,KAAK;AAAA,UACb,KAAK;AACH,cAAE,eAAe;AACjB,uBAAW,MAAM;AACjB;AAAA,UACF,KAAK;AACH,cAAE,eAAe;AACjB,uBAAW,UAAU;AACrB;AAAA,UACF,KAAK;AACH,cAAE,eAAe;AACjB,gBAAI,KAAK,SAAS,aAAa,MAAM,GAAG;AACtC,oBAAM,EAAE;AAAA,YACV,OAAO;AACL,mBAAK,EAAE;AAAA,YACT;AACA;AAAA,QACJ;AAAA,MACF;AAEA,aAAO;AAAA,QACL;AAAA,QACA,MAAM,KAAK,SAAS,aAAa,MAAM,KAAK;AAAA,QAC5C;AAAA,QACA;AAAA,QACA,MAAM;AAAA,QACN,iBAAiB,KAAK,SAAS,aAAa,MAAM;AAAA,MACpD;AAAA,IACF;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AACA,QAAM,cAAU,0BAAY,MAAM;AAChC,WAAO,eAAe,MAAM;AAAA,EAC9B,GAAG,CAAC,CAAC;AACL,8BAAU,MAAM;AACd,QAAI,aAAa;AACf,UAAI,MAAM,QAAQ,WAAW,GAAG;AAC9B,oBAAY,QAAQ,CAAC,OAAO,KAAK,EAAE,CAAC;AAAA,MACtC,OAAO;AACL,aAAK,WAAW;AAAA,MAClB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAChB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,QAAQ;AAAA,IACjB;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,aAAa,OAAO,KAAK,OAAO,EAAE,SAAS,eAAe,IAAI;AAAA,EAChE;AACF;AAEA,IAAO,gBAAQ;",
   "names": ["React"]
 }

package/cjs/content/Blockquote/Blockquote.stories/index.js

@@ -29,6 +29,7 @@ var Blockquote_stories_exports = {};
 __export(Blockquote_stories_exports, {
   Default: () => import_Default.Default,
   Dense: () => import_Dense.Dense,
+  WithControls: () => WithControls,
   default: () => Blockquote_stories_default
 });
 module.exports = __toCommonJS(Blockquote_stories_exports);
@@ -42,9 +43,27 @@ var Blockquote_stories_default = {
   component: import_Blockquote.default,
   displayName: "Blockquote"
 };
+const WithControls = {
+  args: {
+    children: "\u039F\u03B9 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AD\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03BD\u03B5\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B1\u03AF\u03C4\u03B7\u03C3\u03AE \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03C7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B7\u03B8\u03BF\u03CD\u03BD \u03B1\u03C0\u03BF\u03BA\u03BB\u03B5\u03B9\u03C3\u03C4\u03B9\u03BA\u03AC \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B5\u03BE\u03C5\u03C0\u03B7\u03C1\u03AD\u03C4\u03B7\u03C3\u03AE \u03C3\u03B1\u03C2.",
+    dense: false
+  },
+  argTypes: {
+    children: {
+      control: { type: "text" }
+    },
+    dense: {
+      control: { type: "boolean" }
+    }
+  },
+  parameters: {
+    controls: { exclude: ["ref"] }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Default,
-  Dense
+  Dense,
+  WithControls
 });
 //# sourceMappingURL=Blockquote.stories.js.map

package/cjs/content/Blockquote/Blockquote.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/Blockquote/Blockquote.stories.js"],
-  "sourcesContent": ["import Blockquote from '@digigov/ui/content/Blockquote';\nexport default {\n  title: 'Digigov UI/content/Blockquote',\n  description:\n    'Use the inset text component to differentiate a block of text from the content that surrounds it',\n  link: 'https://guide.services.gov.gr/docs/components/blockquote',\n  component: Blockquote,\n  displayName: 'Blockquote',\n};\nexport { Default } from '@digigov/ui/content/Blockquote/__stories__/Default';\nexport { Dense } from '@digigov/ui/content/Blockquote/__stories__/Dense';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AASvB,qBAAwB;AACxB,mBAAsB;AATtB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,kBAAAA;AAAA,EACX,aAAa;AACf;",
+  "sourcesContent": ["import Blockquote from '@digigov/ui/content/Blockquote';\nexport default {\n  title: 'Digigov UI/content/Blockquote',\n  description:\n    'Use the inset text component to differentiate a block of text from the content that surrounds it',\n  link: 'https://guide.services.gov.gr/docs/components/blockquote',\n  component: Blockquote,\n  displayName: 'Blockquote',\n};\n\nexport const WithControls = {\n  args: {\n    children:\n      '\u039F\u03B9 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AD\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03BD\u03B5\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B1\u03AF\u03C4\u03B7\u03C3\u03AE \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03C7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B7\u03B8\u03BF\u03CD\u03BD \u03B1\u03C0\u03BF\u03BA\u03BB\u03B5\u03B9\u03C3\u03C4\u03B9\u03BA\u03AC \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B5\u03BE\u03C5\u03C0\u03B7\u03C1\u03AD\u03C4\u03B7\u03C3\u03AE \u03C3\u03B1\u03C2.',\n    dense: false,\n  },\n  argTypes: {\n    children: {\n      control: { type: 'text' },\n    },\n    dense: {\n      control: { type: 'boolean' },\n    },\n  },\n  parameters: {\n    controls: { exclude: ['ref'] },\n  },\n};\n\nexport { Default } from '@digigov/ui/content/Blockquote/__stories__/Default';\nexport { Dense } from '@digigov/ui/content/Blockquote/__stories__/Dense';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AA6BvB,qBAAwB;AACxB,mBAAsB;AA7BtB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,kBAAAA;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,IACJ,UACE;AAAA,IACF,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU,EAAE,SAAS,CAAC,KAAK,EAAE;AAAA,EAC/B;AACF;",
   "names": ["Blockquote"]
 }