@digigov/ui 2.0.0-b4cd6916 → 2.0.0-c6d0b3b8

package/cjs/app/QrCodeViewer/utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/QrCodeViewer/utils.ts"],
-  "sourcesContent": ["import {\n  Modules,\n  Excavation,\n  ImageSettings,\n} from '@digigov/ui/app/QrCodeViewer/types';\n\nconst DEFAULT_IMG_SCALE = 0.1;\nexport const MARGIN_SIZE = 4;\nexport function generatePath(modules: Modules, margin = 0): string {\n  const ops: Array<string> = [];\n  modules.forEach(function (row, y) {\n    let start: number | null = null;\n    row.forEach(function (cell, x) {\n      if (!cell && start !== null) {\n        // M0 0h7v1H0z injects the space with the move and drops the comma,\n        // saving a char per operation\n        ops.push(\n          `M${start + margin} ${y + margin}h${x - start}v1H${start + margin}z`\n        );\n        start = null;\n        return;\n      }\n\n      // end of row, clean up or skip\n      if (x === row.length - 1) {\n        if (!cell) {\n          // We would have closed the op above already so this can only mean\n          // 2+ light modules in a row.\n          return;\n        }\n        if (start === null) {\n          // Just a single dark module.\n          ops.push(`M${x + margin},${y + margin} h1v1H${x + margin}z`);\n        } else {\n          // Otherwise finish the current line.\n          ops.push(\n            `M${start + margin},${y + margin} h${x + 1 - start}v1H${\n              start + margin\n            }z`\n          );\n        }\n        return;\n      }\n\n      if (cell && start === null) {\n        start = x;\n      }\n    });\n  });\n  return ops.join('');\n}\n\n// We could just do this in generatePath, except that we want to support\n// non-Path2D canvas, so we need to keep it an explicit step.\nexport function excavateModules(\n  modules: Modules,\n  excavation: Excavation\n): Modules {\n  return modules.slice().map((row, y) => {\n    if (y < excavation.y || y >= excavation.y + excavation.h) {\n      return row;\n    }\n    return row.map((cell, x) => {\n      if (x < excavation.x || x >= excavation.x + excavation.w) {\n        return cell;\n      }\n      return false;\n    });\n  });\n}\n\nexport function getImageSettings(\n  cells: Modules,\n  size: number,\n  includeMargin: boolean,\n  imageSettings?: ImageSettings\n): null | {\n  x: number;\n  y: number;\n  h: number;\n  w: number;\n  excavation: Excavation | null;\n} {\n  if (imageSettings == null) {\n    return null;\n  }\n  const margin = includeMargin ? MARGIN_SIZE : 0;\n  const numCells = cells.length + margin * 2;\n  const defaultSize = Math.floor(size * DEFAULT_IMG_SCALE);\n  const scale = numCells / size;\n  const w = (imageSettings.width || defaultSize) * scale;\n  const h = (imageSettings.height || defaultSize) * scale;\n  const x =\n    imageSettings.x == null\n      ? cells.length / 2 - w / 2\n      : imageSettings.x * scale;\n  const y =\n    imageSettings.y == null\n      ? cells.length / 2 - h / 2\n      : imageSettings.y * scale;\n\n  let excavation;\n  if (imageSettings.excavate) {\n    const floorX = Math.floor(x);\n    const floorY = Math.floor(y);\n    const ceilW = Math.ceil(w + x - floorX);\n    const ceilH = Math.ceil(h + y - floorY);\n    excavation = { x: floorX, y: floorY, w: ceilW, h: ceilH };\n  }\n\n  return { x, y, h, w, excavation };\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,MAAM,oBAAoB;AACnB,MAAM,cAAc;AACpB,SAAS,aAAa,SAAkB,SAAS,GAAW;AACjE,QAAM,MAAqB,CAAC;AAC5B,UAAQ,QAAQ,SAAU,KAAK,GAAG;AAChC,QAAI,QAAuB;AAC3B,QAAI,QAAQ,SAAU,MAAM,GAAG;AAC7B,UAAI,CAAC,QAAQ,UAAU,MAAM;AAG3B,YAAI;AAAA,UACF,IAAI,QAAQ,MAAM,IAAI,IAAI,MAAM,IAAI,IAAI,KAAK,MAAM,QAAQ,MAAM;AAAA,QACnE;AACA,gBAAQ;AACR;AAAA,MACF;AAGA,UAAI,MAAM,IAAI,SAAS,GAAG;AACxB,YAAI,CAAC,MAAM;AAGT;AAAA,QACF;AACA,YAAI,UAAU,MAAM;AAElB,cAAI,KAAK,IAAI,IAAI,MAAM,IAAI,IAAI,MAAM,SAAS,IAAI,MAAM,GAAG;AAAA,QAC7D,OAAO;AAEL,cAAI;AAAA,YACF,IAAI,QAAQ,MAAM,IAAI,IAAI,MAAM,KAAK,IAAI,IAAI,KAAK,MAChD,QAAQ,MACV;AAAA,UACF;AAAA,QACF;AACA;AAAA,MACF;AAEA,UAAI,QAAQ,UAAU,MAAM;AAC1B,gBAAQ;AAAA,MACV;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACD,SAAO,IAAI,KAAK,EAAE;AACpB;AAIO,SAAS,gBACd,SACA,YACS;AACT,SAAO,QAAQ,MAAM,EAAE,IAAI,CAAC,KAAK,MAAM;AACrC,QAAI,IAAI,WAAW,KAAK,KAAK,WAAW,IAAI,WAAW,GAAG;AACxD,aAAO;AAAA,IACT;AACA,WAAO,IAAI,IAAI,CAAC,MAAM,MAAM;AAC1B,UAAI,IAAI,WAAW,KAAK,KAAK,WAAW,IAAI,WAAW,GAAG;AACxD,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH,CAAC;AACH;AAEO,SAAS,iBACd,OACA,MACA,eACA,eAOA;AACA,MAAI,iBAAiB,MAAM;AACzB,WAAO;AAAA,EACT;AACA,QAAM,SAAS,gBAAgB,cAAc;AAC7C,QAAM,WAAW,MAAM,SAAS,SAAS;AACzC,QAAM,cAAc,KAAK,MAAM,OAAO,iBAAiB;AACvD,QAAM,QAAQ,WAAW;AACzB,QAAM,KAAK,cAAc,SAAS,eAAe;AACjD,QAAM,KAAK,cAAc,UAAU,eAAe;AAClD,QAAM,IACJ,cAAc,KAAK,OACf,MAAM,SAAS,IAAI,IAAI,IACvB,cAAc,IAAI;AACxB,QAAM,IACJ,cAAc,KAAK,OACf,MAAM,SAAS,IAAI,IAAI,IACvB,cAAc,IAAI;AAExB,MAAI;AACJ,MAAI,cAAc,UAAU;AAC1B,UAAM,SAAS,KAAK,MAAM,CAAC;AAC3B,UAAM,SAAS,KAAK,MAAM,CAAC;AAC3B,UAAM,QAAQ,KAAK,KAAK,IAAI,IAAI,MAAM;AACtC,UAAM,QAAQ,KAAK,KAAK,IAAI,IAAI,MAAM;AACtC,iBAAa,EAAE,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM;AAAA,EAC1D;AAEA,SAAO,EAAE,GAAG,GAAG,GAAG,GAAG,WAAW;AAClC;",
+  "sourcesContent": ["import {\n  Modules,\n  Excavation,\n  ImageSettings,\n} from '@digigov/ui/app/QrCodeViewer/types';\n\nconst DEFAULT_IMG_SCALE = 0.1;\nexport const MARGIN_SIZE = 4;\nexport function generatePath(modules: Modules, margin = 0): string {\n  const ops: string[] = [];\n  modules.forEach(function (row, y) {\n    let start: number | null = null;\n    row.forEach(function (cell, x) {\n      if (!cell && start !== null) {\n        // M0 0h7v1H0z injects the space with the move and drops the comma,\n        // saving a char per operation\n        ops.push(\n          `M${start + margin} ${y + margin}h${x - start}v1H${start + margin}z`\n        );\n        start = null;\n        return;\n      }\n\n      // end of row, clean up or skip\n      if (x === row.length - 1) {\n        if (!cell) {\n          // We would have closed the op above already so this can only mean\n          // 2+ light modules in a row.\n          return;\n        }\n        if (start === null) {\n          // Just a single dark module.\n          ops.push(`M${x + margin},${y + margin} h1v1H${x + margin}z`);\n        } else {\n          // Otherwise finish the current line.\n          ops.push(\n            `M${start + margin},${y + margin} h${x + 1 - start}v1H${\n              start + margin\n            }z`\n          );\n        }\n        return;\n      }\n\n      if (cell && start === null) {\n        start = x;\n      }\n    });\n  });\n  return ops.join('');\n}\n\n// We could just do this in generatePath, except that we want to support\n// non-Path2D canvas, so we need to keep it an explicit step.\nexport function excavateModules(\n  modules: Modules,\n  excavation: Excavation\n): Modules {\n  return modules.slice().map((row, y) => {\n    if (y < excavation.y || y >= excavation.y + excavation.h) {\n      return row;\n    }\n    return row.map((cell, x) => {\n      if (x < excavation.x || x >= excavation.x + excavation.w) {\n        return cell;\n      }\n      return false;\n    });\n  });\n}\n\nexport function getImageSettings(\n  cells: Modules,\n  size: number,\n  includeMargin: boolean,\n  imageSettings?: ImageSettings\n): null | {\n  x: number;\n  y: number;\n  h: number;\n  w: number;\n  excavation: Excavation | null;\n} {\n  if (imageSettings == null) {\n    return null;\n  }\n  const margin = includeMargin ? MARGIN_SIZE : 0;\n  const numCells = cells.length + margin * 2;\n  const defaultSize = Math.floor(size * DEFAULT_IMG_SCALE);\n  const scale = numCells / size;\n  const w = (imageSettings.width || defaultSize) * scale;\n  const h = (imageSettings.height || defaultSize) * scale;\n  const x =\n    imageSettings.x == null\n      ? cells.length / 2 - w / 2\n      : imageSettings.x * scale;\n  const y =\n    imageSettings.y == null\n      ? cells.length / 2 - h / 2\n      : imageSettings.y * scale;\n\n  let excavation;\n  if (imageSettings.excavate) {\n    const floorX = Math.floor(x);\n    const floorY = Math.floor(y);\n    const ceilW = Math.ceil(w + x - floorX);\n    const ceilH = Math.ceil(h + y - floorY);\n    excavation = { x: floorX, y: floorY, w: ceilW, h: ceilH };\n  }\n\n  return { x, y, h, w, excavation };\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,MAAM,oBAAoB;AACnB,MAAM,cAAc;AACpB,SAAS,aAAa,SAAkB,SAAS,GAAW;AACjE,QAAM,MAAgB,CAAC;AACvB,UAAQ,QAAQ,SAAU,KAAK,GAAG;AAChC,QAAI,QAAuB;AAC3B,QAAI,QAAQ,SAAU,MAAM,GAAG;AAC7B,UAAI,CAAC,QAAQ,UAAU,MAAM;AAG3B,YAAI;AAAA,UACF,IAAI,QAAQ,MAAM,IAAI,IAAI,MAAM,IAAI,IAAI,KAAK,MAAM,QAAQ,MAAM;AAAA,QACnE;AACA,gBAAQ;AACR;AAAA,MACF;AAGA,UAAI,MAAM,IAAI,SAAS,GAAG;AACxB,YAAI,CAAC,MAAM;AAGT;AAAA,QACF;AACA,YAAI,UAAU,MAAM;AAElB,cAAI,KAAK,IAAI,IAAI,MAAM,IAAI,IAAI,MAAM,SAAS,IAAI,MAAM,GAAG;AAAA,QAC7D,OAAO;AAEL,cAAI;AAAA,YACF,IAAI,QAAQ,MAAM,IAAI,IAAI,MAAM,KAAK,IAAI,IAAI,KAAK,MAChD,QAAQ,MACV;AAAA,UACF;AAAA,QACF;AACA;AAAA,MACF;AAEA,UAAI,QAAQ,UAAU,MAAM;AAC1B,gBAAQ;AAAA,MACV;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACD,SAAO,IAAI,KAAK,EAAE;AACpB;AAIO,SAAS,gBACd,SACA,YACS;AACT,SAAO,QAAQ,MAAM,EAAE,IAAI,CAAC,KAAK,MAAM;AACrC,QAAI,IAAI,WAAW,KAAK,KAAK,WAAW,IAAI,WAAW,GAAG;AACxD,aAAO;AAAA,IACT;AACA,WAAO,IAAI,IAAI,CAAC,MAAM,MAAM;AAC1B,UAAI,IAAI,WAAW,KAAK,KAAK,WAAW,IAAI,WAAW,GAAG;AACxD,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH,CAAC;AACH;AAEO,SAAS,iBACd,OACA,MACA,eACA,eAOA;AACA,MAAI,iBAAiB,MAAM;AACzB,WAAO;AAAA,EACT;AACA,QAAM,SAAS,gBAAgB,cAAc;AAC7C,QAAM,WAAW,MAAM,SAAS,SAAS;AACzC,QAAM,cAAc,KAAK,MAAM,OAAO,iBAAiB;AACvD,QAAM,QAAQ,WAAW;AACzB,QAAM,KAAK,cAAc,SAAS,eAAe;AACjD,QAAM,KAAK,cAAc,UAAU,eAAe;AAClD,QAAM,IACJ,cAAc,KAAK,OACf,MAAM,SAAS,IAAI,IAAI,IACvB,cAAc,IAAI;AACxB,QAAM,IACJ,cAAc,KAAK,OACf,MAAM,SAAS,IAAI,IAAI,IACvB,cAAc,IAAI;AAExB,MAAI;AACJ,MAAI,cAAc,UAAU;AAC1B,UAAM,SAAS,KAAK,MAAM,CAAC;AAC3B,UAAM,SAAS,KAAK,MAAM,CAAC;AAC3B,UAAM,QAAQ,KAAK,KAAK,IAAI,IAAI,MAAM;AACtC,UAAM,QAAQ,KAAK,KAAK,IAAI,IAAI,MAAM;AACtC,iBAAa,EAAE,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM;AAAA,EAC1D;AAEA,SAAO,EAAE,GAAG,GAAG,GAAG,GAAG,WAAW;AAClC;",
   "names": []
 }

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/app/Skeleton/__stories__/SpecificWidthAndHeight.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/app/Skeleton/__stories__/SpecificWidthAndHeight.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Skeleton } from '@digigov/ui/app/Skeleton';\n\nexport const SpecificWidthAndHeight = () => (\n    <Skeleton width={200} height={200}/>\n);\n\nexport default SpecificWidthAndHeight;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,sBAAyB;AAElB,MAAM,yBAAyB,MAClC,6BAAAA,QAAA,cAAC,4BAAS,OAAO,KAAK,QAAQ,KAAI;AAGtC,IAAO,iCAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { Skeleton } from '@digigov/ui/app/Skeleton';\n\nexport const SpecificWidthAndHeight = () => (\n  <Skeleton width={200} height={200} />\n);\n\nexport default SpecificWidthAndHeight;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,sBAAyB;AAElB,MAAM,yBAAyB,MACpC,6BAAAA,QAAA,cAAC,4BAAS,OAAO,KAAK,QAAQ,KAAK;AAGrC,IAAO,iCAAQ;",
   "names": ["React"]
 }

package/cjs/app/ThemeOptions/index.js

@@ -54,10 +54,6 @@ const ThemeOptions = import_react.default.forwardRef(function ThemeOptions2({
   letterSpacingOption = true,
   highlightLinksOption = true,
   colorsOptionTitleSize = "sm",
-  fontSizeOptionTitleSize = "sm",
-  lineHeightOptionTitleSize = "sm",
-  letterSpacingOptionTitleSize = "sm",
-  highlightLinksOptionTitleSize = "sm",
   className,
   ...props
 }, ref) {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/ThemeOptions/index.tsx"],
-  "sourcesContent": ["import React, { useState } from 'react';\nimport clsx from 'clsx';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport useFontSize, {\n  FontSizeOptions,\n} from '@digigov/ui/app/hooks/useFontSize';\nimport useHighlightLinks, {\n  HighlightLinksOptions,\n} from '@digigov/ui/app/hooks/useHighlightLinks';\nimport useLetterSpacing, {\n  LetterSpacingOptions,\n} from '@digigov/ui/app/hooks/useLetterSpacing';\nimport useLineHeight, {\n  LineHeightOptions,\n} from '@digigov/ui/app/hooks/useLineHeight';\nimport useTheme, { ThemeSelectOptions } from '@digigov/ui/app/hooks/useTheme';\nimport Button from '@digigov/ui/form/Button';\nimport FieldContainer, {\n  Fieldset,\n  FieldsetLegend,\n} from '@digigov/ui/form/FieldContainer';\nimport Form from '@digigov/ui/form/Form';\nimport { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';\nimport SectionBreak from '@digigov/ui/layouts/SectionBreak';\n\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport interface ThemeOptionsProps extends BaseProps<'form'> {\n  colorsOption?: boolean;\n  fontSizeOption?: boolean;\n  lineHeightOption?: boolean;\n  letterSpacingOption?: boolean;\n  highlightLinksOption?: boolean;\n\n  colorsOptionTitleSize?: TitleSize;\n  fontSizeOptionTitleSize?: TitleSize;\n  lineHeightOptionTitleSize?: TitleSize;\n  letterSpacingOptionTitleSize?: TitleSize;\n  highlightLinksOptionTitleSize?: TitleSize;\n}\n\ntype TitleSize = 'xl' | 'lg' | 'md' | 'sm' | 'hidden';\n\nconst FieldsetLegendTitle = ({ titleSize, titleValue }) => {\n  return (\n    <>\n      {titleSize === 'hidden' ? (\n        <FieldsetLegend>\n          <VisuallyHidden>{titleValue}</VisuallyHidden>\n        </FieldsetLegend>\n      ) : (\n        <FieldsetLegend size={titleSize}>{titleValue}</FieldsetLegend>\n      )}\n    </>\n  );\n};\n\n// export const ThemeOptions = () => {\nexport const ThemeOptions = React.forwardRef<\n  HTMLFormElement,\n  ThemeOptionsProps\n>(function ThemeOptions(\n  {\n    colorsOption = true,\n    fontSizeOption = true,\n    lineHeightOption = true,\n    letterSpacingOption = true,\n    highlightLinksOption = true,\n\n    colorsOptionTitleSize = 'sm',\n    fontSizeOptionTitleSize = 'sm',\n    lineHeightOptionTitleSize = 'sm',\n    letterSpacingOptionTitleSize = 'sm',\n    highlightLinksOptionTitleSize = 'sm',\n\n    className,\n    ...props\n  },\n  ref\n) {\n  const [theme, changeTheme] = useTheme();\n  const [selectedTheme, setSelectedTheme] = useState<ThemeSelectOptions>(\n    theme || 'auto'\n  );\n  const [fontSize, changeFontSize] = useFontSize();\n  const [selectedFontSize, setSelectedFontSize] = useState<FontSizeOptions>(\n    fontSize || 'default'\n  );\n  const [lineHeight, changeLineHeight] = useLineHeight();\n  const [selectedLineHeight, setSelectedLineHeight] = useState<\n    LineHeightOptions\n  >(lineHeight || 'default');\n  const [letterSpacing, changeLetterSpacing] = useLetterSpacing();\n  const [selectedLetterSpacing, setSelectedLetterSpacing] = useState<\n    LetterSpacingOptions\n  >(letterSpacing || 'default');\n\n  const [highlightLinks, changeHighlightLinks] = useHighlightLinks();\n  const [selectedHighlightLinks, setSelectedHighlightLinks] = useState<\n    HighlightLinksOptions\n  >(highlightLinks || 'default');\n\n  function handleOptions() {\n    changeTheme(selectedTheme);\n    changeFontSize(selectedFontSize);\n    changeLineHeight(selectedLineHeight);\n    changeLetterSpacing(selectedLetterSpacing);\n    changeHighlightLinks(selectedHighlightLinks);\n  }\n  function resetOptions() {\n    setSelectedTheme('light');\n    setSelectedFontSize('default');\n    setSelectedLineHeight('default');\n    setSelectedLetterSpacing('default');\n    setSelectedHighlightLinks('default');\n  }\n  function optionsHasChanged() {\n    if (\n      theme != selectedTheme ||\n      fontSize != selectedFontSize ||\n      lineHeight != selectedLineHeight ||\n      letterSpacing != selectedLetterSpacing ||\n      highlightLinks != selectedHighlightLinks\n    ) {\n      return true;\n    } else {\n      return false;\n    }\n  }\n\n  return (\n    <Form {...props} ref={ref} className={clsx(className)}>\n      {colorsOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegendTitle\n              titleSize={colorsOptionTitleSize}\n              titleValue=\"\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03B8\u03AD\u03BC\u03B1\u03C4\u03BF\u03C2\"\n            />\n            <RadioContainer>\n              <RadioItem\n                name=\"theme_mode\"\n                value=\"light\"\n                onChange={() => setSelectedTheme('light')}\n                checked={selectedTheme === 'light'}\n              >\n                \u03A6\u03C9\u03C4\u03B5\u03B9\u03BD\u03CC \u03B8\u03AD\u03BC\u03B1\n              </RadioItem>\n              <RadioItem\n                name=\"theme_mode\"\n                value=\"dark\"\n                onChange={() => setSelectedTheme('dark')}\n                checked={selectedTheme === 'dark'}\n              >\n                \u03A3\u03BA\u03BF\u03CD\u03C1\u03BF \u03B8\u03AD\u03BC\u03B1\n              </RadioItem>\n              <RadioItem\n                name=\"theme_mode\"\n                value=\"auto\"\n                onChange={() => setSelectedTheme('auto')}\n                checked={selectedTheme === 'auto'}\n              >\n                \u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03C3\u03C5\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03BF\u03C2\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      {fontSizeOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegend size=\"sm\">\u039C\u03AD\u03B3\u03B5\u03B8\u03BF\u03C2 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AC\u03C4\u03C9\u03BD</FieldsetLegend>\n            <RadioContainer layout=\"horizontal\">\n              <RadioItem\n                name=\"font-size\"\n                value=\"no\"\n                onChange={() => setSelectedFontSize('default')}\n                checked={selectedFontSize === 'default'}\n              >\n                \u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03CC (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)\n              </RadioItem>\n              <RadioItem\n                name=\"font-size\"\n                value=\"yes\"\n                onChange={() => {\n                  setSelectedFontSize('large');\n                }}\n                checked={selectedFontSize === 'large'}\n              >\n                \u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      {lineHeightOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegend size=\"sm\">\u038E\u03C8\u03BF\u03C2 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AE\u03C2 \u03BA\u03B5\u03B9\u03BC\u03AD\u03BD\u03C9\u03BD</FieldsetLegend>\n            <RadioContainer layout=\"horizontal\">\n              <RadioItem\n                name=\"line-height\"\n                value=\"no\"\n                onChange={() => setSelectedLineHeight('default')}\n                checked={selectedLineHeight === 'default'}\n              >\n                \u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03CC (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)\n              </RadioItem>\n              <RadioItem\n                name=\"line-height\"\n                value=\"yes\"\n                onChange={() => {\n                  setSelectedLineHeight('large');\n                }}\n                checked={selectedLineHeight === 'large'}\n              >\n                \u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      {letterSpacingOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegend size=\"sm\">\u0391\u03C0\u03CC\u03C3\u03C4\u03B1\u03C3\u03B7 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AC\u03C4\u03C9\u03BD</FieldsetLegend>\n            <RadioContainer layout=\"horizontal\">\n              <RadioItem\n                name=\"letter-spacing\"\n                value=\"no\"\n                onChange={() => setSelectedLetterSpacing('default')}\n                checked={selectedLetterSpacing === 'default'}\n              >\n                \u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03AE (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)\n              </RadioItem>\n              <RadioItem\n                name=\"letter-spacing\"\n                value=\"yes\"\n                onChange={() => {\n                  setSelectedLetterSpacing('extra');\n                }}\n                checked={selectedLetterSpacing === 'extra'}\n              >\n                \u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03B7\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      {highlightLinksOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegend size=\"sm\">\u0388\u03BD\u03C4\u03BF\u03BD\u03B7 \u03B5\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7 \u03C3\u03C5\u03BD\u03B4\u03AD\u03C3\u03BC\u03C9\u03BD</FieldsetLegend>\n            <RadioContainer layout=\"horizontal\">\n              <RadioItem\n                name=\"highlight-links\"\n                value=\"no\"\n                onChange={() => setSelectedHighlightLinks('default')}\n                checked={selectedHighlightLinks === 'default'}\n              >\n                \u038C\u03C7\u03B9 (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)\n              </RadioItem>\n              <RadioItem\n                name=\"highlight-links\"\n                value=\"yes\"\n                onChange={() => {\n                  setSelectedHighlightLinks('highlight');\n                }}\n                checked={selectedHighlightLinks === 'highlight'}\n              >\n                \u039D\u03B1\u03B9\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      <Button onClick={resetOptions} variant=\"link\">\n        \u0395\u03C0\u03B1\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC \u03CC\u03BB\u03C9\u03BD \u03C4\u03C9\u03BD \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03CE\u03BD\n      </Button>\n      <SectionBreak visible={false} />\n      <Button onClick={handleOptions} disabled={!optionsHasChanged()}>\n        \u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE\n      </Button>\n    </Form>\n  );\n});\nexport default ThemeOptions;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useState } from 'react';\nimport clsx from 'clsx';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport useFontSize, {\n  FontSizeOptions,\n} from '@digigov/ui/app/hooks/useFontSize';\nimport useHighlightLinks, {\n  HighlightLinksOptions,\n} from '@digigov/ui/app/hooks/useHighlightLinks';\nimport useLetterSpacing, {\n  LetterSpacingOptions,\n} from '@digigov/ui/app/hooks/useLetterSpacing';\nimport useLineHeight, {\n  LineHeightOptions,\n} from '@digigov/ui/app/hooks/useLineHeight';\nimport useTheme, { ThemeSelectOptions } from '@digigov/ui/app/hooks/useTheme';\nimport Button from '@digigov/ui/form/Button';\nimport FieldContainer, {\n  Fieldset,\n  FieldsetLegend,\n} from '@digigov/ui/form/FieldContainer';\nimport Form from '@digigov/ui/form/Form';\nimport { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';\nimport SectionBreak from '@digigov/ui/layouts/SectionBreak';\n\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport interface ThemeOptionsProps extends BaseProps<'form'> {\n  colorsOption?: boolean;\n  fontSizeOption?: boolean;\n  lineHeightOption?: boolean;\n  letterSpacingOption?: boolean;\n  highlightLinksOption?: boolean;\n\n  colorsOptionTitleSize?: TitleSize;\n  fontSizeOptionTitleSize?: TitleSize;\n  lineHeightOptionTitleSize?: TitleSize;\n  letterSpacingOptionTitleSize?: TitleSize;\n  highlightLinksOptionTitleSize?: TitleSize;\n}\n\ntype TitleSize = 'xl' | 'lg' | 'md' | 'sm' | 'hidden';\n\nconst FieldsetLegendTitle = ({ titleSize, titleValue }) => {\n  return (\n    <>\n      {titleSize === 'hidden' ? (\n        <FieldsetLegend>\n          <VisuallyHidden>{titleValue}</VisuallyHidden>\n        </FieldsetLegend>\n      ) : (\n        <FieldsetLegend size={titleSize}>{titleValue}</FieldsetLegend>\n      )}\n    </>\n  );\n};\n\n// export const ThemeOptions = () => {\nexport const ThemeOptions = React.forwardRef<\n  HTMLFormElement,\n  ThemeOptionsProps\n>(function ThemeOptions(\n  {\n    colorsOption = true,\n    fontSizeOption = true,\n    lineHeightOption = true,\n    letterSpacingOption = true,\n    highlightLinksOption = true,\n    colorsOptionTitleSize = 'sm',\n    className,\n    ...props\n  },\n  ref\n) {\n  const [theme, changeTheme] = useTheme();\n  const [selectedTheme, setSelectedTheme] = useState<ThemeSelectOptions>(\n    theme || 'auto'\n  );\n  const [fontSize, changeFontSize] = useFontSize();\n  const [selectedFontSize, setSelectedFontSize] = useState<FontSizeOptions>(\n    fontSize || 'default'\n  );\n  const [lineHeight, changeLineHeight] = useLineHeight();\n  const [selectedLineHeight, setSelectedLineHeight] =\n    useState<LineHeightOptions>(lineHeight || 'default');\n  const [letterSpacing, changeLetterSpacing] = useLetterSpacing();\n  const [selectedLetterSpacing, setSelectedLetterSpacing] =\n    useState<LetterSpacingOptions>(letterSpacing || 'default');\n\n  const [highlightLinks, changeHighlightLinks] = useHighlightLinks();\n  const [selectedHighlightLinks, setSelectedHighlightLinks] =\n    useState<HighlightLinksOptions>(highlightLinks || 'default');\n\n  function handleOptions() {\n    changeTheme(selectedTheme);\n    changeFontSize(selectedFontSize);\n    changeLineHeight(selectedLineHeight);\n    changeLetterSpacing(selectedLetterSpacing);\n    changeHighlightLinks(selectedHighlightLinks);\n  }\n  function resetOptions() {\n    setSelectedTheme('light');\n    setSelectedFontSize('default');\n    setSelectedLineHeight('default');\n    setSelectedLetterSpacing('default');\n    setSelectedHighlightLinks('default');\n  }\n  function optionsHasChanged() {\n    if (\n      theme != selectedTheme ||\n      fontSize != selectedFontSize ||\n      lineHeight != selectedLineHeight ||\n      letterSpacing != selectedLetterSpacing ||\n      highlightLinks != selectedHighlightLinks\n    ) {\n      return true;\n    } else {\n      return false;\n    }\n  }\n\n  return (\n    <Form {...props} ref={ref} className={clsx(className)}>\n      {colorsOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegendTitle\n              titleSize={colorsOptionTitleSize}\n              titleValue=\"\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03B8\u03AD\u03BC\u03B1\u03C4\u03BF\u03C2\"\n            />\n            <RadioContainer>\n              <RadioItem\n                name=\"theme_mode\"\n                value=\"light\"\n                onChange={() => setSelectedTheme('light')}\n                checked={selectedTheme === 'light'}\n              >\n                \u03A6\u03C9\u03C4\u03B5\u03B9\u03BD\u03CC \u03B8\u03AD\u03BC\u03B1\n              </RadioItem>\n              <RadioItem\n                name=\"theme_mode\"\n                value=\"dark\"\n                onChange={() => setSelectedTheme('dark')}\n                checked={selectedTheme === 'dark'}\n              >\n                \u03A3\u03BA\u03BF\u03CD\u03C1\u03BF \u03B8\u03AD\u03BC\u03B1\n              </RadioItem>\n              <RadioItem\n                name=\"theme_mode\"\n                value=\"auto\"\n                onChange={() => setSelectedTheme('auto')}\n                checked={selectedTheme === 'auto'}\n              >\n                \u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03C3\u03C5\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03BF\u03C2\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      {fontSizeOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegend size=\"sm\">\u039C\u03AD\u03B3\u03B5\u03B8\u03BF\u03C2 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AC\u03C4\u03C9\u03BD</FieldsetLegend>\n            <RadioContainer layout=\"horizontal\">\n              <RadioItem\n                name=\"font-size\"\n                value=\"no\"\n                onChange={() => setSelectedFontSize('default')}\n                checked={selectedFontSize === 'default'}\n              >\n                \u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03CC (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)\n              </RadioItem>\n              <RadioItem\n                name=\"font-size\"\n                value=\"yes\"\n                onChange={() => {\n                  setSelectedFontSize('large');\n                }}\n                checked={selectedFontSize === 'large'}\n              >\n                \u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      {lineHeightOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegend size=\"sm\">\u038E\u03C8\u03BF\u03C2 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AE\u03C2 \u03BA\u03B5\u03B9\u03BC\u03AD\u03BD\u03C9\u03BD</FieldsetLegend>\n            <RadioContainer layout=\"horizontal\">\n              <RadioItem\n                name=\"line-height\"\n                value=\"no\"\n                onChange={() => setSelectedLineHeight('default')}\n                checked={selectedLineHeight === 'default'}\n              >\n                \u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03CC (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)\n              </RadioItem>\n              <RadioItem\n                name=\"line-height\"\n                value=\"yes\"\n                onChange={() => {\n                  setSelectedLineHeight('large');\n                }}\n                checked={selectedLineHeight === 'large'}\n              >\n                \u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      {letterSpacingOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegend size=\"sm\">\u0391\u03C0\u03CC\u03C3\u03C4\u03B1\u03C3\u03B7 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AC\u03C4\u03C9\u03BD</FieldsetLegend>\n            <RadioContainer layout=\"horizontal\">\n              <RadioItem\n                name=\"letter-spacing\"\n                value=\"no\"\n                onChange={() => setSelectedLetterSpacing('default')}\n                checked={selectedLetterSpacing === 'default'}\n              >\n                \u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03AE (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)\n              </RadioItem>\n              <RadioItem\n                name=\"letter-spacing\"\n                value=\"yes\"\n                onChange={() => {\n                  setSelectedLetterSpacing('extra');\n                }}\n                checked={selectedLetterSpacing === 'extra'}\n              >\n                \u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03B7\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      {highlightLinksOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegend size=\"sm\">\u0388\u03BD\u03C4\u03BF\u03BD\u03B7 \u03B5\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7 \u03C3\u03C5\u03BD\u03B4\u03AD\u03C3\u03BC\u03C9\u03BD</FieldsetLegend>\n            <RadioContainer layout=\"horizontal\">\n              <RadioItem\n                name=\"highlight-links\"\n                value=\"no\"\n                onChange={() => setSelectedHighlightLinks('default')}\n                checked={selectedHighlightLinks === 'default'}\n              >\n                \u038C\u03C7\u03B9 (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)\n              </RadioItem>\n              <RadioItem\n                name=\"highlight-links\"\n                value=\"yes\"\n                onChange={() => {\n                  setSelectedHighlightLinks('highlight');\n                }}\n                checked={selectedHighlightLinks === 'highlight'}\n              >\n                \u039D\u03B1\u03B9\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      <Button onClick={resetOptions} variant=\"link\">\n        \u0395\u03C0\u03B1\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC \u03CC\u03BB\u03C9\u03BD \u03C4\u03C9\u03BD \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03CE\u03BD\n      </Button>\n      <SectionBreak visible={false} />\n      <Button onClick={handleOptions} disabled={!optionsHasChanged()}>\n        \u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE\n      </Button>\n    </Form>\n  );\n});\nexport default ThemeOptions;\n"],
+  "mappings": "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",
   "names": ["React", "ThemeOptions", "useTheme", "useFontSize", "useLineHeight", "useLetterSpacing", "useHighlightLinks", "Form", "clsx", "FieldContainer", "Button", "SectionBreak"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/hooks/useHighlightLinks.ts"],
-  "sourcesContent": ["import { useState, useEffect } from 'react';\n\nexport type HighlightLinksOptions = 'default' | 'highlight';\nexport type StoredHighlightLinksOptions = HighlightLinksOptions | null;\n\nexport type UseHighlightLinksResult = [\n  HighlightLinksOptions,\n  (selectedHighlightLinks: HighlightLinksOptions) => void\n];\n\nexport const useHighlightLinks = (): UseHighlightLinksResult => {\n  const storedHighlightLinks = localStorage.getItem(\n    '--theme-highlight-links'\n  ) as StoredHighlightLinksOptions;\n\n  const [highlightLinks, changeHighlightLinks] = useState<\n    HighlightLinksOptions\n  >(storedHighlightLinks || 'default');\n\n  useEffect(() => {\n    if (highlightLinks === 'highlight') {\n      document.documentElement.classList.add(`ds-highlight-links`);\n    } else {\n      document.documentElement.classList.remove(`ds-highlight-links`);\n    }\n    localStorage.setItem('--theme-highlight-links', highlightLinks);\n  }, [highlightLinks]);\n\n  useEffect(() => {\n    const beforePrintListener = () => {\n      document.documentElement.classList.remove(`ds-highlight-links`);\n    };\n    const afterPrintListener = () => {\n      document.documentElement.classList.add(\n        localStorage.getItem('--theme-highlight-links') === 'highlight'\n          ? `ds-highlight-links`\n          : ''\n      );\n    };\n    window.addEventListener('beforeprint', beforePrintListener);\n    window.addEventListener('afterprint', afterPrintListener);\n    return () => {\n      window.removeEventListener('beforeprint', beforePrintListener);\n      window.removeEventListener('afterprint', afterPrintListener);\n    };\n  }, []);\n\n  return [highlightLinks, changeHighlightLinks];\n};\n\nexport default useHighlightLinks;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAU7B,MAAM,oBAAoB,MAA+B;AAC9D,QAAM,uBAAuB,aAAa;AAAA,IACxC;AAAA,EACF;AAEA,QAAM,CAAC,gBAAgB,oBAAoB,QAAI,uBAE7C,wBAAwB,SAAS;AAEnC,8BAAU,MAAM;AACd,QAAI,mBAAmB,aAAa;AAClC,eAAS,gBAAgB,UAAU,IAAI,oBAAoB;AAAA,IAC7D,OAAO;AACL,eAAS,gBAAgB,UAAU,OAAO,oBAAoB;AAAA,IAChE;AACA,iBAAa,QAAQ,2BAA2B,cAAc;AAAA,EAChE,GAAG,CAAC,cAAc,CAAC;AAEnB,8BAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,eAAS,gBAAgB,UAAU,OAAO,oBAAoB;AAAA,IAChE;AACA,UAAM,qBAAqB,MAAM;AAC/B,eAAS,gBAAgB,UAAU;AAAA,QACjC,aAAa,QAAQ,yBAAyB,MAAM,cAChD,uBACA;AAAA,MACN;AAAA,IACF;AACA,WAAO,iBAAiB,eAAe,mBAAmB;AAC1D,WAAO,iBAAiB,cAAc,kBAAkB;AACxD,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe,mBAAmB;AAC7D,aAAO,oBAAoB,cAAc,kBAAkB;AAAA,IAC7D;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,gBAAgB,oBAAoB;AAC9C;AAEA,IAAO,4BAAQ;",
+  "sourcesContent": ["import { useState, useEffect } from 'react';\n\nexport type HighlightLinksOptions = 'default' | 'highlight';\nexport type StoredHighlightLinksOptions = HighlightLinksOptions | null;\n\nexport type UseHighlightLinksResult = [\n  HighlightLinksOptions,\n  (selectedHighlightLinks: HighlightLinksOptions) => void,\n];\n\nexport const useHighlightLinks = (): UseHighlightLinksResult => {\n  const storedHighlightLinks = localStorage.getItem(\n    '--theme-highlight-links'\n  ) as StoredHighlightLinksOptions;\n\n  const [highlightLinks, changeHighlightLinks] =\n    useState<HighlightLinksOptions>(storedHighlightLinks || 'default');\n\n  useEffect(() => {\n    if (highlightLinks === 'highlight') {\n      document.documentElement.classList.add(`ds-highlight-links`);\n    } else {\n      document.documentElement.classList.remove(`ds-highlight-links`);\n    }\n    localStorage.setItem('--theme-highlight-links', highlightLinks);\n  }, [highlightLinks]);\n\n  useEffect(() => {\n    const beforePrintListener = () => {\n      document.documentElement.classList.remove(`ds-highlight-links`);\n    };\n    const afterPrintListener = () => {\n      document.documentElement.classList.add(\n        localStorage.getItem('--theme-highlight-links') === 'highlight'\n          ? `ds-highlight-links`\n          : ''\n      );\n    };\n    window.addEventListener('beforeprint', beforePrintListener);\n    window.addEventListener('afterprint', afterPrintListener);\n    return () => {\n      window.removeEventListener('beforeprint', beforePrintListener);\n      window.removeEventListener('afterprint', afterPrintListener);\n    };\n  }, []);\n\n  return [highlightLinks, changeHighlightLinks];\n};\n\nexport default useHighlightLinks;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAU7B,MAAM,oBAAoB,MAA+B;AAC9D,QAAM,uBAAuB,aAAa;AAAA,IACxC;AAAA,EACF;AAEA,QAAM,CAAC,gBAAgB,oBAAoB,QACzC,uBAAgC,wBAAwB,SAAS;AAEnE,8BAAU,MAAM;AACd,QAAI,mBAAmB,aAAa;AAClC,eAAS,gBAAgB,UAAU,IAAI,oBAAoB;AAAA,IAC7D,OAAO;AACL,eAAS,gBAAgB,UAAU,OAAO,oBAAoB;AAAA,IAChE;AACA,iBAAa,QAAQ,2BAA2B,cAAc;AAAA,EAChE,GAAG,CAAC,cAAc,CAAC;AAEnB,8BAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,eAAS,gBAAgB,UAAU,OAAO,oBAAoB;AAAA,IAChE;AACA,UAAM,qBAAqB,MAAM;AAC/B,eAAS,gBAAgB,UAAU;AAAA,QACjC,aAAa,QAAQ,yBAAyB,MAAM,cAChD,uBACA;AAAA,MACN;AAAA,IACF;AACA,WAAO,iBAAiB,eAAe,mBAAmB;AAC1D,WAAO,iBAAiB,cAAc,kBAAkB;AACxD,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe,mBAAmB;AAC7D,aAAO,oBAAoB,cAAc,kBAAkB;AAAA,IAC7D;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,gBAAgB,oBAAoB;AAC9C;AAEA,IAAO,4BAAQ;",
   "names": []
 }

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

@@ -23,7 +23,9 @@ __export(useTheme_exports, {
 module.exports = __toCommonJS(useTheme_exports);
 var import_react = require("react");
 const useTheme = () => {
-  const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)").matches;
+  const prefersDarkScheme = window.matchMedia(
+    "(prefers-color-scheme: dark)"
+  ).matches;
   const storedTheme = localStorage.getItem(
     "--theme-palette"
   );

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/hooks/useTheme.ts"],
-  "sourcesContent": ["import { useState, useEffect } from 'react';\n\nexport type ThemeSelectOptions = 'light' | 'dark' | 'auto';\nexport type StoredThemeOptions = ThemeSelectOptions | null;\n\nexport type UseThemeResult = [\n  ThemeSelectOptions,\n  (selectedTheme: ThemeSelectOptions) => void\n];\n\nexport const useTheme = (): UseThemeResult => {\n  const prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)')\n    .matches;\n  const storedTheme = localStorage.getItem(\n    '--theme-palette'\n  ) as StoredThemeOptions;\n\n  const [theme, changeTheme] = useState<ThemeSelectOptions>(\n    storedTheme || 'auto'\n  );\n\n  useEffect(() => {\n    document.documentElement.classList.remove('dark', 'light', 'auto');\n    if (theme === 'auto') {\n      document.documentElement.classList.add(\n        prefersDarkScheme ? 'dark' : 'light'\n      );\n    } else {\n      document.documentElement.classList.add(theme);\n    }\n    localStorage.setItem('--theme-palette', theme);\n  }, [theme]);\n\n  useEffect(() => {\n    const beforePrintListener = () => {\n      document.documentElement.classList.remove('dark');\n      document.documentElement.classList.add('light');\n    };\n    const afterPrintListener = () => {\n      document.documentElement.classList.remove('light');\n      let localtheme;\n      if (localStorage.getItem('--theme-palette') === 'auto') {\n        localtheme = prefersDarkScheme ? 'dark' : 'light';\n      } else {\n        localtheme = localStorage.getItem('--theme-palette');\n      }\n      document.documentElement.classList.add(localtheme || theme);\n    };\n    window.addEventListener('beforeprint', beforePrintListener);\n    window.addEventListener('afterprint', afterPrintListener);\n    return () => {\n      window.removeEventListener('beforeprint', beforePrintListener);\n      window.removeEventListener('afterprint', afterPrintListener);\n    };\n  }, []);\n\n  return [theme, changeTheme];\n};\n\nexport default useTheme;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAU7B,MAAM,WAAW,MAAsB;AAC5C,QAAM,oBAAoB,OAAO,WAAW,8BAA8B,EACvE;AACH,QAAM,cAAc,aAAa;AAAA,IAC/B;AAAA,EACF;AAEA,QAAM,CAAC,OAAO,WAAW,QAAI;AAAA,IAC3B,eAAe;AAAA,EACjB;AAEA,8BAAU,MAAM;AACd,aAAS,gBAAgB,UAAU,OAAO,QAAQ,SAAS,MAAM;AACjE,QAAI,UAAU,QAAQ;AACpB,eAAS,gBAAgB,UAAU;AAAA,QACjC,oBAAoB,SAAS;AAAA,MAC/B;AAAA,IACF,OAAO;AACL,eAAS,gBAAgB,UAAU,IAAI,KAAK;AAAA,IAC9C;AACA,iBAAa,QAAQ,mBAAmB,KAAK;AAAA,EAC/C,GAAG,CAAC,KAAK,CAAC;AAEV,8BAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,eAAS,gBAAgB,UAAU,OAAO,MAAM;AAChD,eAAS,gBAAgB,UAAU,IAAI,OAAO;AAAA,IAChD;AACA,UAAM,qBAAqB,MAAM;AAC/B,eAAS,gBAAgB,UAAU,OAAO,OAAO;AACjD,UAAI;AACJ,UAAI,aAAa,QAAQ,iBAAiB,MAAM,QAAQ;AACtD,qBAAa,oBAAoB,SAAS;AAAA,MAC5C,OAAO;AACL,qBAAa,aAAa,QAAQ,iBAAiB;AAAA,MACrD;AACA,eAAS,gBAAgB,UAAU,IAAI,cAAc,KAAK;AAAA,IAC5D;AACA,WAAO,iBAAiB,eAAe,mBAAmB;AAC1D,WAAO,iBAAiB,cAAc,kBAAkB;AACxD,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe,mBAAmB;AAC7D,aAAO,oBAAoB,cAAc,kBAAkB;AAAA,IAC7D;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,OAAO,WAAW;AAC5B;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import { useState, useEffect } from 'react';\n\nexport type ThemeSelectOptions = 'light' | 'dark' | 'auto';\nexport type StoredThemeOptions = ThemeSelectOptions | null;\n\nexport type UseThemeResult = [\n  ThemeSelectOptions,\n  (selectedTheme: ThemeSelectOptions) => void,\n];\n\nexport const useTheme = (): UseThemeResult => {\n  const prefersDarkScheme = window.matchMedia(\n    '(prefers-color-scheme: dark)'\n  ).matches;\n  const storedTheme = localStorage.getItem(\n    '--theme-palette'\n  ) as StoredThemeOptions;\n\n  const [theme, changeTheme] = useState<ThemeSelectOptions>(\n    storedTheme || 'auto'\n  );\n\n  useEffect(() => {\n    document.documentElement.classList.remove('dark', 'light', 'auto');\n    if (theme === 'auto') {\n      document.documentElement.classList.add(\n        prefersDarkScheme ? 'dark' : 'light'\n      );\n    } else {\n      document.documentElement.classList.add(theme);\n    }\n    localStorage.setItem('--theme-palette', theme);\n  }, [theme]);\n\n  useEffect(() => {\n    const beforePrintListener = () => {\n      document.documentElement.classList.remove('dark');\n      document.documentElement.classList.add('light');\n    };\n    const afterPrintListener = () => {\n      document.documentElement.classList.remove('light');\n      let localtheme;\n      if (localStorage.getItem('--theme-palette') === 'auto') {\n        localtheme = prefersDarkScheme ? 'dark' : 'light';\n      } else {\n        localtheme = localStorage.getItem('--theme-palette');\n      }\n      document.documentElement.classList.add(localtheme || theme);\n    };\n    window.addEventListener('beforeprint', beforePrintListener);\n    window.addEventListener('afterprint', afterPrintListener);\n    return () => {\n      window.removeEventListener('beforeprint', beforePrintListener);\n      window.removeEventListener('afterprint', afterPrintListener);\n    };\n  }, []);\n\n  return [theme, changeTheme];\n};\n\nexport default useTheme;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAU7B,MAAM,WAAW,MAAsB;AAC5C,QAAM,oBAAoB,OAAO;AAAA,IAC/B;AAAA,EACF,EAAE;AACF,QAAM,cAAc,aAAa;AAAA,IAC/B;AAAA,EACF;AAEA,QAAM,CAAC,OAAO,WAAW,QAAI;AAAA,IAC3B,eAAe;AAAA,EACjB;AAEA,8BAAU,MAAM;AACd,aAAS,gBAAgB,UAAU,OAAO,QAAQ,SAAS,MAAM;AACjE,QAAI,UAAU,QAAQ;AACpB,eAAS,gBAAgB,UAAU;AAAA,QACjC,oBAAoB,SAAS;AAAA,MAC/B;AAAA,IACF,OAAO;AACL,eAAS,gBAAgB,UAAU,IAAI,KAAK;AAAA,IAC9C;AACA,iBAAa,QAAQ,mBAAmB,KAAK;AAAA,EAC/C,GAAG,CAAC,KAAK,CAAC;AAEV,8BAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,eAAS,gBAAgB,UAAU,OAAO,MAAM;AAChD,eAAS,gBAAgB,UAAU,IAAI,OAAO;AAAA,IAChD;AACA,UAAM,qBAAqB,MAAM;AAC/B,eAAS,gBAAgB,UAAU,OAAO,OAAO;AACjD,UAAI;AACJ,UAAI,aAAa,QAAQ,iBAAiB,MAAM,QAAQ;AACtD,qBAAa,oBAAoB,SAAS;AAAA,MAC5C,OAAO;AACL,qBAAa,aAAa,QAAQ,iBAAiB;AAAA,MACrD;AACA,eAAS,gBAAgB,UAAU,IAAI,cAAc,KAAK;AAAA,IAC5D;AACA,WAAO,iBAAiB,eAAe,mBAAmB;AAC1D,WAAO,iBAAiB,cAAc,kBAAkB;AACxD,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe,mBAAmB;AAC7D,aAAO,oBAAoB,cAAc,kBAAkB;AAAA,IAC7D;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,OAAO,WAAW;AAC5B;AAEA,IAAO,mBAAQ;",
   "names": []
 }

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/__stories__/Auto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/content/Accordion/__stories__/Auto.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport {\n  AccordionControls,\n  AccordionSectionContent,\n  AccordionSectionSummary,\n  AccordionSectionSummaryHeading,\n} from '@digigov/ui/content/Accordion';\nimport { \n  AccordionAuto,\n  AccordionSectionAuto,\n  AccordionCloseAllButtonAuto,\n  AccordionOpenAllButtonAuto,\n} from '@digigov/ui/content/Accordion/auto';\n\nimport { List } from '@digigov/ui/content/List/List';\nimport { ListItem } from '@digigov/ui/content/List/ListItem';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\n\nexport const Auto = () => {\n  return (\n    <AccordionAuto defaultOpen={'1'}>\n      <AccordionControls>\n        <AccordionOpenAllButtonAuto>Open all</AccordionOpenAllButtonAuto>\n        <AccordionCloseAllButtonAuto>Close all</AccordionCloseAllButtonAuto>\n      </AccordionControls>\n      <AccordionSectionAuto id=\"0\">\n        <AccordionSectionSummary>\n          <AccordionSectionSummaryHeading aria-controls=\"content1\">\n            \u0394\u03B9\u03B1\u03C6\u03BF\u03C1\u03AD\u03C2 \u03BC\u03B5 \u03C4\u03BF \u03B4\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF\n          </AccordionSectionSummaryHeading>\n          <Hint>\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\n            \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03CE\u03BD \u03B4\u03B1\u03C0\u03B1\u03BD\u03CE\u03BD \u03BA.\u03AC.\n          </Hint>\n        </AccordionSectionSummary>\n        <AccordionSectionContent id=\"content1\">\n          <Paragraph>\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\n            \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          </Paragraph>\n          <List>\n            <ListItem>\n              <Link>\n                \u0391\u03AF\u03C4\u03B7\u03C3\u03B7 \u03B5\u03BE\u03CE\u03B4\u03B9\u03BA\u03B7\u03C2 \u03B1\u03BD\u03B1\u03B3\u03BD\u03CE\u03C1\u03B9\u03C3\u03B7\u03C2 \u03B1\u03C0\u03B1\u03B9\u03C4\u03AE\u03C3\u03B5\u03C9\u03BD / \u03C3\u03C5\u03BC\u03B2\u03B9\u03B2\u03B1\u03C3\u03C4\u03B9\u03BA\u03AE\u03C2 \u03B5\u03C0\u03AF\u03BB\u03C5\u03C3\u03B7\u03C2\n                \u03B4\u03B9\u03B1\u03C6\u03BF\u03C1\u03CE\u03BD \u03BC\u03B5 \u03C4\u03BF \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF\n              </Link>\n            </ListItem>\n          </List>\n        </AccordionSectionContent>\n      </AccordionSectionAuto>\n      <AccordionSectionAuto id=\"1\">\n        <AccordionSectionSummary>\n          <AccordionSectionSummaryHeading aria-controls=\"content2\">\n            \u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03AE\u03C1\u03B9\u03B1\n          </AccordionSectionSummaryHeading>\n          <Hint>\u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B7\u03C1\u03AF\u03C9\u03BD, \u03C0\u03B1\u03C1\u03B1\u03BA\u03BF\u03BB\u03BF\u03CD\u03B8\u03B7\u03C3\u03B7 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD \u03BA.\u03AC.</Hint>\n        </AccordionSectionSummary>\n        <AccordionSectionContent id=\"content2\">\n          <Paragraph>\n            \u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF\n            \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2, \u03BA\u03B1\u03C4\u03B7\u03B3\u03BF\u03C1\u03B9\u03BF\u03C0\u03BF\u03B9\u03B7\u03BC\u03AD\u03BD\u03B5\u03C2 \u03C3\u03B5 \u03BF\u03BC\u03AC\u03B4\u03B5\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03B9\u03CE\u03BD.\n          </Paragraph>\n          <List>\n            <ListItem>\n              <Link>\u0395\u03BD\u03B9\u03B1\u03AF\u03BF \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03CC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AE\u03C2 \u03C6\u03B5\u03C1\u03B5\u03B3\u03B3\u03C5\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2</Link>\n            </ListItem>\n            <ListItem>\n              <Link>\u0397\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AD\u03C2 \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AD\u03C2 \u03B1\u03C0\u03BF\u03C6\u03AC\u03C3\u03B5\u03B9\u03C2</Link>\n            </ListItem>\n            <ListItem>\n              <Link>\u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B7\u03C1\u03AF\u03C9\u03BD</Link>\n            </ListItem>\n          </List>\n        </AccordionSectionContent>\n      </AccordionSectionAuto>\n      <AccordionSectionAuto id=\"2\">\n        <AccordionSectionSummary>\n          <AccordionSectionSummaryHeading aria-controls=\"content3\">\n            \u0394\u03B9\u03BA\u03CC\u03B3\u03C1\u03B1\u03C6\u03B1\n          </AccordionSectionSummaryHeading>\n          <Hint>\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03BA\u03B1\u03C4\u03AC\u03B8\u03B5\u03C3\u03B7 \u03B4\u03B9\u03BA\u03BF\u03B3\u03C1\u03AC\u03C6\u03C9\u03BD</Hint>\n        </AccordionSectionSummary>\n        <AccordionSectionContent id=\"content3\">\n          <Paragraph>\n            \u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF\n            \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2.\n          </Paragraph>\n          <List>\n            <ListItem>\n              <Link>\u0391\u03BD\u03C4\u03AF\u03B3\u03C1\u03B1\u03C6\u03BF \u03C0\u03C1\u03B1\u03BA\u03C4\u03B9\u03BA\u03CE\u03BD \u03C5\u03C0\u03CC\u03B8\u03B5\u03C3\u03B7\u03C2</Link>\n            </ListItem>\n            <ListItem>\n              <Link>\n                \u0397\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AE \u03BA\u03B1\u03C4\u03AC\u03B8\u03B5\u03C3\u03B7 \u03B4\u03B9\u03BA\u03BF\u03B3\u03C1\u03AC\u03C6\u03C9\u03BD (\u03A0\u03BF\u03BB\u03B9\u03C4\u03B9\u03BA\u03AC / \u03A0\u03BF\u03B9\u03BD\u03B9\u03BA\u03AC \u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03AE\u03C1\u03B9\u03B1)\n              </Link>\n            </ListItem>\n          </List>\n        </AccordionSectionContent>\n      </AccordionSectionAuto>\n      <AccordionSectionAuto id=\"4\">\n        <AccordionSectionSummary>\n          <AccordionSectionSummaryHeading aria-controls=\"content4\">\n            \u039A\u03B1\u03C4\u03B1\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03B1 \u03BA\u03C1\u03AC\u03C4\u03B7\u03C3\u03B7\u03C2\n          </AccordionSectionSummaryHeading>\n          <Hint>\n            \u0395\u03C0\u03B1\u03BD\u03AD\u03BD\u03C4\u03B1\u03BE\u03B7 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD, \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AC, \u03B5\u03C0\u03B9\u03C3\u03BA\u03B5\u03C0\u03C4\u03AE\u03C1\u03B9\u03B1 \u03BA.\u03AC.\n          </Hint>\n        </AccordionSectionSummary>\n        <AccordionSectionContent id=\"content4\">\n          <Paragraph>\n            \u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF\n            \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2.\n          </Paragraph>\n          <List>\n            <ListItem>\n              <Link>\u0392\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B7\u03B8\u03B9\u03BA\u03BF\u03CD / \u03C0\u03B5\u03B9\u03B8\u03B1\u03C1\u03C7\u03B9\u03BA\u03BF\u03CD \u03B5\u03BB\u03AD\u03B3\u03C7\u03BF\u03C5 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD</Link>\n            </ListItem>\n            <ListItem>\n              <Link>\u0395\u03BA\u03C0\u03B1\u03AF\u03B4\u03B5\u03C5\u03C3\u03B7 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD</Link>\n            </ListItem>\n          </List>\n        </AccordionSectionContent>\n      </AccordionSectionAuto>\n    </AccordionAuto>\n  );\n};\n\nexport default Auto;\n"],
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  AccordionControls,\n  AccordionSectionContent,\n  AccordionSectionSummary,\n  AccordionSectionSummaryHeading,\n} from '@digigov/ui/content/Accordion';\nimport {\n  AccordionAuto,\n  AccordionSectionAuto,\n  AccordionCloseAllButtonAuto,\n  AccordionOpenAllButtonAuto,\n} from '@digigov/ui/content/Accordion/auto';\n\nimport { List } from '@digigov/ui/content/List/List';\nimport { ListItem } from '@digigov/ui/content/List/ListItem';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\n\nexport const Auto = () => {\n  return (\n    <AccordionAuto defaultOpen={'1'}>\n      <AccordionControls>\n        <AccordionOpenAllButtonAuto>Open all</AccordionOpenAllButtonAuto>\n        <AccordionCloseAllButtonAuto>Close all</AccordionCloseAllButtonAuto>\n      </AccordionControls>\n      <AccordionSectionAuto id=\"0\">\n        <AccordionSectionSummary>\n          <AccordionSectionSummaryHeading aria-controls=\"content1\">\n            \u0394\u03B9\u03B1\u03C6\u03BF\u03C1\u03AD\u03C2 \u03BC\u03B5 \u03C4\u03BF \u03B4\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF\n          </AccordionSectionSummaryHeading>\n          <Hint>\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\n            \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03CE\u03BD \u03B4\u03B1\u03C0\u03B1\u03BD\u03CE\u03BD \u03BA.\u03AC.\n          </Hint>\n        </AccordionSectionSummary>\n        <AccordionSectionContent id=\"content1\">\n          <Paragraph>\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\n            \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          </Paragraph>\n          <List>\n            <ListItem>\n              <Link>\n                \u0391\u03AF\u03C4\u03B7\u03C3\u03B7 \u03B5\u03BE\u03CE\u03B4\u03B9\u03BA\u03B7\u03C2 \u03B1\u03BD\u03B1\u03B3\u03BD\u03CE\u03C1\u03B9\u03C3\u03B7\u03C2 \u03B1\u03C0\u03B1\u03B9\u03C4\u03AE\u03C3\u03B5\u03C9\u03BD / \u03C3\u03C5\u03BC\u03B2\u03B9\u03B2\u03B1\u03C3\u03C4\u03B9\u03BA\u03AE\u03C2 \u03B5\u03C0\u03AF\u03BB\u03C5\u03C3\u03B7\u03C2\n                \u03B4\u03B9\u03B1\u03C6\u03BF\u03C1\u03CE\u03BD \u03BC\u03B5 \u03C4\u03BF \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF\n              </Link>\n            </ListItem>\n          </List>\n        </AccordionSectionContent>\n      </AccordionSectionAuto>\n      <AccordionSectionAuto id=\"1\">\n        <AccordionSectionSummary>\n          <AccordionSectionSummaryHeading aria-controls=\"content2\">\n            \u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03AE\u03C1\u03B9\u03B1\n          </AccordionSectionSummaryHeading>\n          <Hint>\u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B7\u03C1\u03AF\u03C9\u03BD, \u03C0\u03B1\u03C1\u03B1\u03BA\u03BF\u03BB\u03BF\u03CD\u03B8\u03B7\u03C3\u03B7 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD \u03BA.\u03AC.</Hint>\n        </AccordionSectionSummary>\n        <AccordionSectionContent id=\"content2\">\n          <Paragraph>\n            \u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF\n            \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2, \u03BA\u03B1\u03C4\u03B7\u03B3\u03BF\u03C1\u03B9\u03BF\u03C0\u03BF\u03B9\u03B7\u03BC\u03AD\u03BD\u03B5\u03C2 \u03C3\u03B5 \u03BF\u03BC\u03AC\u03B4\u03B5\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03B9\u03CE\u03BD.\n          </Paragraph>\n          <List>\n            <ListItem>\n              <Link>\u0395\u03BD\u03B9\u03B1\u03AF\u03BF \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03CC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AE\u03C2 \u03C6\u03B5\u03C1\u03B5\u03B3\u03B3\u03C5\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2</Link>\n            </ListItem>\n            <ListItem>\n              <Link>\u0397\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AD\u03C2 \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AD\u03C2 \u03B1\u03C0\u03BF\u03C6\u03AC\u03C3\u03B5\u03B9\u03C2</Link>\n            </ListItem>\n            <ListItem>\n              <Link>\u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B7\u03C1\u03AF\u03C9\u03BD</Link>\n            </ListItem>\n          </List>\n        </AccordionSectionContent>\n      </AccordionSectionAuto>\n      <AccordionSectionAuto id=\"2\">\n        <AccordionSectionSummary>\n          <AccordionSectionSummaryHeading aria-controls=\"content3\">\n            \u0394\u03B9\u03BA\u03CC\u03B3\u03C1\u03B1\u03C6\u03B1\n          </AccordionSectionSummaryHeading>\n          <Hint>\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03BA\u03B1\u03C4\u03AC\u03B8\u03B5\u03C3\u03B7 \u03B4\u03B9\u03BA\u03BF\u03B3\u03C1\u03AC\u03C6\u03C9\u03BD</Hint>\n        </AccordionSectionSummary>\n        <AccordionSectionContent id=\"content3\">\n          <Paragraph>\n            \u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF\n            \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2.\n          </Paragraph>\n          <List>\n            <ListItem>\n              <Link>\u0391\u03BD\u03C4\u03AF\u03B3\u03C1\u03B1\u03C6\u03BF \u03C0\u03C1\u03B1\u03BA\u03C4\u03B9\u03BA\u03CE\u03BD \u03C5\u03C0\u03CC\u03B8\u03B5\u03C3\u03B7\u03C2</Link>\n            </ListItem>\n            <ListItem>\n              <Link>\n                \u0397\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AE \u03BA\u03B1\u03C4\u03AC\u03B8\u03B5\u03C3\u03B7 \u03B4\u03B9\u03BA\u03BF\u03B3\u03C1\u03AC\u03C6\u03C9\u03BD (\u03A0\u03BF\u03BB\u03B9\u03C4\u03B9\u03BA\u03AC / \u03A0\u03BF\u03B9\u03BD\u03B9\u03BA\u03AC \u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03AE\u03C1\u03B9\u03B1)\n              </Link>\n            </ListItem>\n          </List>\n        </AccordionSectionContent>\n      </AccordionSectionAuto>\n      <AccordionSectionAuto id=\"4\">\n        <AccordionSectionSummary>\n          <AccordionSectionSummaryHeading aria-controls=\"content4\">\n            \u039A\u03B1\u03C4\u03B1\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03B1 \u03BA\u03C1\u03AC\u03C4\u03B7\u03C3\u03B7\u03C2\n          </AccordionSectionSummaryHeading>\n          <Hint>\n            \u0395\u03C0\u03B1\u03BD\u03AD\u03BD\u03C4\u03B1\u03BE\u03B7 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD, \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AC, \u03B5\u03C0\u03B9\u03C3\u03BA\u03B5\u03C0\u03C4\u03AE\u03C1\u03B9\u03B1 \u03BA.\u03AC.\n          </Hint>\n        </AccordionSectionSummary>\n        <AccordionSectionContent id=\"content4\">\n          <Paragraph>\n            \u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF\n            \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2.\n          </Paragraph>\n          <List>\n            <ListItem>\n              <Link>\u0392\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B7\u03B8\u03B9\u03BA\u03BF\u03CD / \u03C0\u03B5\u03B9\u03B8\u03B1\u03C1\u03C7\u03B9\u03BA\u03BF\u03CD \u03B5\u03BB\u03AD\u03B3\u03C7\u03BF\u03C5 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD</Link>\n            </ListItem>\n            <ListItem>\n              <Link>\u0395\u03BA\u03C0\u03B1\u03AF\u03B4\u03B5\u03C5\u03C3\u03B7 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD</Link>\n            </ListItem>\n          </List>\n        </AccordionSectionContent>\n      </AccordionSectionAuto>\n    </AccordionAuto>\n  );\n};\n\nexport default Auto;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,uBAKO;AACP,kBAKO;AAEP,kBAAqB;AACrB,sBAAyB;AACzB,kBAAqB;AACrB,kBAAqB;AACrB,uBAA0B;AAEnB,MAAM,OAAO,MAAM;AACxB,SACE,6BAAAA,QAAA,cAAC,6BAAc,aAAa,OAC1B,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,8CAA2B,UAAQ,GACpC,6BAAAA,QAAA,cAAC,+CAA4B,WAAS,CACxC,GACA,6BAAAA,QAAA,cAAC,oCAAqB,IAAG,OACvB,6BAAAA,QAAA,cAAC,gDACC,6BAAAA,QAAA,cAAC,mDAA+B,iBAAc,cAAW,uHAEzD,GACA,6BAAAA,QAAA,cAAC,wBAAK,2cAGN,CACF,GACA,6BAAAA,QAAA,cAAC,4CAAwB,IAAG,cAC1B,6BAAAA,QAAA,cAAC,kCAAU,mgBAGX,GACA,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,wBAAK,+cAGN,CACF,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAqB,IAAG,OACvB,6BAAAA,QAAA,cAAC,gDACC,6BAAAA,QAAA,cAAC,mDAA+B,iBAAc,cAAW,8DAEzD,GACA,6BAAAA,QAAA,cAAC,wBAAK,ySAAuD,CAC/D,GACA,6BAAAA,QAAA,cAAC,4CAAwB,IAAG,cAC1B,6BAAAA,QAAA,cAAC,kCAAU,+qBAGX,GACA,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,wBAAK,iQAA6C,CACrD,GACA,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,wBAAK,8LAAiC,CACzC,GACA,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,wBAAK,mJAAyB,CACjC,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAqB,IAAG,OACvB,6BAAAA,QAAA,cAAC,gDACC,6BAAAA,QAAA,cAAC,mDAA+B,iBAAc,cAAW,wDAEzD,GACA,6BAAAA,QAAA,cAAC,wBAAK,wNAAuC,CAC/C,GACA,6BAAAA,QAAA,cAAC,4CAAwB,IAAG,cAC1B,6BAAAA,QAAA,cAAC,kCAAU,wdAGX,GACA,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,wBAAK,gKAA4B,CACpC,GACA,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,wBAAK,+UAEN,CACF,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAqB,IAAG,OACvB,6BAAAA,QAAA,cAAC,gDACC,6BAAAA,QAAA,cAAC,mDAA+B,iBAAc,cAAW,qHAEzD,GACA,6BAAAA,QAAA,cAAC,wBAAK,kUAEN,CACF,GACA,6BAAAA,QAAA,cAAC,4CAAwB,IAAG,cAC1B,6BAAAA,QAAA,cAAC,kCAAU,wdAGX,GACA,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,wBAAK,kSAAqD,CAC7D,GACA,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,wBAAK,yJAA0B,CAClC,CACF,CACF,CACF,CACF;AAEJ;AAEA,IAAO,eAAQ;",
   "names": ["React"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/Accordion/auto.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Accordion } from '@digigov/react-core/Accordion';\nimport {\n  AccordionSection,\n  type AccordionSectionProps,\n} from '@digigov/react-core/AccordionSection';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport {\n  AccordionItemId,\n  useAccordion,\n} from '@digigov/ui/content/Accordion/hooks';\n\nimport { UseAccordionReturn } from '@digigov/ui/content/Accordion/hooks';\n\nexport interface ButtonAccordionAutoProps extends ButtonProps {}\nexport interface AccordionSectionAutoProps extends AccordionSectionProps {\n  id: string;\n}\n\nconst AccordionContext = React.createContext<UseAccordionReturn | null>(null);\nexport const AccordionAuto = ({\n  singleOpen,\n  defaultOpen,\n  children,\n  ...props\n}: {\n  singleOpen?: boolean;\n  defaultOpen?: AccordionItemId;\n  children: React.ReactNode;\n}) => {\n  const accordion = useAccordion({\n    singleOpen,\n    defaultOpen,\n  });\n\n  return (\n    <AccordionContext.Provider value={accordion}>\n      <Accordion {...props}>{children}</Accordion>\n    </AccordionContext.Provider>\n  );\n};\nexport const useAccordionContext = (): UseAccordionReturn | null => {\n  const context = useContext(AccordionContext);\n  if (context === null) {\n    throw new Error(\n      'AccordionContext must be used within an AccordionProvider'\n    );\n  }\n  return context;\n};\n\nexport const AccordionSectionAuto = React.forwardRef<\n  HTMLDetailsElement,\n  AccordionSectionAutoProps\n>(function AccordionSectionAuto({ id, ...props }, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionSectionAuto must be used within an AccordionProvider'\n    );\n  }\n  const { section } = context;\n  return (\n    <AccordionSection\n      {...section(id)}\n      ref={section(id).ref || ref}\n      {...props}\n    />\n  );\n});\n\nexport const AccordionOpenAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAccordionAutoProps\n>(function AccordionOpenAllButtonAuto(props, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionOpenAllButtonAuto must be used within an AccordionProvider'\n    );\n  }\n  const { openAll, hasOpen } = context;\n  return !hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={openAll} {...props} />\n  ) : null;\n});\n\nexport const AccordionCloseAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAccordionAutoProps\n>(function AccordionCloseAllButtonAuto(props, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionCloseAllButtonAuto must be used within an AccordionProvider'\n    );\n  }\n  const { closeAll, hasOpen } = context;\n  return hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={closeAll} {...props} />\n  ) : null;\n});\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,uBAA0B;AAC1B,8BAGO;AACP,oBAAoC;AACpC,mBAGO;AASP,MAAM,mBAAmB,aAAAA,QAAM,cAAyC,IAAI;AACrE,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAIM;AACJ,QAAM,gBAAY,2BAAa;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,6BAAAA,QAAA,cAAC,iBAAiB,UAAjB,EAA0B,OAAO,aAChC,6BAAAA,QAAA,cAAC,8BAAW,GAAG,SAAQ,QAAS,CAClC;AAEJ;AACO,MAAM,sBAAsB,MAAiC;AAClE,QAAM,cAAU,yBAAW,gBAAgB;AAC3C,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,uBAAuB,aAAAA,QAAM,WAGxC,SAASC,sBAAqB,EAAE,IAAI,GAAG,MAAM,GAAG,KAAK;AACrD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,QAAQ,IAAI;AACpB,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,QAAQ,EAAE;AAAA,MACd,KAAK,QAAQ,EAAE,EAAE,OAAO;AAAA,MACvB,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAEM,MAAM,6BAA6B,aAAAA,QAAM,WAG9C,SAASE,4BAA2B,OAAO,KAAK;AAChD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,SAAS,QAAQ,IAAI;AAC7B,SAAO,CAAC,UACN,6BAAAF,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,SAAU,GAAG,OAAO,IAC5D;AACN,CAAC;AAEM,MAAM,8BAA8B,aAAAA,QAAM,WAG/C,SAASG,6BAA4B,OAAO,KAAK;AACjD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,UAAU,QAAQ,IAAI;AAC9B,SAAO,UACL,6BAAAH,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,UAAW,GAAG,OAAO,IAC7D;AACN,CAAC;",
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Accordion } from '@digigov/react-core/Accordion';\nimport {\n  AccordionSection,\n  type AccordionSectionProps,\n} from '@digigov/react-core/AccordionSection';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport {\n  AccordionItemId,\n  useAccordion,\n  UseAccordionReturn,\n} from '@digigov/ui/content/Accordion/hooks';\n\nexport interface ButtonAccordionAutoProps extends ButtonProps {}\nexport interface AccordionSectionAutoProps extends AccordionSectionProps {\n  id: string;\n}\n\nconst AccordionContext = React.createContext<UseAccordionReturn | null>(null);\nexport const AccordionAuto = ({\n  singleOpen,\n  defaultOpen,\n  children,\n  ...props\n}: {\n  singleOpen?: boolean;\n  defaultOpen?: AccordionItemId;\n  children: React.ReactNode;\n}) => {\n  const accordion = useAccordion({\n    singleOpen,\n    defaultOpen,\n  });\n\n  return (\n    <AccordionContext.Provider value={accordion}>\n      <Accordion {...props}>{children}</Accordion>\n    </AccordionContext.Provider>\n  );\n};\nexport const useAccordionContext = (): UseAccordionReturn | null => {\n  const context = useContext(AccordionContext);\n  if (context === null) {\n    throw new Error(\n      'AccordionContext must be used within an AccordionProvider'\n    );\n  }\n  return context;\n};\n\nexport const AccordionSectionAuto = React.forwardRef<\n  HTMLDetailsElement,\n  AccordionSectionAutoProps\n>(function AccordionSectionAuto({ id, ...props }, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionSectionAuto must be used within an AccordionProvider'\n    );\n  }\n  const { section } = context;\n  return (\n    <AccordionSection\n      {...section(id)}\n      ref={section(id).ref || ref}\n      {...props}\n    />\n  );\n});\n\nexport const AccordionOpenAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAccordionAutoProps\n>(function AccordionOpenAllButtonAuto(props, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionOpenAllButtonAuto must be used within an AccordionProvider'\n    );\n  }\n  const { openAll, hasOpen } = context;\n  return !hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={openAll} {...props} />\n  ) : null;\n});\n\nexport const AccordionCloseAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAccordionAutoProps\n>(function AccordionCloseAllButtonAuto(props, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionCloseAllButtonAuto must be used within an AccordionProvider'\n    );\n  }\n  const { closeAll, hasOpen } = context;\n  return hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={closeAll} {...props} />\n  ) : null;\n});\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,uBAA0B;AAC1B,8BAGO;AACP,oBAAoC;AACpC,mBAIO;AAOP,MAAM,mBAAmB,aAAAA,QAAM,cAAyC,IAAI;AACrE,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAIM;AACJ,QAAM,gBAAY,2BAAa;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,6BAAAA,QAAA,cAAC,iBAAiB,UAAjB,EAA0B,OAAO,aAChC,6BAAAA,QAAA,cAAC,8BAAW,GAAG,SAAQ,QAAS,CAClC;AAEJ;AACO,MAAM,sBAAsB,MAAiC;AAClE,QAAM,cAAU,yBAAW,gBAAgB;AAC3C,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,uBAAuB,aAAAA,QAAM,WAGxC,SAASC,sBAAqB,EAAE,IAAI,GAAG,MAAM,GAAG,KAAK;AACrD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,QAAQ,IAAI;AACpB,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,QAAQ,EAAE;AAAA,MACd,KAAK,QAAQ,EAAE,EAAE,OAAO;AAAA,MACvB,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAEM,MAAM,6BAA6B,aAAAA,QAAM,WAG9C,SAASE,4BAA2B,OAAO,KAAK;AAChD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,SAAS,QAAQ,IAAI;AAC7B,SAAO,CAAC,UACN,6BAAAF,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,SAAU,GAAG,OAAO,IAC5D;AACN,CAAC;AAEM,MAAM,8BAA8B,aAAAA,QAAM,WAG/C,SAASG,6BAA4B,OAAO,KAAK;AACjD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,UAAU,QAAQ,IAAI;AAC9B,SAAO,UACL,6BAAAH,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,UAAW,GAAG,OAAO,IAC7D;AACN,CAAC;",
   "names": ["React", "AccordionSectionAuto", "AccordionOpenAllButtonAuto", "AccordionCloseAllButtonAuto"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/Accordion/index.tsx"],
-  "sourcesContent": ["/* eslint-disable react-hooks/exhaustive-deps */\nimport Accordion from '@digigov/react-core/Accordion';\n\nexport * from '@digigov/react-core/Accordion';\nexport * from '@digigov/react-core/AccordionControls';\nexport * from '@digigov/react-core/AccordionSection';\nexport * from '@digigov/react-core/AccordionSectionContent';\nexport * from '@digigov/react-core/AccordionSectionSummary';\nexport * from '@digigov/react-core/AccordionSectionSummaryHeading';\nexport * from '@digigov/ui/content/Accordion/hooks';\n\nexport default Accordion;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,uBAAsB;AAEtB,8BAAc,0CAHd;AAIA,8BAAc,kDAJd;AAKA,8BAAc,iDALd;AAMA,8BAAc,wDANd;AAOA,8BAAc,wDAPd;AAQA,8BAAc,+DARd;AASA,8BAAc,gDATd;AAWA,IAAO,oBAAQ,iBAAAA;",
+  "sourcesContent": ["import Accordion from '@digigov/react-core/Accordion';\n\nexport * from '@digigov/react-core/Accordion';\nexport * from '@digigov/react-core/AccordionControls';\nexport * from '@digigov/react-core/AccordionSection';\nexport * from '@digigov/react-core/AccordionSectionContent';\nexport * from '@digigov/react-core/AccordionSectionSummary';\nexport * from '@digigov/react-core/AccordionSectionSummaryHeading';\nexport * from '@digigov/ui/content/Accordion/hooks';\n\nexport default Accordion;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AAEtB,8BAAc,0CAFd;AAGA,8BAAc,kDAHd;AAIA,8BAAc,iDAJd;AAKA,8BAAc,wDALd;AAMA,8BAAc,wDANd;AAOA,8BAAc,+DAPd;AAQA,8BAAc,gDARd;AAUA,IAAO,oBAAQ,iBAAAA;",
   "names": ["Accordion"]
 }

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"]
 }