From 20b200a237defb43146073f08cd0414bb8a511b2 Mon Sep 17 00:00:00 2001
From: Thomas Lopez <thlopez@bouyguestelecom.fr>
Date: Wed, 24 Jul 2024 10:57:19 +0200
Subject: [PATCH 01/27] component file example

---
 .../accordion/Accordion.example.tsx           | 45 +++++++++++++++++++
 packages/react/components/accordion/index.ts  |  3 +-
 .../react/components/alert/Alert.example.tsx  | 11 +++++
 packages/react/components/alert/index.ts      |  3 +-
 .../react/components/badge/Badge.example.tsx  | 10 +++++
 5 files changed, 70 insertions(+), 2 deletions(-)
 create mode 100644 packages/react/components/accordion/Accordion.example.tsx
 create mode 100644 packages/react/components/alert/Alert.example.tsx
 create mode 100644 packages/react/components/badge/Badge.example.tsx

diff --git a/packages/react/components/accordion/Accordion.example.tsx b/packages/react/components/accordion/Accordion.example.tsx
new file mode 100644
index 00000000..4ee6ad8a
--- /dev/null
+++ b/packages/react/components/accordion/Accordion.example.tsx
@@ -0,0 +1,45 @@
+import React from 'react'
+import { Accordion, AccordionBody, AccordionHeader, AccordionItem } from './index'
+
+const AccordionExample: React.ReactNode = <Accordion>
+  <AccordionItem
+    active
+    id="UN"
+  >
+    <AccordionHeader>
+      Hello World
+    </AccordionHeader>
+    <AccordionBody>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem., consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+    </AccordionBody>
+  </AccordionItem>
+  <AccordionItem id="DEUX">
+    <AccordionHeader>
+      Hello World{' '}
+    </AccordionHeader>
+    <AccordionBody>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+    </AccordionBody>
+  </AccordionItem>
+  <AccordionItem id="TROIS">
+    <AccordionHeader>
+      Hello World
+    </AccordionHeader>
+    <AccordionBody>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+    </AccordionBody>
+  </AccordionItem>
+  <AccordionItem
+    disabled
+    id="QUATRE"
+  >
+    <AccordionHeader>
+      Item disabled
+    </AccordionHeader>
+    <AccordionBody>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+    </AccordionBody>
+  </AccordionItem>
+</Accordion>
+
+export default AccordionExample
diff --git a/packages/react/components/accordion/index.ts b/packages/react/components/accordion/index.ts
index af1bec69..07819eab 100644
--- a/packages/react/components/accordion/index.ts
+++ b/packages/react/components/accordion/index.ts
@@ -2,5 +2,6 @@ import Accordion from './Accordion'
 import AccordionItem from './item'
 import AccordionHeader from './header'
 import AccordionBody from './body'
+import AccordionExample from './Accordion.example'
 
-export { Accordion, AccordionItem, AccordionHeader, AccordionBody }
+export { Accordion, AccordionItem, AccordionHeader, AccordionBody, AccordionExample }
diff --git a/packages/react/components/alert/Alert.example.tsx b/packages/react/components/alert/Alert.example.tsx
new file mode 100644
index 00000000..0a72f00e
--- /dev/null
+++ b/packages/react/components/alert/Alert.example.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+import { Alert } from './index'
+
+const AlertExample: React.ReactNode = <Alert
+  alert='INFO'
+  description='Lorem Ipsum is simply dummy text type and scrambled it to make a type specimen book..'
+  display
+  title='Alert information'
+/>
+
+export default AlertExample
diff --git a/packages/react/components/alert/index.ts b/packages/react/components/alert/index.ts
index 11096b37..5e673703 100644
--- a/packages/react/components/alert/index.ts
+++ b/packages/react/components/alert/index.ts
@@ -1,4 +1,5 @@
 import Alert, { ToasterAlertProvider } from './Alert'
+import AlertExample from './Alert.example'
 import ToasterContext from './context'
 
-export { Alert, ToasterContext, ToasterAlertProvider }
+export { Alert, AlertExample, ToasterContext, ToasterAlertProvider }
diff --git a/packages/react/components/badge/Badge.example.tsx b/packages/react/components/badge/Badge.example.tsx
new file mode 100644
index 00000000..e8ee205b
--- /dev/null
+++ b/packages/react/components/badge/Badge.example.tsx
@@ -0,0 +1,10 @@
+import React from 'react'
+import {
+  Badge
+} from "./index"
+
+const badgeExample: React.ReactNode = <Badge
+  content={5}
+/>
+
+export default badgeExample

From 654f0a15cbbdfdd630eb25f0bc0b227b2b7debfb Mon Sep 17 00:00:00 2001
From: Thomas Lopez <thlopez@bouyguestelecom.fr>
Date: Wed, 24 Jul 2024 14:34:15 +0200
Subject: [PATCH 02/27] add more component examples

---
 .../react/components/badge/Badge.example.tsx  |  4 +-
 packages/react/components/box/Box.example.tsx | 17 +++++++++
 .../components/button/Button.example.tsx      | 37 +++++++++++++++++++
 .../react/components/card/Card.example.tsx    | 28 ++++++++++++++
 4 files changed, 84 insertions(+), 2 deletions(-)
 create mode 100644 packages/react/components/box/Box.example.tsx
 create mode 100644 packages/react/components/button/Button.example.tsx
 create mode 100644 packages/react/components/card/Card.example.tsx

diff --git a/packages/react/components/badge/Badge.example.tsx b/packages/react/components/badge/Badge.example.tsx
index e8ee205b..584abc86 100644
--- a/packages/react/components/badge/Badge.example.tsx
+++ b/packages/react/components/badge/Badge.example.tsx
@@ -3,8 +3,8 @@ import {
   Badge
 } from "./index"
 
-const badgeExample: React.ReactNode = <Badge
+const BadgeExample: React.ReactNode = <Badge
   content={5}
 />
 
-export default badgeExample
+export default BadgeExample
diff --git a/packages/react/components/box/Box.example.tsx b/packages/react/components/box/Box.example.tsx
new file mode 100644
index 00000000..f0212852
--- /dev/null
+++ b/packages/react/components/box/Box.example.tsx
@@ -0,0 +1,17 @@
+import React from 'react'
+import { Box, BoxContent } from './index'
+import { Title } from '@/components/title'
+import { Text } from '@/components/text'
+
+const BoxExample: React.ReactNode = <Box onClick={function noRefCheck(){}}>
+  <BoxContent>
+    <Title level="ONE">
+      Box Title
+    </Title>
+    <Text>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.
+    </Text>
+  </BoxContent>
+</Box>
+
+export default BoxExample
diff --git a/packages/react/components/button/Button.example.tsx b/packages/react/components/button/Button.example.tsx
new file mode 100644
index 00000000..bc385923
--- /dev/null
+++ b/packages/react/components/button/Button.example.tsx
@@ -0,0 +1,37 @@
+import React from 'react'
+import { ButtonList, Button } from './index'
+
+const ButtonExample: React.ReactNode =
+  <ButtonList>
+    <Button
+      onClick={function noRefCheck(){}}
+      variant="PRIMARY"
+    >
+      Button
+    </Button>
+    <Button
+      onClick={function noRefCheck(){}}
+      variant="SECONDARY"
+    >
+      Button
+    </Button>
+    <Button
+      disabled
+      onClick={function noRefCheck(){}}
+      variant="PRIMARY"
+    >
+      Button
+    </Button>
+    <Button
+      loading
+      onClick={function noRefCheck(){}}
+      variant="PRIMARY"
+    >
+      Button
+    </Button>
+  </ButtonList>
+
+export default ButtonExample
+
+
+
diff --git a/packages/react/components/card/Card.example.tsx b/packages/react/components/card/Card.example.tsx
new file mode 100644
index 00000000..47a9a646
--- /dev/null
+++ b/packages/react/components/card/Card.example.tsx
@@ -0,0 +1,28 @@
+import React from 'react'
+import { Card, CardImage, CardContent } from './index'
+import { Title } from '@/components/title'
+import { Text } from '@/components/text'
+import { Button } from '@/components/button'
+
+const CardExample: React.ReactNode = <Card onClick={function noRefCheck(){}}>
+  <CardImage src="https://design.bouyguestelecom.fr/v1/card-sample.200bd9f7.png" />
+  <CardContent>
+    <Title>
+      Présentation
+    </Title>
+    <Title level="ONE">
+      Title lorem
+    </Title>
+    <Text level="ONE">
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, neque eu, vulputate vera.
+    </Text>
+    <Button
+      onClick={function noRefCheck(){}}
+      variant="SECONDARY"
+    >
+      Voir plus...
+    </Button>
+  </CardContent>
+</Card>
+
+export default CardExample

From 2dee243e66a59827e9e7b2f549e0ad67821bd764 Mon Sep 17 00:00:00 2001
From: Thomas Lopez <thlopez@bouyguestelecom.fr>
Date: Wed, 24 Jul 2024 14:39:26 +0200
Subject: [PATCH 03/27] export examples

---
 packages/react/components/badge/index.ts  | 3 ++-
 packages/react/components/box/index.ts    | 3 ++-
 packages/react/components/button/index.ts | 3 ++-
 packages/react/components/card/index.ts   | 3 ++-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/react/components/badge/index.ts b/packages/react/components/badge/index.ts
index a4728002..a72bb1d8 100644
--- a/packages/react/components/badge/index.ts
+++ b/packages/react/components/badge/index.ts
@@ -1,5 +1,6 @@
 import Badge from './Badge'
+import BadgeExample from './Badge.example'
 
 export * from './BadgeEnum'
 
-export { Badge }
+export { Badge, BadgeExample }
diff --git a/packages/react/components/box/index.ts b/packages/react/components/box/index.ts
index 7a34c061..9cb19b61 100644
--- a/packages/react/components/box/index.ts
+++ b/packages/react/components/box/index.ts
@@ -5,7 +5,8 @@ import BoxHeader from './header'
 import BoxTableContainer from './table-container'
 import BoxItem from './item'
 import { BoxItemSize } from './item/BoxItemEnum'
+import BoxExample from './Box.example'
 
 export * from './BoxProps'
 
-export { Box, BoxItem, BoxItemSize, BoxHeader, BoxContent, BoxFooter, BoxTableContainer }
+export { Box, BoxItem, BoxItemSize, BoxHeader, BoxContent, BoxFooter, BoxTableContainer, BoxExample }
diff --git a/packages/react/components/button/index.ts b/packages/react/components/button/index.ts
index 618cffe8..7a3a1efd 100644
--- a/packages/react/components/button/index.ts
+++ b/packages/react/components/button/index.ts
@@ -1,6 +1,7 @@
 import Button from './Button'
 import { ButtonList } from './list'
+import ButtonExample from './Button.example'
 
 export * from './ButtonEnum'
 
-export { Button, ButtonList }
+export { Button, ButtonList, ButtonExample }
diff --git a/packages/react/components/card/index.ts b/packages/react/components/card/index.ts
index dd20d4cd..e8fd7b5c 100644
--- a/packages/react/components/card/index.ts
+++ b/packages/react/components/card/index.ts
@@ -1,7 +1,8 @@
 import Card from './Card'
 import CardImage from './image'
 import CardContent from './content'
+import CardExample from './Card.example'
 
 export * from './image/CardImageEnum'
 
-export { Card, CardImage, CardContent }
+export { Card, CardImage, CardContent, CardExample }

From 73a5e2c5b58afdb7552d1a809d9616f120b96e70 Mon Sep 17 00:00:00 2001
From: Thomas Lopez <thlopez@bouyguestelecom.fr>
Date: Wed, 24 Jul 2024 14:41:04 +0200
Subject: [PATCH 04/27] remove onclick function from examples

---
 packages/react/components/box/Box.example.tsx       | 2 +-
 packages/react/components/button/Button.example.tsx | 4 ----
 packages/react/components/card/Card.example.tsx     | 3 +--
 3 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/packages/react/components/box/Box.example.tsx b/packages/react/components/box/Box.example.tsx
index f0212852..c9ab48d9 100644
--- a/packages/react/components/box/Box.example.tsx
+++ b/packages/react/components/box/Box.example.tsx
@@ -3,7 +3,7 @@ import { Box, BoxContent } from './index'
 import { Title } from '@/components/title'
 import { Text } from '@/components/text'
 
-const BoxExample: React.ReactNode = <Box onClick={function noRefCheck(){}}>
+const BoxExample: React.ReactNode = <Box>
   <BoxContent>
     <Title level="ONE">
       Box Title
diff --git a/packages/react/components/button/Button.example.tsx b/packages/react/components/button/Button.example.tsx
index bc385923..61e4899e 100644
--- a/packages/react/components/button/Button.example.tsx
+++ b/packages/react/components/button/Button.example.tsx
@@ -4,27 +4,23 @@ import { ButtonList, Button } from './index'
 const ButtonExample: React.ReactNode =
   <ButtonList>
     <Button
-      onClick={function noRefCheck(){}}
       variant="PRIMARY"
     >
       Button
     </Button>
     <Button
-      onClick={function noRefCheck(){}}
       variant="SECONDARY"
     >
       Button
     </Button>
     <Button
       disabled
-      onClick={function noRefCheck(){}}
       variant="PRIMARY"
     >
       Button
     </Button>
     <Button
       loading
-      onClick={function noRefCheck(){}}
       variant="PRIMARY"
     >
       Button
diff --git a/packages/react/components/card/Card.example.tsx b/packages/react/components/card/Card.example.tsx
index 47a9a646..6606f655 100644
--- a/packages/react/components/card/Card.example.tsx
+++ b/packages/react/components/card/Card.example.tsx
@@ -4,7 +4,7 @@ import { Title } from '@/components/title'
 import { Text } from '@/components/text'
 import { Button } from '@/components/button'
 
-const CardExample: React.ReactNode = <Card onClick={function noRefCheck(){}}>
+const CardExample: React.ReactNode = <Card>
   <CardImage src="https://design.bouyguestelecom.fr/v1/card-sample.200bd9f7.png" />
   <CardContent>
     <Title>
@@ -17,7 +17,6 @@ const CardExample: React.ReactNode = <Card onClick={function noRefCheck(){}}>
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, neque eu, vulputate vera.
     </Text>
     <Button
-      onClick={function noRefCheck(){}}
       variant="SECONDARY"
     >
       Voir plus...

From 1f6f8d1463c5a20ef2c158c60a80a734d6f3b91d Mon Sep 17 00:00:00 2001
From: Thomas Lopez <thlopez@bouyguestelecom.fr>
Date: Mon, 29 Jul 2024 14:13:19 +0200
Subject: [PATCH 05/27] add all others examples for trilogy components

---
 .../components/checkbox/Checkbox.example.tsx  | 28 +++++++++++
 packages/react/components/checkbox/index.ts   |  3 +-
 .../react/components/chips/Chips.example.tsx  | 40 ++++++++++++++++
 packages/react/components/chips/index.ts      |  3 +-
 .../components/columns/Columns.example.tsx    | 30 ++++++++++++
 packages/react/components/columns/index.ts    |  3 +-
 .../container/Container.example.tsx           | 15 ++++++
 packages/react/components/container/index.ts  |  3 +-
 .../countdown/Countdown.example.tsx           |  7 +++
 packages/react/components/countdown/index.ts  |  3 +-
 .../components/divider/Divider.example.tsx    | 10 ++++
 packages/react/components/divider/index.ts    |  3 +-
 packages/react/components/fab/Fab.example.tsx | 11 +++++
 packages/react/components/fab/index.ts        |  3 +-
 .../react/components/hero/Hero.example.tsx    | 33 +++++++++++++
 packages/react/components/hero/index.ts       |  3 +-
 .../react/components/icon/Icon.example.tsx    | 30 ++++++++++++
 packages/react/components/icon/index.ts       |  4 +-
 .../react/components/image/Image.example.tsx  | 13 ++++++
 packages/react/components/image/index.ts      |  3 +-
 .../react/components/input/Input.example.tsx  | 17 +++++++
 packages/react/components/input/index.ts      |  3 +-
 .../react/components/link/Link.example.tsx    | 20 ++++++++
 packages/react/components/link/index.ts       |  3 +-
 .../react/components/list/List.example.tsx    | 26 +++++++++++
 packages/react/components/list/index.ts       |  3 +-
 .../react/components/modal/Modal.example.tsx  | 16 +++++++
 packages/react/components/modal/index.ts      |  3 +-
 packages/react/components/otp/Otp.example.tsx | 10 ++++
 packages/react/components/otp/index.ts        |  3 +-
 .../pagination/Pagination.example.tsx         | 11 +++++
 packages/react/components/pagination/index.ts |  3 +-
 .../components/popover/Popover.example.tsx    | 13 ++++++
 packages/react/components/popover/index.ts    |  4 +-
 .../react/components/price/Price.example.tsx  | 13 ++++++
 packages/react/components/price/index.ts      |  3 +-
 .../components/progress/Progress.example.tsx  | 20 ++++++++
 packages/react/components/progress/index.ts   |  3 +-
 .../react/components/radio/Radio.example.tsx  | 29 ++++++++++++
 packages/react/components/radio/index.ts      |  3 +-
 .../react/components/range/Range.example.tsx  | 20 ++++++++
 packages/react/components/range/index.ts      |  3 +-
 .../react/components/rows/Rows.example.tsx    | 34 ++++++++++++++
 packages/react/components/rows/index.ts       |  3 +-
 .../components/section/Section.example.tsx    | 24 ++++++++++
 packages/react/components/section/index.ts    |  3 +-
 .../SegmentControl.example.tsx                | 22 +++++++++
 .../react/components/segment-control/index.ts |  3 +-
 .../components/select/Select.example.tsx      | 36 +++++++++++++++
 packages/react/components/select/index.ts     |  3 +-
 .../components/spacer/Spacer.example.tsx      | 21 +++++++++
 packages/react/components/spacer/index.ts     |  3 +-
 .../components/stepper/Stepper.example.tsx    | 32 +++++++++++++
 packages/react/components/stepper/index.ts    |  3 +-
 .../components/sticker/Sticker.example.tsx    |  9 ++++
 packages/react/components/sticker/index.ts    |  3 +-
 .../components/switch/Switch.example.tsx      | 11 +++++
 packages/react/components/switch/index.ts     |  3 +-
 .../react/components/table/Table.example.tsx  | 46 +++++++++++++++++++
 packages/react/components/table/index.ts      |  3 +-
 .../react/components/tabs/Tabs.example.tsx    | 27 +++++++++++
 packages/react/components/tabs/index.ts       |  3 +-
 packages/react/components/tag/Tag.example.tsx | 15 ++++++
 packages/react/components/tag/index.ts        |  3 +-
 .../react/components/text/Text.example.tsx    | 16 +++++++
 packages/react/components/text/index.tsx      |  3 +-
 .../components/textarea/Textarea.example.tsx  | 13 ++++++
 .../components/timeline/Timeline.example.tsx  | 43 +++++++++++++++++
 packages/react/components/timeline/index.ts   |  3 +-
 .../react/components/title/Title.example.tsx  | 21 +++++++++
 packages/react/components/title/index.ts      |  3 +-
 71 files changed, 852 insertions(+), 37 deletions(-)
 create mode 100644 packages/react/components/checkbox/Checkbox.example.tsx
 create mode 100644 packages/react/components/chips/Chips.example.tsx
 create mode 100644 packages/react/components/columns/Columns.example.tsx
 create mode 100644 packages/react/components/container/Container.example.tsx
 create mode 100644 packages/react/components/countdown/Countdown.example.tsx
 create mode 100644 packages/react/components/divider/Divider.example.tsx
 create mode 100644 packages/react/components/fab/Fab.example.tsx
 create mode 100644 packages/react/components/hero/Hero.example.tsx
 create mode 100644 packages/react/components/icon/Icon.example.tsx
 create mode 100644 packages/react/components/image/Image.example.tsx
 create mode 100644 packages/react/components/input/Input.example.tsx
 create mode 100644 packages/react/components/link/Link.example.tsx
 create mode 100644 packages/react/components/list/List.example.tsx
 create mode 100644 packages/react/components/modal/Modal.example.tsx
 create mode 100644 packages/react/components/otp/Otp.example.tsx
 create mode 100644 packages/react/components/pagination/Pagination.example.tsx
 create mode 100644 packages/react/components/popover/Popover.example.tsx
 create mode 100644 packages/react/components/price/Price.example.tsx
 create mode 100644 packages/react/components/progress/Progress.example.tsx
 create mode 100644 packages/react/components/radio/Radio.example.tsx
 create mode 100644 packages/react/components/range/Range.example.tsx
 create mode 100644 packages/react/components/rows/Rows.example.tsx
 create mode 100644 packages/react/components/section/Section.example.tsx
 create mode 100644 packages/react/components/segment-control/SegmentControl.example.tsx
 create mode 100644 packages/react/components/select/Select.example.tsx
 create mode 100644 packages/react/components/spacer/Spacer.example.tsx
 create mode 100644 packages/react/components/stepper/Stepper.example.tsx
 create mode 100644 packages/react/components/sticker/Sticker.example.tsx
 create mode 100644 packages/react/components/switch/Switch.example.tsx
 create mode 100644 packages/react/components/table/Table.example.tsx
 create mode 100644 packages/react/components/tabs/Tabs.example.tsx
 create mode 100644 packages/react/components/tag/Tag.example.tsx
 create mode 100644 packages/react/components/text/Text.example.tsx
 create mode 100644 packages/react/components/textarea/Textarea.example.tsx
 create mode 100644 packages/react/components/timeline/Timeline.example.tsx
 create mode 100644 packages/react/components/title/Title.example.tsx

diff --git a/packages/react/components/checkbox/Checkbox.example.tsx b/packages/react/components/checkbox/Checkbox.example.tsx
new file mode 100644
index 00000000..4dab2786
--- /dev/null
+++ b/packages/react/components/checkbox/Checkbox.example.tsx
@@ -0,0 +1,28 @@
+import React from 'react'
+import Checkbox from '@/components/checkbox/Checkbox'
+
+const CheckboxExample: React.ReactNode = <>
+  <Checkbox
+    label="On peut me cocher grâce au controls ↓ "
+    name="checkbox1"
+    onChange={function noRefCheck(){}}
+    onClick={function noRefCheck(){}}
+    value="default value 1"
+  />
+  <Checkbox
+    checked
+    label="Je suis cochée"
+    name="checkbox2"
+    onClick={function noRefCheck(){}}
+    value="default value 2"
+  />
+  <Checkbox
+    disabled
+    label="Je suis disabled"
+    name="checkbox3"
+    onClick={function noRefCheck(){}}
+    value="default value 3"
+  />
+</>
+
+export default CheckboxExample;
diff --git a/packages/react/components/checkbox/index.ts b/packages/react/components/checkbox/index.ts
index e2612932..de213382 100644
--- a/packages/react/components/checkbox/index.ts
+++ b/packages/react/components/checkbox/index.ts
@@ -1,3 +1,4 @@
 import Checkbox from './Checkbox'
+import CheckboxExample from './Checkbox.example'
 
-export { Checkbox }
+export { Checkbox, CheckboxExample }
diff --git a/packages/react/components/chips/Chips.example.tsx b/packages/react/components/chips/Chips.example.tsx
new file mode 100644
index 00000000..a3ba3f47
--- /dev/null
+++ b/packages/react/components/chips/Chips.example.tsx
@@ -0,0 +1,40 @@
+import React from 'react'
+import { Text } from '@/components/text'
+import {Chips, ChipsList} from './index'
+
+const ChipsExample: React.ReactNode = <>
+  <Text>
+    Exemple de selection unique :
+  </Text>
+  <ChipsList>
+    <Chips
+      active
+      onClick={function noRefCheck(){}}
+    >
+      Chips du panel de controls
+    </Chips>
+    <Chips
+      onClick={function noRefCheck(){}}
+    >
+      Chips 2
+    </Chips>
+    <Chips
+      active
+      onClick={function noRefCheck(){}}
+    >
+      Chips 3
+    </Chips>
+    <Chips onClick={function noRefCheck(){}}>
+      Chips 4
+    </Chips>
+    <Chips
+      active
+      disabled
+      onClick={function noRefCheck(){}}
+    >
+      Chips disabled
+    </Chips>
+  </ChipsList>
+</>
+
+export default ChipsExample;
diff --git a/packages/react/components/chips/index.ts b/packages/react/components/chips/index.ts
index de5845a9..67f87bd9 100644
--- a/packages/react/components/chips/index.ts
+++ b/packages/react/components/chips/index.ts
@@ -1,4 +1,5 @@
 import Chips from './Chips'
 import ChipsList from './list/ChipsList'
+import ChipsExample from './Chips.example'
 
-export { Chips, ChipsList }
+export { Chips, ChipsList, ChipsExample }
diff --git a/packages/react/components/columns/Columns.example.tsx b/packages/react/components/columns/Columns.example.tsx
new file mode 100644
index 00000000..0e6dd772
--- /dev/null
+++ b/packages/react/components/columns/Columns.example.tsx
@@ -0,0 +1,30 @@
+import React from 'react'
+import { Columns, ColumnsItem } from './index'
+import { Title } from '@/components/title'
+import { Box } from '@/components/box'
+
+const ColumnsExample: React.ReactNode = <Columns>
+  <ColumnsItem>
+    <Box flat>
+      <Title level="TWO">
+        Column
+      </Title>
+    </Box>
+  </ColumnsItem>
+  <ColumnsItem>
+    <Box flat>
+      <Title level="TWO">
+        Column
+      </Title>
+    </Box>
+  </ColumnsItem>
+  <ColumnsItem>
+    <Box flat>
+      <Title level="TWO">
+        Column
+      </Title>
+    </Box>
+  </ColumnsItem>
+</Columns>
+
+export default ColumnsExample;
diff --git a/packages/react/components/columns/index.ts b/packages/react/components/columns/index.ts
index d1ce559c..9e88d798 100644
--- a/packages/react/components/columns/index.ts
+++ b/packages/react/components/columns/index.ts
@@ -1,4 +1,5 @@
 import Columns from './Columns'
 import ColumnsItem from './item'
+import ColumnsExample from './Columns.example'
 
-export { Columns, ColumnsItem }
+export { Columns, ColumnsItem, ColumnsExample }
diff --git a/packages/react/components/container/Container.example.tsx b/packages/react/components/container/Container.example.tsx
new file mode 100644
index 00000000..0a441f0a
--- /dev/null
+++ b/packages/react/components/container/Container.example.tsx
@@ -0,0 +1,15 @@
+import React from 'react'
+
+import { Box } from '@/components/box'
+import { Text } from '@/components/text'
+import { Container } from './index'
+
+const ContainerExample: React.ReactNode = <Container>
+  <Box>
+    <Text>
+      Je suis une box dans un container
+    </Text>
+  </Box>
+</Container>
+
+export default ContainerExample;
diff --git a/packages/react/components/container/index.ts b/packages/react/components/container/index.ts
index d7b8b4b1..4903ea31 100644
--- a/packages/react/components/container/index.ts
+++ b/packages/react/components/container/index.ts
@@ -1,3 +1,4 @@
 import Container from './Container'
+import ContainerExample from './Container.example'
 
-export { Container }
+export { Container, ContainerExample }
diff --git a/packages/react/components/countdown/Countdown.example.tsx b/packages/react/components/countdown/Countdown.example.tsx
new file mode 100644
index 00000000..40b2d019
--- /dev/null
+++ b/packages/react/components/countdown/Countdown.example.tsx
@@ -0,0 +1,7 @@
+import React from 'react'
+import { Countdown } from './index'
+
+
+const CountdownExample: React.ReactNode = <Countdown deadline={new Date("2023-12-24T17:00:00.000Z")} />
+
+export default CountdownExample;
diff --git a/packages/react/components/countdown/index.ts b/packages/react/components/countdown/index.ts
index 9240dcbd..c6731f6f 100644
--- a/packages/react/components/countdown/index.ts
+++ b/packages/react/components/countdown/index.ts
@@ -1,4 +1,5 @@
 import Countdown from "./Countdown"
 import { CountdownFormat, CountdownUnite } from "./CountdownEnum"
+import CountdownExample from './Countdown.example'
 
-export { Countdown, CountdownFormat, CountdownUnite }
+export { Countdown, CountdownFormat, CountdownUnite, CountdownExample }
diff --git a/packages/react/components/divider/Divider.example.tsx b/packages/react/components/divider/Divider.example.tsx
new file mode 100644
index 00000000..87c5fb4b
--- /dev/null
+++ b/packages/react/components/divider/Divider.example.tsx
@@ -0,0 +1,10 @@
+import React from 'react'
+import { Divider } from './index'
+
+
+const DividerExample: React.ReactNode = <Divider
+  textColor="WHITE"
+  iconName='tri-alert'
+/>
+
+export default DividerExample;
diff --git a/packages/react/components/divider/index.ts b/packages/react/components/divider/index.ts
index b7d02c76..0da06b62 100644
--- a/packages/react/components/divider/index.ts
+++ b/packages/react/components/divider/index.ts
@@ -1,3 +1,4 @@
 import Divider from './Divider'
+import DividerExample from './Divider.example'
 
-export { Divider }
+export { Divider, DividerExample }
diff --git a/packages/react/components/fab/Fab.example.tsx b/packages/react/components/fab/Fab.example.tsx
new file mode 100644
index 00000000..e5eade4f
--- /dev/null
+++ b/packages/react/components/fab/Fab.example.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+import { Fab } from './index'
+
+
+const FabExample: React.ReactNode = <Fab
+  iconName='tri-alert'
+  onClick={function noRefCheck(){}}
+>
+  Ecrire
+</Fab>
+export default FabExample;
diff --git a/packages/react/components/fab/index.ts b/packages/react/components/fab/index.ts
index d27492d3..ed0145dc 100644
--- a/packages/react/components/fab/index.ts
+++ b/packages/react/components/fab/index.ts
@@ -1,3 +1,4 @@
 import Fab from "./Fab"
+import FabExample from './Fab.example'
 
-export { Fab }
+export { Fab, FabExample }
diff --git a/packages/react/components/hero/Hero.example.tsx b/packages/react/components/hero/Hero.example.tsx
new file mode 100644
index 00000000..e45b1e03
--- /dev/null
+++ b/packages/react/components/hero/Hero.example.tsx
@@ -0,0 +1,33 @@
+import React from 'react'
+import { Hero } from './index'
+import { Container } from '@/components/container'
+import { Title } from '@/components/title'
+import { Button } from '@/components/button'
+
+const HeroExample: React.ReactNode = <Hero
+  backgroundSrc="https://picsum.photos/id/1/1500/600"
+  onClick={function noRefCheck() {
+  }}
+>
+  <Container>
+    <Title
+      inverted
+      level="TWO"
+      markup="h1"
+    >
+      Bonjour Michel
+    </Title>
+    <Title
+      inverted
+      markup="span"
+      subtitle
+    >
+      Fugiat velit dolor ad adipisicing id quis enim cupidatat Lorem dolore aute excepteur tempor.
+    </Title>
+    <Button>
+      Click me !{' '}
+    </Button>
+  </Container>
+</Hero>
+
+export default HeroExample
diff --git a/packages/react/components/hero/index.ts b/packages/react/components/hero/index.ts
index 6e06243d..e7a0ed34 100644
--- a/packages/react/components/hero/index.ts
+++ b/packages/react/components/hero/index.ts
@@ -1,3 +1,4 @@
 import Hero from './Hero'
+import HeroExample from './Hero.example'
 
-export { Hero }
+export { Hero, HeroExample }
diff --git a/packages/react/components/icon/Icon.example.tsx b/packages/react/components/icon/Icon.example.tsx
new file mode 100644
index 00000000..aa112329
--- /dev/null
+++ b/packages/react/components/icon/Icon.example.tsx
@@ -0,0 +1,30 @@
+import React from 'react'
+import { Icon } from './index'
+
+
+
+const IconExample: React.ReactNode =
+  <>
+    <Icon
+      name='tri-search'
+      onClick={function noRefCheck(){}}
+      size="small"
+      status='SUCCESS'
+    />
+    <Icon
+      name='tri-search'
+      onClick={function noRefCheck(){}}
+      size="small"
+      status='SUCCESS'
+      statusPosition="top"
+    />
+    <Icon
+      name='tri-search'
+      onClick={function noRefCheck(){}}
+      size="small"
+      status='SUCCESS'
+      statusPosition="bottom"
+    />
+  </>
+
+export default IconExample;
diff --git a/packages/react/components/icon/index.ts b/packages/react/components/icon/index.ts
index c928d944..d6ccb069 100644
--- a/packages/react/components/icon/index.ts
+++ b/packages/react/components/icon/index.ts
@@ -1,6 +1,6 @@
 import Icon from './Icon'
-
+import IconExample from './Icon.example'
 export * from './IconEnum'
 export * from './IconNameEnum'
 
-export { Icon }
+export { Icon, IconExample }
diff --git a/packages/react/components/image/Image.example.tsx b/packages/react/components/image/Image.example.tsx
new file mode 100644
index 00000000..1b434d28
--- /dev/null
+++ b/packages/react/components/image/Image.example.tsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import { Image } from './index'
+
+
+
+const ImageExample: React.ReactNode =
+  <Image
+    alt="image test"
+    onClick={function noRefCheck(){}}
+    src="https://assets.bouyguestelecom.fr/TRILOGY/guide@2.0.7-3/assets/images/card-image.png"
+  />
+
+export default ImageExample;
diff --git a/packages/react/components/image/index.ts b/packages/react/components/image/index.ts
index e9c1f3ac..3e635804 100644
--- a/packages/react/components/image/index.ts
+++ b/packages/react/components/image/index.ts
@@ -1,3 +1,4 @@
 import Image from './Image'
+import ImageExample from './Image.example'
 
-export { Image }
+export { Image, ImageExample }
diff --git a/packages/react/components/input/Input.example.tsx b/packages/react/components/input/Input.example.tsx
new file mode 100644
index 00000000..b2656bc2
--- /dev/null
+++ b/packages/react/components/input/Input.example.tsx
@@ -0,0 +1,17 @@
+import React from 'react'
+import { Input } from './index'
+
+
+
+const InputExample: React.ReactNode =
+
+  <Input
+    customIconRight="tri-search"
+    hasIcon
+    help="this is my help message"
+    placeholder="This is my placeholder"
+    status="success"
+    type="text"
+  />
+
+export default InputExample;
diff --git a/packages/react/components/input/index.ts b/packages/react/components/input/index.ts
index 00866989..16fe5c99 100644
--- a/packages/react/components/input/index.ts
+++ b/packages/react/components/input/index.ts
@@ -1,6 +1,7 @@
 import Input from './Input'
+import InputExample from './Input.example'
 
 export * from './InputEnum'
 export * from './InputProps'
 
-export { Input }
+export { Input, InputExample }
diff --git a/packages/react/components/link/Link.example.tsx b/packages/react/components/link/Link.example.tsx
new file mode 100644
index 00000000..b51e5a81
--- /dev/null
+++ b/packages/react/components/link/Link.example.tsx
@@ -0,0 +1,20 @@
+import React from 'react'
+import { Link } from './index'
+import { Divider } from '@/components/divider'
+import { Text } from '@/components/text'
+
+const LinkExample: React.ReactNode =
+  <>
+    <Link onClick={function noRefCheck(){}}>
+      {' '}Mot de passe oublié ?
+    </Link>
+    <Divider />
+    <Text>
+      Je suis dans un paragraphe et ceci est un{' '}
+      <Link inline>
+        lien standard
+      </Link>
+    </Text>
+  </>
+
+export default LinkExample;
diff --git a/packages/react/components/link/index.ts b/packages/react/components/link/index.ts
index 9d8e6abc..ba204f11 100644
--- a/packages/react/components/link/index.ts
+++ b/packages/react/components/link/index.ts
@@ -1,3 +1,4 @@
 import Link from './Link'
+import LinkExample from './Link.example'
 
-export { Link }
+export { Link, LinkExample }
diff --git a/packages/react/components/list/List.example.tsx b/packages/react/components/list/List.example.tsx
new file mode 100644
index 00000000..491d4d9d
--- /dev/null
+++ b/packages/react/components/list/List.example.tsx
@@ -0,0 +1,26 @@
+import React from 'react'
+import { List, ListItem } from './index'
+
+const ListExample: React.ReactNode =
+  <List hasIcon>
+    <ListItem
+      customIcon="tri-check"
+      status="SUCCESS"
+    >
+      Bonjour
+    </ListItem>
+    <ListItem
+      customIcon="tri-times"
+      status="ERROR"
+    >
+      Bonjour
+    </ListItem>
+    <ListItem
+      customIcon="tri-times"
+      status="ERROR"
+    >
+      Bonjour
+    </ListItem>
+  </List>
+
+export default ListExample;
diff --git a/packages/react/components/list/index.ts b/packages/react/components/list/index.ts
index e88c1012..69509cac 100644
--- a/packages/react/components/list/index.ts
+++ b/packages/react/components/list/index.ts
@@ -1,5 +1,6 @@
 import List from './List'
+import ListExample from './List.example'
 
 export * from './item'
 export * from './ListProps'
-export { List }
+export { List, ListExample}
diff --git a/packages/react/components/modal/Modal.example.tsx b/packages/react/components/modal/Modal.example.tsx
new file mode 100644
index 00000000..7e38a57e
--- /dev/null
+++ b/packages/react/components/modal/Modal.example.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import { Modal } from './index'
+
+const ModalExample: React.ReactNode =
+  <Modal
+  closeIcon
+  content="Contenu de ma modal"
+  ctaContent="Action"
+  iconName='tri-alert'
+  title="title modal"
+  triggerClassNames="button is-primary"
+  triggerContent="Open modal"
+  triggerMarkup="a"
+/>
+
+export default ModalExample;
diff --git a/packages/react/components/modal/index.ts b/packages/react/components/modal/index.ts
index 4a9c3ad7..e0c962ff 100644
--- a/packages/react/components/modal/index.ts
+++ b/packages/react/components/modal/index.ts
@@ -1,7 +1,8 @@
 import Modal from './Modal'
 import ModalFooter from './footer/ModalFooter'
 import ModalTitle from './title/ModalTitle'
+import ModalExample from './Modal.example'
 
 export * from './ModalEnum'
 
-export { Modal, ModalFooter, ModalTitle }
+export { Modal, ModalFooter, ModalTitle, ModalExample }
diff --git a/packages/react/components/otp/Otp.example.tsx b/packages/react/components/otp/Otp.example.tsx
new file mode 100644
index 00000000..b6097bda
--- /dev/null
+++ b/packages/react/components/otp/Otp.example.tsx
@@ -0,0 +1,10 @@
+import React from 'react'
+import { Otp } from './index'
+
+const OtpExample: React.ReactNode =
+
+  <Otp
+    label="Saisir votre otp"
+  />
+
+export default OtpExample;
diff --git a/packages/react/components/otp/index.ts b/packages/react/components/otp/index.ts
index d747dbdb..96f32867 100644
--- a/packages/react/components/otp/index.ts
+++ b/packages/react/components/otp/index.ts
@@ -1,3 +1,4 @@
 import Otp from './Otp'
+import OtpExample from './Otp.example'
 
-export { Otp }
+export { Otp, OtpExample }
diff --git a/packages/react/components/pagination/Pagination.example.tsx b/packages/react/components/pagination/Pagination.example.tsx
new file mode 100644
index 00000000..dbfe969a
--- /dev/null
+++ b/packages/react/components/pagination/Pagination.example.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+import { Pagination } from './index'
+
+const PaginationExample: React.ReactNode =
+
+  <Pagination
+    count={50}
+    defaultPage={2}
+  />
+
+export default PaginationExample;
diff --git a/packages/react/components/pagination/index.ts b/packages/react/components/pagination/index.ts
index ac3df8c5..ceb44043 100644
--- a/packages/react/components/pagination/index.ts
+++ b/packages/react/components/pagination/index.ts
@@ -1,5 +1,6 @@
 import Pagination from './Pagination'
+import PaginationExample from './Pagination.example'
 
-export { Pagination }
+export { Pagination, PaginationExample }
 
 export * from './PaginationEnum'
diff --git a/packages/react/components/popover/Popover.example.tsx b/packages/react/components/popover/Popover.example.tsx
new file mode 100644
index 00000000..86e9a756
--- /dev/null
+++ b/packages/react/components/popover/Popover.example.tsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import { Popover } from './index'
+import { Button } from '@/components/button'
+
+const PopoverExample: React.ReactNode =
+
+  <Popover content="Voici une simple popover">
+    <Button variant="PRIMARY">
+      Simple Popover
+    </Button>
+  </Popover>
+
+export default PopoverExample;
diff --git a/packages/react/components/popover/index.ts b/packages/react/components/popover/index.ts
index 39845f77..b0d3cff8 100644
--- a/packages/react/components/popover/index.ts
+++ b/packages/react/components/popover/index.ts
@@ -1,5 +1,5 @@
 import Popover from './Popover'
-
+import PopoverExample from './Popover.example'
 export * from './PopoverEnum'
 
-export { Popover }
+export { Popover, PopoverExample }
diff --git a/packages/react/components/price/Price.example.tsx b/packages/react/components/price/Price.example.tsx
new file mode 100644
index 00000000..16ae515d
--- /dev/null
+++ b/packages/react/components/price/Price.example.tsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import { Price } from './index'
+
+const PriceExample: React.ReactNode =
+
+  <Price
+    align="ALIGNED_START"
+    amount={24.99}
+    period="mois"
+    showCents
+  />
+
+export default PriceExample;
diff --git a/packages/react/components/price/index.ts b/packages/react/components/price/index.ts
index a3b09d05..fc2dcb51 100644
--- a/packages/react/components/price/index.ts
+++ b/packages/react/components/price/index.ts
@@ -1,5 +1,6 @@
 import Price from './Price'
+import PriceExample from './Price.example'
 
 export * from './PriceEnum'
 
-export { Price }
+export { Price, PriceExample }
diff --git a/packages/react/components/progress/Progress.example.tsx b/packages/react/components/progress/Progress.example.tsx
new file mode 100644
index 00000000..a6c40274
--- /dev/null
+++ b/packages/react/components/progress/Progress.example.tsx
@@ -0,0 +1,20 @@
+import React from 'react'
+import { Progress } from './index'
+
+const ProgressExample: React.ReactNode =
+
+  <>
+    <Progress
+      alert="INFO"
+      percent={30}
+      uniqueLegend="My unique legend"
+    />
+    <Progress
+      alert="INFO"
+      firstExtremLegend="0 Go"
+      percent={15}
+      secondExtremLegend="5 Go"
+    />
+  </>
+
+export default ProgressExample;
diff --git a/packages/react/components/progress/index.ts b/packages/react/components/progress/index.ts
index 2c08af66..ca0ba485 100644
--- a/packages/react/components/progress/index.ts
+++ b/packages/react/components/progress/index.ts
@@ -2,4 +2,5 @@ import Progress from './Progress'
 import ProgressItem from './item'
 import ProgressRadial from './radial'
 import ProgressRadialItem from './radial/item/ProgressRadialtem'
-export { Progress, ProgressItem, ProgressRadial, ProgressRadialItem }
+import ProgressExample from './Progress.example'
+export { Progress, ProgressItem, ProgressRadial, ProgressRadialItem, ProgressExample }
diff --git a/packages/react/components/radio/Radio.example.tsx b/packages/react/components/radio/Radio.example.tsx
new file mode 100644
index 00000000..7d567657
--- /dev/null
+++ b/packages/react/components/radio/Radio.example.tsx
@@ -0,0 +1,29 @@
+import React from 'react'
+import { Radio } from './index'
+
+const RadioExample: React.ReactNode =
+  <>
+    <Radio
+      label="On peut me cocher grâce au controls ↓ "
+      name="checkbox1"
+      onChange={function noRefCheck(){}}
+      onClick={function noRefCheck(){}}
+      value="default value 1"
+    />
+    <Radio
+      checked
+      label="Je suis cochée"
+      name="checkbox2"
+      onClick={function noRefCheck(){}}
+      value="default value 2"
+    />
+    <Radio
+      disabled
+      label="Je suis disabled"
+      name="checkbox3"
+      onClick={function noRefCheck(){}}
+      value="default value 3"
+    />
+  </>
+
+export default RadioExample;
diff --git a/packages/react/components/radio/index.ts b/packages/react/components/radio/index.ts
index 7b21e159..e68e9240 100644
--- a/packages/react/components/radio/index.ts
+++ b/packages/react/components/radio/index.ts
@@ -1,4 +1,5 @@
 import { RadioList } from './list'
 import Radio from './Radio'
+import RadioExample from './Radio.example'
 
-export { Radio, RadioList }
+export { Radio, RadioList, RadioExample }
diff --git a/packages/react/components/range/Range.example.tsx b/packages/react/components/range/Range.example.tsx
new file mode 100644
index 00000000..6da4ece7
--- /dev/null
+++ b/packages/react/components/range/Range.example.tsx
@@ -0,0 +1,20 @@
+import React from 'react'
+import { Range} from './index'
+
+const RangeExample: React.ReactNode =
+  <Range
+    gap={0}
+    idMax="max"
+    idMin="min"
+    label="Ceci est un label"
+    labelValueCursorMax="€"
+    labelValueCursorMin="€"
+    max={100}
+    min={0}
+    nameMax="max"
+    nameMin="min"
+    valueCursorMax={50}
+    valueCursorMin={0}
+  />
+
+export default RangeExample;
diff --git a/packages/react/components/range/index.ts b/packages/react/components/range/index.ts
index 1a2662c9..7da23602 100644
--- a/packages/react/components/range/index.ts
+++ b/packages/react/components/range/index.ts
@@ -1,3 +1,4 @@
 import Range from './Range'
+import RangeExample from './Range.example'
 
-export { Range }
+export { Range, RangeExample }
diff --git a/packages/react/components/rows/Rows.example.tsx b/packages/react/components/rows/Rows.example.tsx
new file mode 100644
index 00000000..094b6c71
--- /dev/null
+++ b/packages/react/components/rows/Rows.example.tsx
@@ -0,0 +1,34 @@
+import React from 'react'
+import { RowItem, Rows } from './index'
+import { Columns, ColumnsItem } from '@/components/columns'
+
+const RowsExample: React.ReactNode =
+  <Columns>
+    <ColumnsItem>
+      <Rows>
+        <RowItem>
+          1
+        </RowItem>
+        <RowItem>
+          2
+        </RowItem>
+        <RowItem>
+          3
+        </RowItem>
+      </Rows>
+    </ColumnsItem>
+    <ColumnsItem>
+      <Rows>
+        <RowItem>
+          4
+        </RowItem>
+        <RowItem>
+          5
+        </RowItem>
+        <RowItem>
+          6
+        </RowItem>
+      </Rows>
+    </ColumnsItem>
+  </Columns>
+export default RowsExample;
diff --git a/packages/react/components/rows/index.ts b/packages/react/components/rows/index.ts
index 2eb2e52a..8ee034b8 100644
--- a/packages/react/components/rows/index.ts
+++ b/packages/react/components/rows/index.ts
@@ -1,4 +1,5 @@
 import Rows from './Rows'
 import RowItem from './item'
+import RowsExample from './Rows.example'
 
-export { Rows, RowItem }
+export { Rows, RowItem, RowsExample }
diff --git a/packages/react/components/section/Section.example.tsx b/packages/react/components/section/Section.example.tsx
new file mode 100644
index 00000000..a75b3dc3
--- /dev/null
+++ b/packages/react/components/section/Section.example.tsx
@@ -0,0 +1,24 @@
+import React from 'react'
+import { Section } from './index'
+import { Title } from '@/components/title'
+
+const RowsExample: React.ReactNode =
+  <>
+    <Section>
+      <Title level="ONE">
+        Premiére section
+      </Title>
+    </Section>
+    <Section>
+      <Title level="ONE">
+        Deuxiéme section
+      </Title>
+    </Section>
+    <Section>
+      <Title level="ONE">
+        Troisiéme section
+      </Title>
+    </Section>
+  </>
+
+export default RowsExample;
diff --git a/packages/react/components/section/index.ts b/packages/react/components/section/index.ts
index 4185833d..d6508345 100644
--- a/packages/react/components/section/index.ts
+++ b/packages/react/components/section/index.ts
@@ -1,3 +1,4 @@
 import Section from './Section'
+import SectionExample from './Section.example'
 
-export { Section }
+export { Section, SectionExample }
diff --git a/packages/react/components/segment-control/SegmentControl.example.tsx b/packages/react/components/segment-control/SegmentControl.example.tsx
new file mode 100644
index 00000000..e04667e4
--- /dev/null
+++ b/packages/react/components/segment-control/SegmentControl.example.tsx
@@ -0,0 +1,22 @@
+import React from 'react'
+import { SegmentControl, SegmentControlItem } from './index'
+
+const RowsExample: React.ReactNode =
+  <SegmentControl>
+    <SegmentControlItem
+      active
+    >
+      Appels
+    </SegmentControlItem>
+    <SegmentControlItem>
+      SMS
+    </SegmentControlItem>
+    <SegmentControlItem>
+      Équipements
+    </SegmentControlItem>
+    <SegmentControlItem disabled>
+      Offres
+    </SegmentControlItem>
+  </SegmentControl>
+
+export default RowsExample
diff --git a/packages/react/components/segment-control/index.ts b/packages/react/components/segment-control/index.ts
index 916fd402..0f6fc573 100644
--- a/packages/react/components/segment-control/index.ts
+++ b/packages/react/components/segment-control/index.ts
@@ -1,4 +1,5 @@
 import SegmentControl from './SegmentControl'
 import SegmentControlItem from './item'
+import SegmentControlExample from './SegmentControl.example'
 
-export { SegmentControl, SegmentControlItem }
+export { SegmentControl, SegmentControlItem, SegmentControlExample }
diff --git a/packages/react/components/select/Select.example.tsx b/packages/react/components/select/Select.example.tsx
new file mode 100644
index 00000000..5c5e874b
--- /dev/null
+++ b/packages/react/components/select/Select.example.tsx
@@ -0,0 +1,36 @@
+import React from 'react'
+import { Select, SelectOption } from './index'
+
+const SelectExample: React.ReactNode =
+  <Select
+    iconName='tri-search'
+    label="Choisir une option"
+  >
+    <SelectOption
+      iconName='tri-search'
+      id="id_one"
+      label="option1"
+      value="opt_one"
+    >
+      option 1
+    </SelectOption>
+    <SelectOption
+      iconName='tri-search'
+      id="id_two"
+      label="option2"
+      value="opt_two"
+    >
+      option 2
+    </SelectOption>
+    <SelectOption
+      disabled
+      iconName='tri-search'
+      id="id_three"
+      label="option3"
+      value="opt_three"
+    >
+      option 3
+    </SelectOption>
+  </Select>
+
+export default SelectExample
diff --git a/packages/react/components/select/index.ts b/packages/react/components/select/index.ts
index 5506d7d0..fb344a18 100644
--- a/packages/react/components/select/index.ts
+++ b/packages/react/components/select/index.ts
@@ -1,4 +1,5 @@
 import Select from './Select'
 import SelectOption from './option'
+import SelectExample from './Select.example'
 
-export { Select, SelectOption }
+export { Select, SelectOption, SelectExample }
diff --git a/packages/react/components/spacer/Spacer.example.tsx b/packages/react/components/spacer/Spacer.example.tsx
new file mode 100644
index 00000000..7138152a
--- /dev/null
+++ b/packages/react/components/spacer/Spacer.example.tsx
@@ -0,0 +1,21 @@
+import React from 'react'
+import { Spacer, SpacerSize } from './index'
+import { Tag } from '@/components/tag'
+
+const SpacerExample: React.ReactNode =
+  <>
+    <Tag variant="SUCCESS">
+      Play with the props{' '}
+      <code>
+        size
+      </code>
+    </Tag>
+    <Spacer
+      size={SpacerSize.SMALL}
+    />
+    <Tag>
+      Dans le pannel de contrôle ⬇
+    </Tag>
+  </>
+
+export default SpacerExample
diff --git a/packages/react/components/spacer/index.ts b/packages/react/components/spacer/index.ts
index 7536c197..b5137340 100644
--- a/packages/react/components/spacer/index.ts
+++ b/packages/react/components/spacer/index.ts
@@ -1,5 +1,6 @@
 import Spacer from './Spacer'
+import SpacerExample from './Spacer.example'
 
 export * from './SpacerEnum'
 
-export { Spacer }
+export { Spacer, SpacerExample }
diff --git a/packages/react/components/stepper/Stepper.example.tsx b/packages/react/components/stepper/Stepper.example.tsx
new file mode 100644
index 00000000..c7564315
--- /dev/null
+++ b/packages/react/components/stepper/Stepper.example.tsx
@@ -0,0 +1,32 @@
+import React from 'react'
+import { Stepper, StepperStep } from './index'
+
+const StepperExample: React.ReactNode =
+  <Stepper>
+    <StepperStep
+      done
+      label="Récapitulatif"
+      step={1}
+    />
+    <StepperStep
+      done
+      label="Compléments"
+      step={2}
+    />
+    <StepperStep
+      done
+      label="Coordonnées"
+      step={3}
+    />
+    <StepperStep
+      current
+      label="Livraison"
+      step={4}
+    />
+    <StepperStep
+      label="Confirmation"
+      step={5}
+    />
+  </Stepper>
+
+export default StepperExample
diff --git a/packages/react/components/stepper/index.ts b/packages/react/components/stepper/index.ts
index 0f72487c..b056cb89 100644
--- a/packages/react/components/stepper/index.ts
+++ b/packages/react/components/stepper/index.ts
@@ -1,6 +1,7 @@
 import Stepper from './Stepper'
 import StepperStep from './step'
+import StepperExample from './Stepper.example'
 
 export * from './step/StepperStepEnum'
 
-export { Stepper, StepperStep }
+export { Stepper, StepperStep, StepperExample }
diff --git a/packages/react/components/sticker/Sticker.example.tsx b/packages/react/components/sticker/Sticker.example.tsx
new file mode 100644
index 00000000..4824a2bb
--- /dev/null
+++ b/packages/react/components/sticker/Sticker.example.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+import { Sticker } from './index'
+
+const StickerExample: React.ReactNode =
+  <Sticker variant="MAIN">
+    {' '}Code promo{' '}
+  </Sticker>
+
+export default StickerExample
diff --git a/packages/react/components/sticker/index.ts b/packages/react/components/sticker/index.ts
index 2c1e9f88..40d8d855 100644
--- a/packages/react/components/sticker/index.ts
+++ b/packages/react/components/sticker/index.ts
@@ -1,5 +1,6 @@
 import Sticker from './Sticker'
+import StickerExample from './Sticker.example'
 
 export * from './StickerEnum'
 
-export { Sticker }
+export { Sticker, StickerExample }
diff --git a/packages/react/components/switch/Switch.example.tsx b/packages/react/components/switch/Switch.example.tsx
new file mode 100644
index 00000000..6e5d09c1
--- /dev/null
+++ b/packages/react/components/switch/Switch.example.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+import { Switch } from './index'
+
+const SwitchExample: React.ReactNode =
+
+  <Switch
+    label="Switch one"
+    name="switch one"
+  />
+
+export default SwitchExample
diff --git a/packages/react/components/switch/index.ts b/packages/react/components/switch/index.ts
index bcf73d6f..703c86b7 100644
--- a/packages/react/components/switch/index.ts
+++ b/packages/react/components/switch/index.ts
@@ -1,3 +1,4 @@
 import Switch from './Switch'
+import SwitchExample from './Switch.example'
 
-export { Switch }
+export { Switch, SwitchExample }
diff --git a/packages/react/components/table/Table.example.tsx b/packages/react/components/table/Table.example.tsx
new file mode 100644
index 00000000..ff95e164
--- /dev/null
+++ b/packages/react/components/table/Table.example.tsx
@@ -0,0 +1,46 @@
+import React from 'react'
+import { Table, TableTr, TableHead, TableTd, TableBody, TableTh } from './index'
+
+const TableExample: React.ReactNode =
+
+  <Table bordered>
+    <TableHead>
+      <TableTr>
+        <TableTh>
+          Title 1
+        </TableTh>
+        <TableTh>
+          Title 2
+        </TableTh>
+        <TableTh>
+          Title 3
+        </TableTh>
+      </TableTr>
+    </TableHead>
+    <TableBody>
+      <TableTr>
+        <TableTd>
+          Donnée 1
+        </TableTd>
+        <TableTd>
+          Donnée 2
+        </TableTd>
+        <TableTd>
+          Donnée 3
+        </TableTd>
+      </TableTr>
+      <TableTr>
+        <TableTd>
+          Donnée 4
+        </TableTd>
+        <TableTd>
+          Donnée 5
+        </TableTd>
+        <TableTd>
+          Donnée 6
+        </TableTd>
+      </TableTr>
+    </TableBody>
+  </Table>
+
+export default TableExample
diff --git a/packages/react/components/table/index.ts b/packages/react/components/table/index.ts
index 2a64d46d..295d16cf 100644
--- a/packages/react/components/table/index.ts
+++ b/packages/react/components/table/index.ts
@@ -4,5 +4,6 @@ import TableBody from './body'
 import TableTh from './th'
 import TableTr from './tr'
 import TableTd from './td'
+import TableExample from './Table.example'
 
-export { Table, TableHead, TableBody, TableTr, TableTh, TableTd }
+export { Table, TableHead, TableBody, TableTr, TableTh, TableTd, TableExample }
diff --git a/packages/react/components/tabs/Tabs.example.tsx b/packages/react/components/tabs/Tabs.example.tsx
new file mode 100644
index 00000000..8c22877c
--- /dev/null
+++ b/packages/react/components/tabs/Tabs.example.tsx
@@ -0,0 +1,27 @@
+import React from 'react'
+import { Tabs, TabsItem } from './index'
+
+const TabsExample: React.ReactNode =
+
+  <Tabs
+    activeIndex={2}
+    onClick={function noRefCheck() {
+    }}
+  >
+    <TabsItem
+      disabled
+      iconName="tri-alert"
+    >
+      One
+    </TabsItem>
+    <TabsItem iconName="tri-alert"
+    >
+      Two
+    </TabsItem>
+    <TabsItem iconName="tri-alert"
+    >
+      Three
+    </TabsItem>
+  </Tabs>
+
+export default TabsExample
diff --git a/packages/react/components/tabs/index.ts b/packages/react/components/tabs/index.ts
index ecc3aca2..4e163e2f 100644
--- a/packages/react/components/tabs/index.ts
+++ b/packages/react/components/tabs/index.ts
@@ -1,4 +1,5 @@
 import Tabs from './Tabs'
 import TabsItem from './item'
+import TabsExample from './Tabs.example'
 
-export { Tabs, TabsItem }
+export { Tabs, TabsItem, TabsExample }
diff --git a/packages/react/components/tag/Tag.example.tsx b/packages/react/components/tag/Tag.example.tsx
new file mode 100644
index 00000000..8bf08cf7
--- /dev/null
+++ b/packages/react/components/tag/Tag.example.tsx
@@ -0,0 +1,15 @@
+import React from 'react'
+import { Tag, TagList } from './index'
+
+const TagExample: React.ReactNode =
+
+  <TagList>
+    <Tag
+      onClick={function noRefCheck(){}}
+      variant='SUCCESS'
+    >
+      Play With me !
+    </Tag>
+  </TagList>
+
+export default TagExample
diff --git a/packages/react/components/tag/index.ts b/packages/react/components/tag/index.ts
index e1a904b8..df1e5912 100644
--- a/packages/react/components/tag/index.ts
+++ b/packages/react/components/tag/index.ts
@@ -1,6 +1,7 @@
 import Tag from './Tag'
 import TagList from './list'
+import TagExample from './Tag.example'
 
 export * from './TagEnum'
 
-export { Tag, TagList }
+export { Tag, TagList, TagExample }
diff --git a/packages/react/components/text/Text.example.tsx b/packages/react/components/text/Text.example.tsx
new file mode 100644
index 00000000..69ae2459
--- /dev/null
+++ b/packages/react/components/text/Text.example.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import { Text } from './index'
+
+const TextExample: React.ReactNode =
+  <Text
+    accessibilityLabel="ceci est un paragraphe"
+    level="ONE"
+    markup="p"
+    typo="has-text-weight-semibold"
+  >
+    Ceci est mon paragraphe
+  </Text>
+
+
+
+export default TextExample
diff --git a/packages/react/components/text/index.tsx b/packages/react/components/text/index.tsx
index 1796b08f..20951fc2 100644
--- a/packages/react/components/text/index.tsx
+++ b/packages/react/components/text/index.tsx
@@ -1,5 +1,6 @@
 import Text from './Text'
+import TextExample from './Text.example'
 
 export * from './TextEnum'
 
-export { Text }
+export { Text, TextExample }
diff --git a/packages/react/components/textarea/Textarea.example.tsx b/packages/react/components/textarea/Textarea.example.tsx
new file mode 100644
index 00000000..a0bb07b4
--- /dev/null
+++ b/packages/react/components/textarea/Textarea.example.tsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import { Textarea } from './index'
+
+const TextareaExample: React.ReactNode =
+  <Textarea
+    label="Label dynamique"
+    maxLength={150}
+    placeholder="placeholder"
+  />
+
+
+
+export default TextareaExample
diff --git a/packages/react/components/timeline/Timeline.example.tsx b/packages/react/components/timeline/Timeline.example.tsx
new file mode 100644
index 00000000..90c6fb3e
--- /dev/null
+++ b/packages/react/components/timeline/Timeline.example.tsx
@@ -0,0 +1,43 @@
+import React from 'react'
+import { Timeline, TimelineItem, TimelineMarker, TimelineContent } from './index'
+
+const TimelineExample: React.ReactNode =
+
+  <Timeline>
+    <TimelineItem undone>
+      <TimelineMarker iconName='tri-search' />
+      <TimelineContent
+        content="Modification de votre identifiant de connexion"
+        contentLink="Voir l'email"
+        heading="20 Septembre"
+        link="link"
+      />
+    </TimelineItem>
+    <TimelineItem active>
+      <TimelineMarker iconName='tri-search' />
+      <TimelineContent
+        content="SMS Bon voyage avec seuil usage inclus"
+        contentLink="Voir le SMS"
+        heading="08 Juillet"
+        link="link"
+      />
+    </TimelineItem>
+    <TimelineItem done>
+      <TimelineMarker iconName='tri-search' />
+      <TimelineContent
+        content="Passage en boutique concernant un accessoire"
+        heading="06 Juillet"
+      />
+    </TimelineItem>
+    <TimelineItem done>
+      <TimelineMarker iconName='tri-search' />
+      <TimelineContent
+        content="Modification de votre adresse de facturation"
+        heading="05 Mai"
+      />
+    </TimelineItem>
+  </Timeline>
+
+
+
+export default TimelineExample
diff --git a/packages/react/components/timeline/index.ts b/packages/react/components/timeline/index.ts
index 3d6f15a3..5de6cc40 100644
--- a/packages/react/components/timeline/index.ts
+++ b/packages/react/components/timeline/index.ts
@@ -2,5 +2,6 @@ import TimelineContent from './content'
 import TimelineItem from './item'
 import TimelineMarker from './marker'
 import Timeline from './Timeline'
+import TimelineExample from './Timeline.example'
 
-export { Timeline, TimelineItem, TimelineContent, TimelineMarker }
+export { Timeline, TimelineItem, TimelineContent, TimelineMarker, TimelineExample }
diff --git a/packages/react/components/title/Title.example.tsx b/packages/react/components/title/Title.example.tsx
new file mode 100644
index 00000000..c5c0ee96
--- /dev/null
+++ b/packages/react/components/title/Title.example.tsx
@@ -0,0 +1,21 @@
+import React from 'react'
+import { Title } from './index'
+
+const TitleExample: React.ReactNode =
+
+  <>
+    <Title
+      level="ONE"
+    >
+      Ceci titre
+    </Title>
+    <Title subtitle>
+      Ceci est un sous-titre
+    </Title>
+    <Title subtitle>
+      Ceci est text surligner
+    </Title>
+  </>
+
+
+export default TitleExample;
diff --git a/packages/react/components/title/index.ts b/packages/react/components/title/index.ts
index a252554c..52ad7645 100644
--- a/packages/react/components/title/index.ts
+++ b/packages/react/components/title/index.ts
@@ -1,4 +1,5 @@
 import Title from './Title'
+import TitleExample from './Title.example'
 
 export * from './TitleEnum'
-export { Title }
+export { Title, TitleExample }

From b32c9c8ecfdd85e806e544b63f6192939e7028d6 Mon Sep 17 00:00:00 2001
From: Thomas Lopez <thlopez@bouyguestelecom.fr>
Date: Mon, 29 Jul 2024 14:20:30 +0200
Subject: [PATCH 06/27] =?UTF-8?q?remove=20onclick=20functions=20in=20examp?=
 =?UTF-8?q?les=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/react/components/checkbox/Checkbox.example.tsx | 4 ----
 packages/react/components/chips/Chips.example.tsx       | 6 +-----
 packages/react/components/fab/Fab.example.tsx           | 1 -
 packages/react/components/hero/Hero.example.tsx         | 3 +--
 packages/react/components/icon/Icon.example.tsx         | 3 ---
 packages/react/components/image/Image.example.tsx       | 1 -
 packages/react/components/link/Link.example.tsx         | 2 +-
 packages/react/components/radio/Radio.example.tsx       | 4 ----
 packages/react/components/tabs/Tabs.example.tsx         | 2 --
 packages/react/components/tag/Tag.example.tsx           | 1 -
 10 files changed, 3 insertions(+), 24 deletions(-)

diff --git a/packages/react/components/checkbox/Checkbox.example.tsx b/packages/react/components/checkbox/Checkbox.example.tsx
index 4dab2786..f375afd9 100644
--- a/packages/react/components/checkbox/Checkbox.example.tsx
+++ b/packages/react/components/checkbox/Checkbox.example.tsx
@@ -5,22 +5,18 @@ const CheckboxExample: React.ReactNode = <>
   <Checkbox
     label="On peut me cocher grâce au controls ↓ "
     name="checkbox1"
-    onChange={function noRefCheck(){}}
-    onClick={function noRefCheck(){}}
     value="default value 1"
   />
   <Checkbox
     checked
     label="Je suis cochée"
     name="checkbox2"
-    onClick={function noRefCheck(){}}
     value="default value 2"
   />
   <Checkbox
     disabled
     label="Je suis disabled"
     name="checkbox3"
-    onClick={function noRefCheck(){}}
     value="default value 3"
   />
 </>
diff --git a/packages/react/components/chips/Chips.example.tsx b/packages/react/components/chips/Chips.example.tsx
index a3ba3f47..67487106 100644
--- a/packages/react/components/chips/Chips.example.tsx
+++ b/packages/react/components/chips/Chips.example.tsx
@@ -9,28 +9,24 @@ const ChipsExample: React.ReactNode = <>
   <ChipsList>
     <Chips
       active
-      onClick={function noRefCheck(){}}
     >
       Chips du panel de controls
     </Chips>
     <Chips
-      onClick={function noRefCheck(){}}
     >
       Chips 2
     </Chips>
     <Chips
       active
-      onClick={function noRefCheck(){}}
     >
       Chips 3
     </Chips>
-    <Chips onClick={function noRefCheck(){}}>
+    <Chips >
       Chips 4
     </Chips>
     <Chips
       active
       disabled
-      onClick={function noRefCheck(){}}
     >
       Chips disabled
     </Chips>
diff --git a/packages/react/components/fab/Fab.example.tsx b/packages/react/components/fab/Fab.example.tsx
index e5eade4f..85fcf055 100644
--- a/packages/react/components/fab/Fab.example.tsx
+++ b/packages/react/components/fab/Fab.example.tsx
@@ -4,7 +4,6 @@ import { Fab } from './index'
 
 const FabExample: React.ReactNode = <Fab
   iconName='tri-alert'
-  onClick={function noRefCheck(){}}
 >
   Ecrire
 </Fab>
diff --git a/packages/react/components/hero/Hero.example.tsx b/packages/react/components/hero/Hero.example.tsx
index e45b1e03..d398b56d 100644
--- a/packages/react/components/hero/Hero.example.tsx
+++ b/packages/react/components/hero/Hero.example.tsx
@@ -6,8 +6,7 @@ import { Button } from '@/components/button'
 
 const HeroExample: React.ReactNode = <Hero
   backgroundSrc="https://picsum.photos/id/1/1500/600"
-  onClick={function noRefCheck() {
-  }}
+
 >
   <Container>
     <Title
diff --git a/packages/react/components/icon/Icon.example.tsx b/packages/react/components/icon/Icon.example.tsx
index aa112329..bb1521fc 100644
--- a/packages/react/components/icon/Icon.example.tsx
+++ b/packages/react/components/icon/Icon.example.tsx
@@ -7,20 +7,17 @@ const IconExample: React.ReactNode =
   <>
     <Icon
       name='tri-search'
-      onClick={function noRefCheck(){}}
       size="small"
       status='SUCCESS'
     />
     <Icon
       name='tri-search'
-      onClick={function noRefCheck(){}}
       size="small"
       status='SUCCESS'
       statusPosition="top"
     />
     <Icon
       name='tri-search'
-      onClick={function noRefCheck(){}}
       size="small"
       status='SUCCESS'
       statusPosition="bottom"
diff --git a/packages/react/components/image/Image.example.tsx b/packages/react/components/image/Image.example.tsx
index 1b434d28..c481d101 100644
--- a/packages/react/components/image/Image.example.tsx
+++ b/packages/react/components/image/Image.example.tsx
@@ -6,7 +6,6 @@ import { Image } from './index'
 const ImageExample: React.ReactNode =
   <Image
     alt="image test"
-    onClick={function noRefCheck(){}}
     src="https://assets.bouyguestelecom.fr/TRILOGY/guide@2.0.7-3/assets/images/card-image.png"
   />
 
diff --git a/packages/react/components/link/Link.example.tsx b/packages/react/components/link/Link.example.tsx
index b51e5a81..51709042 100644
--- a/packages/react/components/link/Link.example.tsx
+++ b/packages/react/components/link/Link.example.tsx
@@ -5,7 +5,7 @@ import { Text } from '@/components/text'
 
 const LinkExample: React.ReactNode =
   <>
-    <Link onClick={function noRefCheck(){}}>
+    <Link>
       {' '}Mot de passe oublié ?
     </Link>
     <Divider />
diff --git a/packages/react/components/radio/Radio.example.tsx b/packages/react/components/radio/Radio.example.tsx
index 7d567657..a6bbf45e 100644
--- a/packages/react/components/radio/Radio.example.tsx
+++ b/packages/react/components/radio/Radio.example.tsx
@@ -6,22 +6,18 @@ const RadioExample: React.ReactNode =
     <Radio
       label="On peut me cocher grâce au controls ↓ "
       name="checkbox1"
-      onChange={function noRefCheck(){}}
-      onClick={function noRefCheck(){}}
       value="default value 1"
     />
     <Radio
       checked
       label="Je suis cochée"
       name="checkbox2"
-      onClick={function noRefCheck(){}}
       value="default value 2"
     />
     <Radio
       disabled
       label="Je suis disabled"
       name="checkbox3"
-      onClick={function noRefCheck(){}}
       value="default value 3"
     />
   </>
diff --git a/packages/react/components/tabs/Tabs.example.tsx b/packages/react/components/tabs/Tabs.example.tsx
index 8c22877c..70fa2908 100644
--- a/packages/react/components/tabs/Tabs.example.tsx
+++ b/packages/react/components/tabs/Tabs.example.tsx
@@ -5,8 +5,6 @@ const TabsExample: React.ReactNode =
 
   <Tabs
     activeIndex={2}
-    onClick={function noRefCheck() {
-    }}
   >
     <TabsItem
       disabled
diff --git a/packages/react/components/tag/Tag.example.tsx b/packages/react/components/tag/Tag.example.tsx
index 8bf08cf7..9afa0fe5 100644
--- a/packages/react/components/tag/Tag.example.tsx
+++ b/packages/react/components/tag/Tag.example.tsx
@@ -5,7 +5,6 @@ const TagExample: React.ReactNode =
 
   <TagList>
     <Tag
-      onClick={function noRefCheck(){}}
       variant='SUCCESS'
     >
       Play With me !

From 5b6bfab5848e2ff64978f333f40607eec2cf812c Mon Sep 17 00:00:00 2001
From: Thomas Lopez <thlopez@bouyguestelecom.fr>
Date: Mon, 29 Jul 2024 14:38:32 +0200
Subject: [PATCH 07/27] remove space component example

---
 .../components/spacer/Spacer.example.tsx      | 21 -------------------
 packages/react/components/spacer/index.ts     |  3 +--
 2 files changed, 1 insertion(+), 23 deletions(-)
 delete mode 100644 packages/react/components/spacer/Spacer.example.tsx

diff --git a/packages/react/components/spacer/Spacer.example.tsx b/packages/react/components/spacer/Spacer.example.tsx
deleted file mode 100644
index 7138152a..00000000
--- a/packages/react/components/spacer/Spacer.example.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from 'react'
-import { Spacer, SpacerSize } from './index'
-import { Tag } from '@/components/tag'
-
-const SpacerExample: React.ReactNode =
-  <>
-    <Tag variant="SUCCESS">
-      Play with the props{' '}
-      <code>
-        size
-      </code>
-    </Tag>
-    <Spacer
-      size={SpacerSize.SMALL}
-    />
-    <Tag>
-      Dans le pannel de contrôle ⬇
-    </Tag>
-  </>
-
-export default SpacerExample
diff --git a/packages/react/components/spacer/index.ts b/packages/react/components/spacer/index.ts
index b5137340..7536c197 100644
--- a/packages/react/components/spacer/index.ts
+++ b/packages/react/components/spacer/index.ts
@@ -1,6 +1,5 @@
 import Spacer from './Spacer'
-import SpacerExample from './Spacer.example'
 
 export * from './SpacerEnum'
 
-export { Spacer, SpacerExample }
+export { Spacer }

From d6029ebede072030d3f7aebe966c7ef80afc6c88 Mon Sep 17 00:00:00 2001
From: Thomas Lopez <thlopez@bouyguestelecom.fr>
Date: Wed, 31 Jul 2024 14:48:00 +0200
Subject: [PATCH 08/27] fix examples components

---
 .../accordion/Accordion.example.tsx           |  2 +-
 .../breadcrumb/Breadcrumb.example.tsx         | 20 ++++++
 packages/react/components/breadcrumb/index.ts |  3 +-
 .../react/components/card/Card.example.tsx    | 67 +++++++++++++------
 .../components/checkbox/Checkbox.example.tsx  |  6 +-
 .../react/components/chips/Chips.example.tsx  | 10 +--
 .../react/components/link/Link.example.tsx    |  6 +-
 .../react/components/list/List.example.tsx    |  2 +-
 .../react/components/modal/Modal.example.tsx  |  2 +-
 packages/react/components/otp/Otp.example.tsx | 11 +--
 .../react/components/radio/Radio.example.tsx  |  4 +-
 packages/react/components/textarea/index.ts   |  3 +-
 12 files changed, 94 insertions(+), 42 deletions(-)
 create mode 100644 packages/react/components/breadcrumb/Breadcrumb.example.tsx

diff --git a/packages/react/components/accordion/Accordion.example.tsx b/packages/react/components/accordion/Accordion.example.tsx
index 4ee6ad8a..f965b59e 100644
--- a/packages/react/components/accordion/Accordion.example.tsx
+++ b/packages/react/components/accordion/Accordion.example.tsx
@@ -4,7 +4,7 @@ import { Accordion, AccordionBody, AccordionHeader, AccordionItem } from './inde
 const AccordionExample: React.ReactNode = <Accordion>
   <AccordionItem
     active
-    id="UN"
+    id="1"
   >
     <AccordionHeader>
       Hello World
diff --git a/packages/react/components/breadcrumb/Breadcrumb.example.tsx b/packages/react/components/breadcrumb/Breadcrumb.example.tsx
new file mode 100644
index 00000000..48be3caf
--- /dev/null
+++ b/packages/react/components/breadcrumb/Breadcrumb.example.tsx
@@ -0,0 +1,20 @@
+import React from 'react'
+import { Breadcrumb, BreadcrumbItem } from './index'
+
+const BreadcrumbExample: React.ReactNode =
+  <Breadcrumb>
+    <BreadcrumbItem href="https://google.fr">
+      Google
+    </BreadcrumbItem>
+    <BreadcrumbItem to="#anchor">
+      Parent avec ancre
+    </BreadcrumbItem>
+    <BreadcrumbItem>
+      Parent
+    </BreadcrumbItem>
+    <BreadcrumbItem active>
+      Page en cours
+    </BreadcrumbItem>
+  </Breadcrumb>
+
+export default BreadcrumbExample;
diff --git a/packages/react/components/breadcrumb/index.ts b/packages/react/components/breadcrumb/index.ts
index 808c2476..cdfcb485 100644
--- a/packages/react/components/breadcrumb/index.ts
+++ b/packages/react/components/breadcrumb/index.ts
@@ -1,4 +1,5 @@
 import Breadcrumb from './Breadcrumb'
 import BreadcrumbItem from './item'
+import BreadcrumbExample from './Breadcrumb.example'
 
-export { Breadcrumb, BreadcrumbItem }
+export { Breadcrumb, BreadcrumbItem, BreadcrumbExample }
diff --git a/packages/react/components/card/Card.example.tsx b/packages/react/components/card/Card.example.tsx
index 6606f655..dc479c0c 100644
--- a/packages/react/components/card/Card.example.tsx
+++ b/packages/react/components/card/Card.example.tsx
@@ -3,25 +3,54 @@ import { Card, CardImage, CardContent } from './index'
 import { Title } from '@/components/title'
 import { Text } from '@/components/text'
 import { Button } from '@/components/button'
+import { Rows, RowItem } from '@/components/rows'
 
-const CardExample: React.ReactNode = <Card>
-  <CardImage src="https://design.bouyguestelecom.fr/v1/card-sample.200bd9f7.png" />
-  <CardContent>
-    <Title>
-      Présentation
-    </Title>
-    <Title level="ONE">
-      Title lorem
-    </Title>
-    <Text level="ONE">
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, neque eu, vulputate vera.
-    </Text>
-    <Button
-      variant="SECONDARY"
-    >
-      Voir plus...
-    </Button>
-  </CardContent>
-</Card>
+const CardExample: React.ReactNode =
+  <Rows>
+    <RowItem>
+      <Card>
+        <CardImage src="https://design.bouyguestelecom.fr/v1/card-sample.200bd9f7.png" />
+        <CardContent>
+          <Title>
+            Présentation
+          </Title>
+          <Title level="ONE">
+            Title lorem
+          </Title>
+          <Text level="ONE">
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, neque eu,
+            vulputate vera.
+          </Text>
+          <Button
+            variant="SECONDARY"
+          >
+            Voir plus...
+          </Button>
+        </CardContent>
+      </Card>
+    </RowItem>
+    <RowItem>
+      <Card horizontal>
+        <CardImage src="https://design.bouyguestelecom.fr/v1/card-sample.200bd9f7.png" />
+        <CardContent>
+          <Title>
+            Présentation
+          </Title>
+          <Title level="ONE">
+            Title lorem
+          </Title>
+          <Text level="ONE">
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, neque eu,
+            vulputate vera.
+          </Text>
+          <Button
+            variant="SECONDARY"
+          >
+            Voir plus...
+          </Button>
+        </CardContent>
+      </Card>
+    </RowItem>
+  </Rows>
 
 export default CardExample
diff --git a/packages/react/components/checkbox/Checkbox.example.tsx b/packages/react/components/checkbox/Checkbox.example.tsx
index f375afd9..f54531fb 100644
--- a/packages/react/components/checkbox/Checkbox.example.tsx
+++ b/packages/react/components/checkbox/Checkbox.example.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import Checkbox from '@/components/checkbox/Checkbox'
 
-const CheckboxExample: React.ReactNode = <>
+const CheckboxExample: React.ReactNode = <div>
   <Checkbox
     label="On peut me cocher grâce au controls ↓ "
     name="checkbox1"
@@ -19,6 +19,6 @@ const CheckboxExample: React.ReactNode = <>
     name="checkbox3"
     value="default value 3"
   />
-</>
+</div>
 
-export default CheckboxExample;
+export default CheckboxExample
diff --git a/packages/react/components/chips/Chips.example.tsx b/packages/react/components/chips/Chips.example.tsx
index 67487106..e3ee5e1d 100644
--- a/packages/react/components/chips/Chips.example.tsx
+++ b/packages/react/components/chips/Chips.example.tsx
@@ -1,8 +1,8 @@
 import React from 'react'
 import { Text } from '@/components/text'
-import {Chips, ChipsList} from './index'
+import { Chips, ChipsList } from './index'
 
-const ChipsExample: React.ReactNode = <>
+const ChipsExample: React.ReactNode = <div>
   <Text>
     Exemple de selection unique :
   </Text>
@@ -21,7 +21,7 @@ const ChipsExample: React.ReactNode = <>
     >
       Chips 3
     </Chips>
-    <Chips >
+    <Chips>
       Chips 4
     </Chips>
     <Chips
@@ -31,6 +31,6 @@ const ChipsExample: React.ReactNode = <>
       Chips disabled
     </Chips>
   </ChipsList>
-</>
+</div>
 
-export default ChipsExample;
+export default ChipsExample
diff --git a/packages/react/components/link/Link.example.tsx b/packages/react/components/link/Link.example.tsx
index 51709042..eb059fb4 100644
--- a/packages/react/components/link/Link.example.tsx
+++ b/packages/react/components/link/Link.example.tsx
@@ -4,7 +4,7 @@ import { Divider } from '@/components/divider'
 import { Text } from '@/components/text'
 
 const LinkExample: React.ReactNode =
-  <>
+  <div>
     <Link>
       {' '}Mot de passe oublié ?
     </Link>
@@ -15,6 +15,6 @@ const LinkExample: React.ReactNode =
         lien standard
       </Link>
     </Text>
-  </>
+  </div>
 
-export default LinkExample;
+export default LinkExample
diff --git a/packages/react/components/list/List.example.tsx b/packages/react/components/list/List.example.tsx
index 491d4d9d..6a56dec9 100644
--- a/packages/react/components/list/List.example.tsx
+++ b/packages/react/components/list/List.example.tsx
@@ -23,4 +23,4 @@ const ListExample: React.ReactNode =
     </ListItem>
   </List>
 
-export default ListExample;
+export default ListExample
diff --git a/packages/react/components/modal/Modal.example.tsx b/packages/react/components/modal/Modal.example.tsx
index 7e38a57e..be82041f 100644
--- a/packages/react/components/modal/Modal.example.tsx
+++ b/packages/react/components/modal/Modal.example.tsx
@@ -13,4 +13,4 @@ const ModalExample: React.ReactNode =
   triggerMarkup="a"
 />
 
-export default ModalExample;
+export default ModalExample
diff --git a/packages/react/components/otp/Otp.example.tsx b/packages/react/components/otp/Otp.example.tsx
index b6097bda..adc06f63 100644
--- a/packages/react/components/otp/Otp.example.tsx
+++ b/packages/react/components/otp/Otp.example.tsx
@@ -2,9 +2,10 @@ import React from 'react'
 import { Otp } from './index'
 
 const OtpExample: React.ReactNode =
+  <div>
+    <Otp
+      label="Saisir votre otp"
+    />
+  </div>
 
-  <Otp
-    label="Saisir votre otp"
-  />
-
-export default OtpExample;
+export default OtpExample
diff --git a/packages/react/components/radio/Radio.example.tsx b/packages/react/components/radio/Radio.example.tsx
index a6bbf45e..be1aea93 100644
--- a/packages/react/components/radio/Radio.example.tsx
+++ b/packages/react/components/radio/Radio.example.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import { Radio } from './index'
 
 const RadioExample: React.ReactNode =
-  <>
+  <div>
     <Radio
       label="On peut me cocher grâce au controls ↓ "
       name="checkbox1"
@@ -20,6 +20,6 @@ const RadioExample: React.ReactNode =
       name="checkbox3"
       value="default value 3"
     />
-  </>
+  </div>
 
 export default RadioExample;
diff --git a/packages/react/components/textarea/index.ts b/packages/react/components/textarea/index.ts
index 7b8a7dbe..7f146bca 100644
--- a/packages/react/components/textarea/index.ts
+++ b/packages/react/components/textarea/index.ts
@@ -1,3 +1,4 @@
 import Textarea from './Textarea'
+import TextareaExample from './Textarea.example'
 
-export { Textarea }
+export { Textarea, TextareaExample }

From 38d37db21e0f90ae15a486b3d0708212892c8a66 Mon Sep 17 00:00:00 2001
From: Eliott <ecormill@bouyguestelecom.fr>
Date: Thu, 10 Oct 2024 16:17:54 +0200
Subject: [PATCH 09/27] more example for alert, button, checkbox, box

---
 .../react/components/alert/Alert.example.tsx  | 45 +++++++--
 packages/react/components/box/Box.example.tsx | 75 ++++++++++++---
 .../components/button/Button.example.tsx      |  5 +
 .../components/checkbox/Checkbox.example.tsx  | 91 +++++++++++++++----
 .../container/Container.example.tsx           |  3 +-
 5 files changed, 184 insertions(+), 35 deletions(-)

diff --git a/packages/react/components/alert/Alert.example.tsx b/packages/react/components/alert/Alert.example.tsx
index 0a72f00e..f102ec68 100644
--- a/packages/react/components/alert/Alert.example.tsx
+++ b/packages/react/components/alert/Alert.example.tsx
@@ -1,11 +1,44 @@
 import React from 'react'
 import { Alert } from './index'
+import { Columns, ColumnsItem } from '../columns'
+
+const AlertExample: React.ReactNode =
+<>
+        <Columns multiline>
+            <ColumnsItem size={6}>
+            <Alert
+              alert='INFO'
+              description='Lorem Ipsum is simply dummy text type and scrambled it to make a type specimen book..'
+              display
+              title='Alert information'
+            />
+            </ColumnsItem>
+            <ColumnsItem size={6}>
+            <Alert
+              alert='ERROR'
+              description='Lorem Ipsum is simply dummy text type and scrambled it to make a type specimen book..'
+              display
+              title='Alert information'
+            />
+            </ColumnsItem>
+            <ColumnsItem size={6}>
+            <Alert
+              alert='SUCCESS'
+              description='Lorem Ipsum is simply dummy text type and scrambled it to make a type specimen book..'
+              display
+              title='Alert information'
+            />
+            </ColumnsItem>
+            <ColumnsItem size={6}>
+            <Alert
+              alert='WARNING'
+              description='Lorem Ipsum is simply dummy text type and scrambled it to make a type specimen book..'
+              display
+              title='Alert information'
+            />
+            </ColumnsItem>
+        </Columns>
+          </>
 
-const AlertExample: React.ReactNode = <Alert
-  alert='INFO'
-  description='Lorem Ipsum is simply dummy text type and scrambled it to make a type specimen book..'
-  display
-  title='Alert information'
-/>
 
 export default AlertExample
diff --git a/packages/react/components/box/Box.example.tsx b/packages/react/components/box/Box.example.tsx
index c9ab48d9..c073e193 100644
--- a/packages/react/components/box/Box.example.tsx
+++ b/packages/react/components/box/Box.example.tsx
@@ -1,17 +1,70 @@
 import React from 'react'
-import { Box, BoxContent } from './index'
+import { Box, BoxContent, BoxFooter } from './index'
 import { Title } from '@/components/title'
 import { Text } from '@/components/text'
+import { Columns, ColumnsItem } from '../columns'
+import { Link } from '../link'
 
-const BoxExample: React.ReactNode = <Box>
-  <BoxContent>
-    <Title level="ONE">
-      Box Title
-    </Title>
-    <Text>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.
-    </Text>
-  </BoxContent>
-</Box>
+
+const BoxExample: React.ReactNode =
+  <>
+    <Columns multiline>
+      <ColumnsItem size={4}>
+        <Box>
+          <BoxContent>
+            <Title level="ONE">
+              Box Title
+            </Title>
+            <Text>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.
+            </Text>
+          </BoxContent>
+        </Box>
+      </ColumnsItem>
+      <ColumnsItem size={4}>
+        <Box flat>
+          <BoxContent>
+            <Title level="ONE">
+              Box Title
+            </Title>
+            <Text>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.
+            </Text>
+          </BoxContent>
+        </Box>
+      </ColumnsItem>
+      <ColumnsItem size={4}>
+        <Box
+          leftBorder="WARNING"
+        >
+          <BoxContent>
+            <Title level="ONE">
+              Box Title
+            </Title>
+            <Text>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.
+            </Text>
+          </BoxContent>
+        </Box>
+      </ColumnsItem>
+      <ColumnsItem size={12}>
+        <Box>
+          <BoxContent>
+            <Title level="ONE">
+              Box Title
+            </Title>
+            <Text>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.
+            </Text>
+          </BoxContent>
+          <BoxFooter>
+            <Link>
+              Link
+            </Link>
+          </BoxFooter>
+        </Box>
+      </ColumnsItem>
+    </Columns>
+  </>
 
 export default BoxExample
diff --git a/packages/react/components/button/Button.example.tsx b/packages/react/components/button/Button.example.tsx
index 61e4899e..299a25b9 100644
--- a/packages/react/components/button/Button.example.tsx
+++ b/packages/react/components/button/Button.example.tsx
@@ -3,6 +3,11 @@ import { ButtonList, Button } from './index'
 
 const ButtonExample: React.ReactNode =
   <ButtonList>
+    <Button
+      variant="CONVERSION"
+    >
+      Button
+    </Button>
     <Button
       variant="PRIMARY"
     >
diff --git a/packages/react/components/checkbox/Checkbox.example.tsx b/packages/react/components/checkbox/Checkbox.example.tsx
index f54531fb..a1955237 100644
--- a/packages/react/components/checkbox/Checkbox.example.tsx
+++ b/packages/react/components/checkbox/Checkbox.example.tsx
@@ -1,24 +1,81 @@
 import React from 'react'
 import Checkbox from '@/components/checkbox/Checkbox'
+import { Columns, ColumnsItem } from '../columns'
 
 const CheckboxExample: React.ReactNode = <div>
-  <Checkbox
-    label="On peut me cocher grâce au controls ↓ "
-    name="checkbox1"
-    value="default value 1"
-  />
-  <Checkbox
-    checked
-    label="Je suis cochée"
-    name="checkbox2"
-    value="default value 2"
-  />
-  <Checkbox
-    disabled
-    label="Je suis disabled"
-    name="checkbox3"
-    value="default value 3"
-  />
+            <>
+                <Columns multiline>
+                    <ColumnsItem size={4}>
+                        <Checkbox
+                            label="On peut me cocher grâce au controls ↓ "
+                            name="checkbox1"
+                            onChange={function noRefCheck() { }}
+                            onClick={function noRefCheck() { }}
+                            value="default value 1"
+                        />
+                    </ColumnsItem>
+
+                    <ColumnsItem size={4}>
+                        <Checkbox
+                            checked
+                            label="Je suis cochée"
+                            name="checkbox2"
+                            onClick={function noRefCheck() { }}
+                            value="default value 2"
+                        />
+                    </ColumnsItem>
+
+                    <ColumnsItem size={4}>
+                        <Checkbox
+                            disabled
+                            label="Je suis disabled"
+                            name="checkbox3"
+                            onClick={function noRefCheck() { }}
+                            value="default value 3"
+                        />
+                    </ColumnsItem>
+                    <ColumnsItem size={4}>
+                    <Checkbox
+                        description="On peut me cocher et ajouter une icône grâce au controls ↓ "
+                        horizontalTile
+                        iconTile="tri-check-circle"
+                        label="Checkbox tile horizontal"
+                        name="checkbox"
+                        onChange={function noRefCheck() { }}
+                        onClick={function noRefCheck() { }}
+                        tile
+                        value="default value 1"
+                    />
+                    </ColumnsItem>
+                    <ColumnsItem size={4}>
+                    <Checkbox
+                        checked
+                        description="Je suis la description de la checkbox"
+                        horizontalTile
+                        iconTile="tri-infos-circle"
+                        label="Checkbox tile avec Icône"
+                        name="checkbox"
+                        onClick={function noRefCheck() { }}
+                        tile
+                        value="default value 1"
+                    />
+                    </ColumnsItem>
+                    <ColumnsItem size={4}>
+                    <Checkbox
+                        description="Je suis la description de la checkbox"
+                        disabled
+                        horizontalTile
+                        iconTile="tri-watch"
+                        label="Checkbox tile horizontal disabled"
+                        name="checkbox"
+                        onClick={function noRefCheck() { }}
+                        tile
+                        value="default value 1"
+                    />
+                    </ColumnsItem>
+                </Columns>
+
+            </>
 </div>
 
 export default CheckboxExample
diff --git a/packages/react/components/container/Container.example.tsx b/packages/react/components/container/Container.example.tsx
index 0a441f0a..b44e029b 100644
--- a/packages/react/components/container/Container.example.tsx
+++ b/packages/react/components/container/Container.example.tsx
@@ -4,7 +4,8 @@ import { Box } from '@/components/box'
 import { Text } from '@/components/text'
 import { Container } from './index'
 
-const ContainerExample: React.ReactNode = <Container>
+const ContainerExample: React.ReactNode = 
+<Container>
   <Box>
     <Text>
       Je suis une box dans un container

From 77f6103e7ab346034c4e408af7d834e575b38672 Mon Sep 17 00:00:00 2001
From: Eliott <ecormill@bouyguestelecom.fr>
Date: Thu, 10 Oct 2024 16:52:42 +0200
Subject: [PATCH 10/27] fix checkbox example

---
 packages/react/components/checkbox/Checkbox.example.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/components/checkbox/Checkbox.example.tsx b/packages/react/components/checkbox/Checkbox.example.tsx
index a1955237..c7001789 100644
--- a/packages/react/components/checkbox/Checkbox.example.tsx
+++ b/packages/react/components/checkbox/Checkbox.example.tsx
@@ -65,7 +65,7 @@ const CheckboxExample: React.ReactNode = <div>
                         description="Je suis la description de la checkbox"
                         disabled
                         horizontalTile
-                        iconTile="tri-watch"
+                        iconTile="tri-alert"
                         label="Checkbox tile horizontal disabled"
                         name="checkbox"
                         onClick={function noRefCheck() { }}

From f21640fef43f6071e46bd6394bfdb8764289838e Mon Sep 17 00:00:00 2001
From: Eliott <ecormill@bouyguestelecom.fr>
Date: Thu, 10 Oct 2024 17:01:04 +0200
Subject: [PATCH 11/27] fix checkbox example

---
 packages/react/components/checkbox/Checkbox.example.tsx | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/packages/react/components/checkbox/Checkbox.example.tsx b/packages/react/components/checkbox/Checkbox.example.tsx
index c7001789..68fc8786 100644
--- a/packages/react/components/checkbox/Checkbox.example.tsx
+++ b/packages/react/components/checkbox/Checkbox.example.tsx
@@ -9,8 +9,6 @@ const CheckboxExample: React.ReactNode = <div>
                         <Checkbox
                             label="On peut me cocher grâce au controls ↓ "
                             name="checkbox1"
-                            onChange={function noRefCheck() { }}
-                            onClick={function noRefCheck() { }}
                             value="default value 1"
                         />
                     </ColumnsItem>
@@ -20,7 +18,6 @@ const CheckboxExample: React.ReactNode = <div>
                             checked
                             label="Je suis cochée"
                             name="checkbox2"
-                            onClick={function noRefCheck() { }}
                             value="default value 2"
                         />
                     </ColumnsItem>
@@ -30,7 +27,6 @@ const CheckboxExample: React.ReactNode = <div>
                             disabled
                             label="Je suis disabled"
                             name="checkbox3"
-                            onClick={function noRefCheck() { }}
                             value="default value 3"
                         />
                     </ColumnsItem>
@@ -41,8 +37,6 @@ const CheckboxExample: React.ReactNode = <div>
                         iconTile="tri-check-circle"
                         label="Checkbox tile horizontal"
                         name="checkbox"
-                        onChange={function noRefCheck() { }}
-                        onClick={function noRefCheck() { }}
                         tile
                         value="default value 1"
                     />
@@ -55,7 +49,6 @@ const CheckboxExample: React.ReactNode = <div>
                         iconTile="tri-infos-circle"
                         label="Checkbox tile avec Icône"
                         name="checkbox"
-                        onClick={function noRefCheck() { }}
                         tile
                         value="default value 1"
                     />
@@ -68,7 +61,6 @@ const CheckboxExample: React.ReactNode = <div>
                         iconTile="tri-alert"
                         label="Checkbox tile horizontal disabled"
                         name="checkbox"
-                        onClick={function noRefCheck() { }}
                         tile
                         value="default value 1"
                     />

From 04efa8f22efa663d4b1f219a39360c9516d03400 Mon Sep 17 00:00:00 2001
From: Eliott <ecormill@bouyguestelecom.fr>
Date: Fri, 11 Oct 2024 19:26:53 +0200
Subject: [PATCH 12/27] add more examples Countdown/Fab/List/Otp

---
 .../countdown/Countdown.example.tsx           | 18 ++++-
 packages/react/components/fab/Fab.example.tsx | 30 +++++++--
 .../react/components/list/List.example.tsx    | 67 +++++++++++++------
 packages/react/components/otp/Otp.example.tsx | 35 +++++++++-
 4 files changed, 120 insertions(+), 30 deletions(-)

diff --git a/packages/react/components/countdown/Countdown.example.tsx b/packages/react/components/countdown/Countdown.example.tsx
index 40b2d019..5811d6fc 100644
--- a/packages/react/components/countdown/Countdown.example.tsx
+++ b/packages/react/components/countdown/Countdown.example.tsx
@@ -1,7 +1,23 @@
 import React from 'react'
 import { Countdown } from './index'
+import { Columns, ColumnsItem } from '../columns';
 
 
-const CountdownExample: React.ReactNode = <Countdown deadline={new Date("2023-12-24T17:00:00.000Z")} />
+const CountdownExample: React.ReactNode = 
+<>
+    <Columns>
+        <ColumnsItem>
+            <Countdown
+                deadline={new Date("2023-12-24T17:00:00.000Z")}
+            />
+        </ColumnsItem>
 
+        <ColumnsItem>
+            <Countdown
+                deadline={new Date("2023-12-24T17:00:00.000Z")}
+                small
+            />
+        </ColumnsItem>
+    </Columns>
+</>
 export default CountdownExample;
diff --git a/packages/react/components/fab/Fab.example.tsx b/packages/react/components/fab/Fab.example.tsx
index 85fcf055..df168a8b 100644
--- a/packages/react/components/fab/Fab.example.tsx
+++ b/packages/react/components/fab/Fab.example.tsx
@@ -1,10 +1,30 @@
 import React from 'react'
 import { Fab } from './index'
+import { Columns, ColumnsItem } from '../columns';
 
 
-const FabExample: React.ReactNode = <Fab
-  iconName='tri-alert'
->
-  Ecrire
-</Fab>
+const FabExample: React.ReactNode = 
+
+<>
+<Columns>
+<ColumnsItem>
+    <Fab
+        iconName="tri-check"
+        onClick={function noRefCheck() { }}
+    >
+        Ecrire
+    </Fab>
+    </ColumnsItem>
+    <ColumnsItem>
+    <Fab
+        extended
+        iconName="tri-bell"
+        onClick={function noRefCheck() { }}
+    >
+        Extended fab
+    </Fab>
+    </ColumnsItem>
+    </Columns>
+</>
+
 export default FabExample;
diff --git a/packages/react/components/list/List.example.tsx b/packages/react/components/list/List.example.tsx
index 6a56dec9..b87382fc 100644
--- a/packages/react/components/list/List.example.tsx
+++ b/packages/react/components/list/List.example.tsx
@@ -1,26 +1,51 @@
 import React from 'react'
-import { List, ListItem } from './index'
+import { List, ListItem, ListItemDescription } from './index'
+import { Columns, ColumnsItem } from '../columns'
 
 const ListExample: React.ReactNode =
-  <List hasIcon>
-    <ListItem
-      customIcon="tri-check"
-      status="SUCCESS"
-    >
-      Bonjour
-    </ListItem>
-    <ListItem
-      customIcon="tri-times"
-      status="ERROR"
-    >
-      Bonjour
-    </ListItem>
-    <ListItem
-      customIcon="tri-times"
-      status="ERROR"
-    >
-      Bonjour
-    </ListItem>
-  </List>
+<>
+<Columns>
+    <List hasIcon>
+        <ColumnsItem>
+
+            <ListItem
+                customIcon="tri-check"
+                status="SUCCESS"
+            >
+                Bonjour
+            </ListItem>
+        </ColumnsItem>
+        <ColumnsItem>
+
+            <ListItem
+                customIcon="tri-times"
+                status="ERROR"
+            >
+                Bonjour
+            </ListItem>
+        </ColumnsItem>
+        <ColumnsItem>
+
+            <ListItem
+                customIcon="tri-times"
+                status="ERROR"
+            >
+                Bonjour
+            </ListItem>
+        </ColumnsItem>
+        <Columns>
+
+            <List>
+                <ListItem title="Title">
+                    <ListItemDescription>
+                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book
+                    </ListItemDescription>
+                </ListItem>
+            </List>
+        </Columns>
+
+    </List>
+</Columns>
+</>
 
 export default ListExample
diff --git a/packages/react/components/otp/Otp.example.tsx b/packages/react/components/otp/Otp.example.tsx
index adc06f63..7cbe0d28 100644
--- a/packages/react/components/otp/Otp.example.tsx
+++ b/packages/react/components/otp/Otp.example.tsx
@@ -1,11 +1,40 @@
 import React from 'react'
 import { Otp } from './index'
+import { Columns, ColumnsItem } from '../columns'
 
 const OtpExample: React.ReactNode =
   <div>
-    <Otp
-      label="Saisir votre otp"
-    />
+            <>
+                <Columns>
+                    <ColumnsItem size={4}>
+                        <Otp
+                            error
+                            errorMessage="Ceci est un message  derreur"
+                            label="Saisir votre otp"
+                            onChange={function noRefCheck() { }}
+                            onCompleted={function noRefCheck() { }}
+                            onFocus={function noRefCheck() { }}
+                        />
+                        </ColumnsItem>
+                        <ColumnsItem size={4}>
+                        <Otp
+                            label="Saisir votre otp"
+                            onChange={function noRefCheck() { }}
+                            onCompleted={function noRefCheck() { }}
+                            onFocus={function noRefCheck() { }}
+                        />
+                        </ColumnsItem>
+                    <ColumnsItem size={4}>
+                        <Otp
+                            disabled
+                            label="Saisir votre otp"
+                            onChange={function noRefCheck() { }}
+                            onCompleted={function noRefCheck() { }}
+                            onFocus={function noRefCheck() { }}
+                        />
+                    </ColumnsItem>
+                </Columns>
+            </>
   </div>
 
 export default OtpExample

From bd888cec3bdebce27477ef60bb20fb192e860efd Mon Sep 17 00:00:00 2001
From: Eliott <ecormill@bouyguestelecom.fr>
Date: Mon, 14 Oct 2024 15:30:17 +0200
Subject: [PATCH 13/27] finish examples

---
 .../accordion/Accordion.example.tsx           |   8 +-
 .../react/components/alert/Alert.example.tsx  |   5 +-
 packages/react/components/box/Box.example.tsx |  15 +-
 .../breadcrumb/Breadcrumb.example.tsx         |   6 +-
 .../components/button/Button.example.tsx      |  12 +-
 .../react/components/card/Card.example.tsx    |  16 +-
 .../components/checkbox/Checkbox.example.tsx  | 146 ++++++++++--------
 .../components/columns/Columns.example.tsx    |   8 +-
 .../container/Container.example.tsx           |   4 +-
 .../countdown/Countdown.example.tsx           |  11 +-
 .../components/divider/Divider.example.tsx    |   5 +-
 packages/react/components/fab/Fab.example.tsx |  15 +-
 .../react/components/hero/Hero.example.tsx    |   8 +-
 .../react/components/icon/Icon.example.tsx    |  14 +-
 .../react/components/image/Image.example.tsx  |   8 +-
 .../react/components/input/Input.example.tsx  |  14 +-
 .../react/components/list/List.example.tsx    |  16 +-
 packages/react/components/list/index.ts       |   2 +-
 .../react/components/modal/Modal.example.tsx  |  12 +-
 packages/react/components/otp/Otp.example.tsx |  51 +++---
 .../pagination/Pagination.example.tsx         |   2 +-
 .../components/popover/Popover.example.tsx    |   6 +-
 .../react/components/price/Price.example.tsx  |  36 ++++-
 .../components/progress/Progress.example.tsx  |  12 +-
 .../react/components/radio/Radio.example.tsx  | 102 +++++++++---
 .../react/components/range/Range.example.tsx  |  18 +--
 .../react/components/rows/Rows.example.tsx    |   2 +-
 .../components/section/Section.example.tsx    |  16 +-
 .../components/select/Select.example.tsx      |  20 +--
 .../components/stepper/Stepper.example.tsx    |  10 +-
 .../components/sticker/Sticker.example.tsx    |  19 ++-
 .../components/switch/Switch.example.tsx      |  27 +++-
 .../react/components/tabs/Tabs.example.tsx    |  58 ++++---
 packages/react/components/tag/Tag.example.tsx |  32 +++-
 packages/react/components/tag/TagProps.ts     |   3 +-
 .../react/components/text/Text.example.tsx    |  10 +-
 .../components/textarea/Textarea.example.tsx  |  30 +++-
 .../components/timeline/Timeline.example.tsx  |  24 ++-
 .../react/components/title/Title.example.tsx  |   5 +-
 39 files changed, 476 insertions(+), 332 deletions(-)

diff --git a/packages/react/components/accordion/Accordion.example.tsx b/packages/react/components/accordion/Accordion.example.tsx
index f965b59e..ebadae2a 100644
--- a/packages/react/components/accordion/Accordion.example.tsx
+++ b/packages/react/components/accordion/Accordion.example.tsx
@@ -4,7 +4,7 @@ import { Accordion, AccordionBody, AccordionHeader, AccordionItem } from './inde
 const AccordionExample: React.ReactNode = <Accordion>
   <AccordionItem
     active
-    id="1"
+    id='1'
   >
     <AccordionHeader>
       Hello World
@@ -13,7 +13,7 @@ const AccordionExample: React.ReactNode = <Accordion>
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem., consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
     </AccordionBody>
   </AccordionItem>
-  <AccordionItem id="DEUX">
+  <AccordionItem id='DEUX'>
     <AccordionHeader>
       Hello World{' '}
     </AccordionHeader>
@@ -21,7 +21,7 @@ const AccordionExample: React.ReactNode = <Accordion>
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
     </AccordionBody>
   </AccordionItem>
-  <AccordionItem id="TROIS">
+  <AccordionItem id='TROIS'>
     <AccordionHeader>
       Hello World
     </AccordionHeader>
@@ -31,7 +31,7 @@ const AccordionExample: React.ReactNode = <Accordion>
   </AccordionItem>
   <AccordionItem
     disabled
-    id="QUATRE"
+    id='QUATRE'
   >
     <AccordionHeader>
       Item disabled
diff --git a/packages/react/components/alert/Alert.example.tsx b/packages/react/components/alert/Alert.example.tsx
index f102ec68..443b9dae 100644
--- a/packages/react/components/alert/Alert.example.tsx
+++ b/packages/react/components/alert/Alert.example.tsx
@@ -3,8 +3,7 @@ import { Alert } from './index'
 import { Columns, ColumnsItem } from '../columns'
 
 const AlertExample: React.ReactNode =
-<>
-        <Columns multiline>
+<Columns multiline>
             <ColumnsItem size={6}>
             <Alert
               alert='INFO'
@@ -38,7 +37,5 @@ const AlertExample: React.ReactNode =
             />
             </ColumnsItem>
         </Columns>
-          </>
-
 
 export default AlertExample
diff --git a/packages/react/components/box/Box.example.tsx b/packages/react/components/box/Box.example.tsx
index c073e193..f867dd25 100644
--- a/packages/react/components/box/Box.example.tsx
+++ b/packages/react/components/box/Box.example.tsx
@@ -5,14 +5,12 @@ import { Text } from '@/components/text'
 import { Columns, ColumnsItem } from '../columns'
 import { Link } from '../link'
 
-
 const BoxExample: React.ReactNode =
-  <>
-    <Columns multiline>
+  <Columns multiline>
       <ColumnsItem size={4}>
         <Box>
           <BoxContent>
-            <Title level="ONE">
+            <Title level='ONE'>
               Box Title
             </Title>
             <Text>
@@ -24,7 +22,7 @@ const BoxExample: React.ReactNode =
       <ColumnsItem size={4}>
         <Box flat>
           <BoxContent>
-            <Title level="ONE">
+            <Title level='ONE'>
               Box Title
             </Title>
             <Text>
@@ -35,10 +33,10 @@ const BoxExample: React.ReactNode =
       </ColumnsItem>
       <ColumnsItem size={4}>
         <Box
-          leftBorder="WARNING"
+          leftBorder='WARNING'
         >
           <BoxContent>
-            <Title level="ONE">
+            <Title level='ONE'>
               Box Title
             </Title>
             <Text>
@@ -50,7 +48,7 @@ const BoxExample: React.ReactNode =
       <ColumnsItem size={12}>
         <Box>
           <BoxContent>
-            <Title level="ONE">
+            <Title level='ONE'>
               Box Title
             </Title>
             <Text>
@@ -65,6 +63,5 @@ const BoxExample: React.ReactNode =
         </Box>
       </ColumnsItem>
     </Columns>
-  </>
 
 export default BoxExample
diff --git a/packages/react/components/breadcrumb/Breadcrumb.example.tsx b/packages/react/components/breadcrumb/Breadcrumb.example.tsx
index 48be3caf..fdd9c595 100644
--- a/packages/react/components/breadcrumb/Breadcrumb.example.tsx
+++ b/packages/react/components/breadcrumb/Breadcrumb.example.tsx
@@ -3,10 +3,10 @@ import { Breadcrumb, BreadcrumbItem } from './index'
 
 const BreadcrumbExample: React.ReactNode =
   <Breadcrumb>
-    <BreadcrumbItem href="https://google.fr">
+    <BreadcrumbItem href='https://google.fr'>
       Google
     </BreadcrumbItem>
-    <BreadcrumbItem to="#anchor">
+    <BreadcrumbItem to='#anchor'>
       Parent avec ancre
     </BreadcrumbItem>
     <BreadcrumbItem>
@@ -17,4 +17,4 @@ const BreadcrumbExample: React.ReactNode =
     </BreadcrumbItem>
   </Breadcrumb>
 
-export default BreadcrumbExample;
+export default BreadcrumbExample
diff --git a/packages/react/components/button/Button.example.tsx b/packages/react/components/button/Button.example.tsx
index 299a25b9..57b1c6d4 100644
--- a/packages/react/components/button/Button.example.tsx
+++ b/packages/react/components/button/Button.example.tsx
@@ -4,29 +4,29 @@ import { ButtonList, Button } from './index'
 const ButtonExample: React.ReactNode =
   <ButtonList>
     <Button
-      variant="CONVERSION"
+      variant='CONVERSION'
     >
       Button
     </Button>
     <Button
-      variant="PRIMARY"
+      variant='PRIMARY'
     >
       Button
     </Button>
     <Button
-      variant="SECONDARY"
+      variant='SECONDARY'
     >
       Button
     </Button>
     <Button
       disabled
-      variant="PRIMARY"
+      variant='PRIMARY'
     >
       Button
     </Button>
     <Button
       loading
-      variant="PRIMARY"
+      variant='PRIMARY'
     >
       Button
     </Button>
@@ -34,5 +34,3 @@ const ButtonExample: React.ReactNode =
 
 export default ButtonExample
 
-
-
diff --git a/packages/react/components/card/Card.example.tsx b/packages/react/components/card/Card.example.tsx
index dc479c0c..ba88b841 100644
--- a/packages/react/components/card/Card.example.tsx
+++ b/packages/react/components/card/Card.example.tsx
@@ -9,20 +9,20 @@ const CardExample: React.ReactNode =
   <Rows>
     <RowItem>
       <Card>
-        <CardImage src="https://design.bouyguestelecom.fr/v1/card-sample.200bd9f7.png" />
+        <CardImage src='https://design.bouyguestelecom.fr/v1/card-sample.200bd9f7.png' />
         <CardContent>
           <Title>
             Présentation
           </Title>
-          <Title level="ONE">
+          <Title level='ONE'>
             Title lorem
           </Title>
-          <Text level="ONE">
+          <Text level='ONE'>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, neque eu,
             vulputate vera.
           </Text>
           <Button
-            variant="SECONDARY"
+            variant='SECONDARY'
           >
             Voir plus...
           </Button>
@@ -31,20 +31,20 @@ const CardExample: React.ReactNode =
     </RowItem>
     <RowItem>
       <Card horizontal>
-        <CardImage src="https://design.bouyguestelecom.fr/v1/card-sample.200bd9f7.png" />
+        <CardImage src='https://design.bouyguestelecom.fr/v1/card-sample.200bd9f7.png' />
         <CardContent>
           <Title>
             Présentation
           </Title>
-          <Title level="ONE">
+          <Title level='ONE'>
             Title lorem
           </Title>
-          <Text level="ONE">
+          <Text level='ONE'>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, neque eu,
             vulputate vera.
           </Text>
           <Button
-            variant="SECONDARY"
+            variant='SECONDARY'
           >
             Voir plus...
           </Button>
diff --git a/packages/react/components/checkbox/Checkbox.example.tsx b/packages/react/components/checkbox/Checkbox.example.tsx
index 68fc8786..1e376fd0 100644
--- a/packages/react/components/checkbox/Checkbox.example.tsx
+++ b/packages/react/components/checkbox/Checkbox.example.tsx
@@ -2,72 +2,86 @@ import React from 'react'
 import Checkbox from '@/components/checkbox/Checkbox'
 import { Columns, ColumnsItem } from '../columns'
 
-const CheckboxExample: React.ReactNode = <div>
-            <>
-                <Columns multiline>
-                    <ColumnsItem size={4}>
-                        <Checkbox
-                            label="On peut me cocher grâce au controls ↓ "
-                            name="checkbox1"
-                            value="default value 1"
-                        />
-                    </ColumnsItem>
+const CheckboxExample: React.ReactNode =
 
-                    <ColumnsItem size={4}>
-                        <Checkbox
-                            checked
-                            label="Je suis cochée"
-                            name="checkbox2"
-                            value="default value 2"
-                        />
-                    </ColumnsItem>
-
-                    <ColumnsItem size={4}>
-                        <Checkbox
-                            disabled
-                            label="Je suis disabled"
-                            name="checkbox3"
-                            value="default value 3"
-                        />
-                    </ColumnsItem>
-                    <ColumnsItem size={4}>
-                    <Checkbox
-                        description="On peut me cocher et ajouter une icône grâce au controls ↓ "
-                        horizontalTile
-                        iconTile="tri-check-circle"
-                        label="Checkbox tile horizontal"
-                        name="checkbox"
-                        tile
-                        value="default value 1"
-                    />
-                    </ColumnsItem>
-                    <ColumnsItem size={4}>
-                    <Checkbox
-                        checked
-                        description="Je suis la description de la checkbox"
-                        horizontalTile
-                        iconTile="tri-infos-circle"
-                        label="Checkbox tile avec Icône"
-                        name="checkbox"
-                        tile
-                        value="default value 1"
-                    />
-                    </ColumnsItem>
-                    <ColumnsItem size={4}>
-                    <Checkbox
-                        description="Je suis la description de la checkbox"
-                        disabled
-                        horizontalTile
-                        iconTile="tri-alert"
-                        label="Checkbox tile horizontal disabled"
-                        name="checkbox"
-                        tile
-                        value="default value 1"
-                    />
-                    </ColumnsItem>
-                </Columns>
-
-            </>
-</div>
+<Columns multiline>
+    <ColumnsItem size={6}>
+        <Checkbox
+            description='On peut me cocher et ajouter une icône grâce au controls ↓ '
+            horizontalTile
+            iconTile='tri-check-circle'
+            label='Radio tile horizontal'
+            name='checkbox-horizontal'
+            tile
+            value='default value 1'
+        />
+        <Checkbox
+            checked
+            description='Je suis la description de la checkbox'
+            horizontalTile
+            iconTile='tri-infos-circle'
+            label='Radio tile avec Icône'
+            name='checkbox-horizontal'
+            tile
+            value='default value 1'
+        />
+        <Checkbox
+            description='Je suis la description de la checkbox'
+            disabled
+            horizontalTile
+            iconTile='tri-alert'
+            label='Radio tile horizontal disabled'
+            name='checkbox-horizontal'
+            tile
+            value='default value 1'
+        />
+    </ColumnsItem>
+    <ColumnsItem size={6}>
+        <Checkbox
+            description='On peut me cocher et ajouter une icône grâce au controls ↓ '
+            label='Radio Tile'
+            name='checkbox-tile'
+            tile
+            value='default value 1'
+        />
+        <Checkbox
+            checked
+            description='Je suis la description de la checkbox'
+            iconTile='tri-infos-circle'
+            label='Radio tile avec Icône'
+            name='checkbox-tile'
+            tile
+            value='default value 1'
+        />
+        <Checkbox
+            description='Je suis la description de la checkbox'
+            disabled
+            iconTile='tri-check'
+            label='Radio tile disabled'
+            name='checkbox-tile'
+            tile
+            value='default value 1'
+        />
+    </ColumnsItem>
+    <ColumnsItem>
+        <Checkbox
+            label='On peut me cocher grâce au controls ↓ '
+            name='checkbox-classic'
+            value='default value 1'
+        />
+        <Checkbox
+            checked
+            label='Je suis cochée'
+            name='checkbox-classic'
+            value='default value 2'
+        />
+        <Checkbox
+            disabled
+            label='Je suis disabled'
+            name='checkbox-classic'
+            value='default value 3'
+        />
+    </ColumnsItem>
+</Columns>
 
 export default CheckboxExample
diff --git a/packages/react/components/columns/Columns.example.tsx b/packages/react/components/columns/Columns.example.tsx
index 0e6dd772..e7cc4810 100644
--- a/packages/react/components/columns/Columns.example.tsx
+++ b/packages/react/components/columns/Columns.example.tsx
@@ -6,25 +6,25 @@ import { Box } from '@/components/box'
 const ColumnsExample: React.ReactNode = <Columns>
   <ColumnsItem>
     <Box flat>
-      <Title level="TWO">
+      <Title level='TWO'>
         Column
       </Title>
     </Box>
   </ColumnsItem>
   <ColumnsItem>
     <Box flat>
-      <Title level="TWO">
+      <Title level='TWO'>
         Column
       </Title>
     </Box>
   </ColumnsItem>
   <ColumnsItem>
     <Box flat>
-      <Title level="TWO">
+      <Title level='TWO'>
         Column
       </Title>
     </Box>
   </ColumnsItem>
 </Columns>
 
-export default ColumnsExample;
+export default ColumnsExample
diff --git a/packages/react/components/container/Container.example.tsx b/packages/react/components/container/Container.example.tsx
index b44e029b..a6253a66 100644
--- a/packages/react/components/container/Container.example.tsx
+++ b/packages/react/components/container/Container.example.tsx
@@ -4,7 +4,7 @@ import { Box } from '@/components/box'
 import { Text } from '@/components/text'
 import { Container } from './index'
 
-const ContainerExample: React.ReactNode = 
+const ContainerExample: React.ReactNode =
 <Container>
   <Box>
     <Text>
@@ -13,4 +13,4 @@ const ContainerExample: React.ReactNode =
   </Box>
 </Container>
 
-export default ContainerExample;
+export default ContainerExample
diff --git a/packages/react/components/countdown/Countdown.example.tsx b/packages/react/components/countdown/Countdown.example.tsx
index 5811d6fc..53cccde9 100644
--- a/packages/react/components/countdown/Countdown.example.tsx
+++ b/packages/react/components/countdown/Countdown.example.tsx
@@ -1,11 +1,9 @@
 import React from 'react'
 import { Countdown } from './index'
-import { Columns, ColumnsItem } from '../columns';
+import { Columns, ColumnsItem } from '../columns'
 
-
-const CountdownExample: React.ReactNode = 
-<>
-    <Columns>
+const CountdownExample: React.ReactNode =
+<Columns>
         <ColumnsItem>
             <Countdown
                 deadline={new Date("2023-12-24T17:00:00.000Z")}
@@ -19,5 +17,4 @@ const CountdownExample: React.ReactNode =
             />
         </ColumnsItem>
     </Columns>
-</>
-export default CountdownExample;
+export default CountdownExample
diff --git a/packages/react/components/divider/Divider.example.tsx b/packages/react/components/divider/Divider.example.tsx
index 87c5fb4b..d5ab7bfc 100644
--- a/packages/react/components/divider/Divider.example.tsx
+++ b/packages/react/components/divider/Divider.example.tsx
@@ -1,10 +1,9 @@
 import React from 'react'
 import { Divider } from './index'
 
-
 const DividerExample: React.ReactNode = <Divider
-  textColor="WHITE"
+  textColor='WHITE'
   iconName='tri-alert'
 />
 
-export default DividerExample;
+export default DividerExample
diff --git a/packages/react/components/fab/Fab.example.tsx b/packages/react/components/fab/Fab.example.tsx
index df168a8b..d65846f5 100644
--- a/packages/react/components/fab/Fab.example.tsx
+++ b/packages/react/components/fab/Fab.example.tsx
@@ -1,16 +1,13 @@
 import React from 'react'
 import { Fab } from './index'
-import { Columns, ColumnsItem } from '../columns';
+import { Columns, ColumnsItem } from '../columns'
 
+const FabExample: React.ReactNode =
 
-const FabExample: React.ReactNode = 
-
-<>
 <Columns>
 <ColumnsItem>
     <Fab
-        iconName="tri-check"
-        onClick={function noRefCheck() { }}
+        iconName='tri-check'
     >
         Ecrire
     </Fab>
@@ -18,13 +15,11 @@ const FabExample: React.ReactNode =
     <ColumnsItem>
     <Fab
         extended
-        iconName="tri-bell"
-        onClick={function noRefCheck() { }}
+        iconName='tri-bell'
     >
         Extended fab
     </Fab>
     </ColumnsItem>
     </Columns>
-</>
 
-export default FabExample;
+export default FabExample
diff --git a/packages/react/components/hero/Hero.example.tsx b/packages/react/components/hero/Hero.example.tsx
index d398b56d..5b3c0311 100644
--- a/packages/react/components/hero/Hero.example.tsx
+++ b/packages/react/components/hero/Hero.example.tsx
@@ -5,20 +5,20 @@ import { Title } from '@/components/title'
 import { Button } from '@/components/button'
 
 const HeroExample: React.ReactNode = <Hero
-  backgroundSrc="https://picsum.photos/id/1/1500/600"
+  backgroundSrc='https://picsum.photos/id/1/1500/600'
 
 >
   <Container>
     <Title
       inverted
-      level="TWO"
-      markup="h1"
+      level='TWO'
+      markup='h1'
     >
       Bonjour Michel
     </Title>
     <Title
       inverted
-      markup="span"
+      markup='span'
       subtitle
     >
       Fugiat velit dolor ad adipisicing id quis enim cupidatat Lorem dolore aute excepteur tempor.
diff --git a/packages/react/components/icon/Icon.example.tsx b/packages/react/components/icon/Icon.example.tsx
index bb1521fc..c6fb3ba0 100644
--- a/packages/react/components/icon/Icon.example.tsx
+++ b/packages/react/components/icon/Icon.example.tsx
@@ -1,27 +1,25 @@
 import React from 'react'
 import { Icon } from './index'
 
-
-
 const IconExample: React.ReactNode =
   <>
     <Icon
       name='tri-search'
-      size="small"
+      size='small'
       status='SUCCESS'
     />
     <Icon
       name='tri-search'
-      size="small"
+      size='small'
       status='SUCCESS'
-      statusPosition="top"
+      statusPosition='top'
     />
     <Icon
       name='tri-search'
-      size="small"
+      size='small'
       status='SUCCESS'
-      statusPosition="bottom"
+      statusPosition='bottom'
     />
   </>
 
-export default IconExample;
+export default IconExample
diff --git a/packages/react/components/image/Image.example.tsx b/packages/react/components/image/Image.example.tsx
index c481d101..244d7ab1 100644
--- a/packages/react/components/image/Image.example.tsx
+++ b/packages/react/components/image/Image.example.tsx
@@ -1,12 +1,10 @@
 import React from 'react'
 import { Image } from './index'
 
-
-
 const ImageExample: React.ReactNode =
   <Image
-    alt="image test"
-    src="https://assets.bouyguestelecom.fr/TRILOGY/guide@2.0.7-3/assets/images/card-image.png"
+    alt='image test'
+    src='https://assets.bouyguestelecom.fr/TRILOGY/guide@2.0.7-3/assets/images/card-image.png'
   />
 
-export default ImageExample;
+export default ImageExample
diff --git a/packages/react/components/input/Input.example.tsx b/packages/react/components/input/Input.example.tsx
index b2656bc2..29a9d5b5 100644
--- a/packages/react/components/input/Input.example.tsx
+++ b/packages/react/components/input/Input.example.tsx
@@ -1,17 +1,15 @@
 import React from 'react'
 import { Input } from './index'
 
-
-
 const InputExample: React.ReactNode =
 
   <Input
-    customIconRight="tri-search"
+    customIconRight='tri-search'
     hasIcon
-    help="this is my help message"
-    placeholder="This is my placeholder"
-    status="success"
-    type="text"
+    help='this is my help message'
+    placeholder='This is my placeholder'
+    status='success'
+    type='text'
   />
 
-export default InputExample;
+export default InputExample
diff --git a/packages/react/components/list/List.example.tsx b/packages/react/components/list/List.example.tsx
index b87382fc..f36e93ce 100644
--- a/packages/react/components/list/List.example.tsx
+++ b/packages/react/components/list/List.example.tsx
@@ -3,14 +3,13 @@ import { List, ListItem, ListItemDescription } from './index'
 import { Columns, ColumnsItem } from '../columns'
 
 const ListExample: React.ReactNode =
-<>
 <Columns>
     <List hasIcon>
         <ColumnsItem>
 
             <ListItem
-                customIcon="tri-check"
-                status="SUCCESS"
+                customIcon='tri-check'
+                status='SUCCESS'
             >
                 Bonjour
             </ListItem>
@@ -18,8 +17,8 @@ const ListExample: React.ReactNode =
         <ColumnsItem>
 
             <ListItem
-                customIcon="tri-times"
-                status="ERROR"
+                customIcon='tri-times'
+                status='ERROR'
             >
                 Bonjour
             </ListItem>
@@ -27,8 +26,8 @@ const ListExample: React.ReactNode =
         <ColumnsItem>
 
             <ListItem
-                customIcon="tri-times"
-                status="ERROR"
+                customIcon='tri-times'
+                status='ERROR'
             >
                 Bonjour
             </ListItem>
@@ -36,7 +35,7 @@ const ListExample: React.ReactNode =
         <Columns>
 
             <List>
-                <ListItem title="Title">
+                <ListItem title='Title'>
                     <ListItemDescription>
                         Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book
                     </ListItemDescription>
@@ -46,6 +45,5 @@ const ListExample: React.ReactNode =
 
     </List>
 </Columns>
-</>
 
 export default ListExample
diff --git a/packages/react/components/list/index.ts b/packages/react/components/list/index.ts
index 69509cac..09256577 100644
--- a/packages/react/components/list/index.ts
+++ b/packages/react/components/list/index.ts
@@ -3,4 +3,4 @@ import ListExample from './List.example'
 
 export * from './item'
 export * from './ListProps'
-export { List, ListExample}
+export { List, ListExample }
diff --git a/packages/react/components/modal/Modal.example.tsx b/packages/react/components/modal/Modal.example.tsx
index be82041f..462dfc7a 100644
--- a/packages/react/components/modal/Modal.example.tsx
+++ b/packages/react/components/modal/Modal.example.tsx
@@ -4,13 +4,13 @@ import { Modal } from './index'
 const ModalExample: React.ReactNode =
   <Modal
   closeIcon
-  content="Contenu de ma modal"
-  ctaContent="Action"
+  content='Contenu de ma modal'
+  ctaContent='Action'
   iconName='tri-alert'
-  title="title modal"
-  triggerClassNames="button is-primary"
-  triggerContent="Open modal"
-  triggerMarkup="a"
+  title='title modal'
+  triggerClassNames='button is-primary'
+  triggerContent='Open modal'
+  triggerMarkup='a'
 />
 
 export default ModalExample
diff --git a/packages/react/components/otp/Otp.example.tsx b/packages/react/components/otp/Otp.example.tsx
index 7cbe0d28..4634a560 100644
--- a/packages/react/components/otp/Otp.example.tsx
+++ b/packages/react/components/otp/Otp.example.tsx
@@ -4,37 +4,26 @@ import { Columns, ColumnsItem } from '../columns'
 
 const OtpExample: React.ReactNode =
   <div>
-            <>
-                <Columns>
-                    <ColumnsItem size={4}>
-                        <Otp
-                            error
-                            errorMessage="Ceci est un message  derreur"
-                            label="Saisir votre otp"
-                            onChange={function noRefCheck() { }}
-                            onCompleted={function noRefCheck() { }}
-                            onFocus={function noRefCheck() { }}
-                        />
-                        </ColumnsItem>
-                        <ColumnsItem size={4}>
-                        <Otp
-                            label="Saisir votre otp"
-                            onChange={function noRefCheck() { }}
-                            onCompleted={function noRefCheck() { }}
-                            onFocus={function noRefCheck() { }}
-                        />
-                        </ColumnsItem>
-                    <ColumnsItem size={4}>
-                        <Otp
-                            disabled
-                            label="Saisir votre otp"
-                            onChange={function noRefCheck() { }}
-                            onCompleted={function noRefCheck() { }}
-                            onFocus={function noRefCheck() { }}
-                        />
-                    </ColumnsItem>
-                </Columns>
-            </>
+    <Columns>
+      <ColumnsItem size={4}>
+        <Otp
+          error
+          errorMessage='Ceci est un message  derreur'
+          label='Saisir votre otp'
+        />
+      </ColumnsItem>
+      <ColumnsItem size={4}>
+        <Otp
+          label='Saisir votre otp'
+        />
+      </ColumnsItem>
+      <ColumnsItem size={4}>
+        <Otp
+          disabled
+          label='Saisir votre otp'
+        />
+      </ColumnsItem>
+    </Columns>
   </div>
 
 export default OtpExample
diff --git a/packages/react/components/pagination/Pagination.example.tsx b/packages/react/components/pagination/Pagination.example.tsx
index dbfe969a..6fcd492a 100644
--- a/packages/react/components/pagination/Pagination.example.tsx
+++ b/packages/react/components/pagination/Pagination.example.tsx
@@ -8,4 +8,4 @@ const PaginationExample: React.ReactNode =
     defaultPage={2}
   />
 
-export default PaginationExample;
+export default PaginationExample
diff --git a/packages/react/components/popover/Popover.example.tsx b/packages/react/components/popover/Popover.example.tsx
index 86e9a756..bd8fc29a 100644
--- a/packages/react/components/popover/Popover.example.tsx
+++ b/packages/react/components/popover/Popover.example.tsx
@@ -4,10 +4,10 @@ import { Button } from '@/components/button'
 
 const PopoverExample: React.ReactNode =
 
-  <Popover content="Voici une simple popover">
-    <Button variant="PRIMARY">
+  <Popover content='Voici une simple popover'>
+    <Button variant='PRIMARY'>
       Simple Popover
     </Button>
   </Popover>
 
-export default PopoverExample;
+export default PopoverExample
diff --git a/packages/react/components/price/Price.example.tsx b/packages/react/components/price/Price.example.tsx
index 16ae515d..9647a8ec 100644
--- a/packages/react/components/price/Price.example.tsx
+++ b/packages/react/components/price/Price.example.tsx
@@ -1,13 +1,35 @@
 import React from 'react'
 import { Price } from './index'
+import { Columns, ColumnsItem } from '../columns'
 
 const PriceExample: React.ReactNode =
 
-  <Price
-    align="ALIGNED_START"
-    amount={24.99}
-    period="mois"
-    showCents
-  />
+<Columns>
+    <ColumnsItem>
+        <Price
+            align='ALIGNED_START'
+            amount={24.99}
+            period='mois'
+            showCents
+        />
+    </ColumnsItem>
+    <ColumnsItem>
+        <Price
+            amount={24.99}
+            mention='(1)'
+            period='mois'
+            showCents
+            striked
+        />
+    </ColumnsItem>
+    <ColumnsItem>
+        <Price
+            amount={24.99}
+            mention='(1)'
+            period='mois'
+            showCents
+        />
+    </ColumnsItem>
+</Columns>
 
-export default PriceExample;
+export default PriceExample
diff --git a/packages/react/components/progress/Progress.example.tsx b/packages/react/components/progress/Progress.example.tsx
index a6c40274..035ae3fd 100644
--- a/packages/react/components/progress/Progress.example.tsx
+++ b/packages/react/components/progress/Progress.example.tsx
@@ -5,16 +5,16 @@ const ProgressExample: React.ReactNode =
 
   <>
     <Progress
-      alert="INFO"
+      alert='INFO'
       percent={30}
-      uniqueLegend="My unique legend"
+      uniqueLegend='My unique legend'
     />
     <Progress
-      alert="INFO"
-      firstExtremLegend="0 Go"
+      alert='INFO'
+      firstExtremLegend='0 Go'
       percent={15}
-      secondExtremLegend="5 Go"
+      secondExtremLegend='5 Go'
     />
   </>
 
-export default ProgressExample;
+export default ProgressExample
diff --git a/packages/react/components/radio/Radio.example.tsx b/packages/react/components/radio/Radio.example.tsx
index be1aea93..e9d4ae24 100644
--- a/packages/react/components/radio/Radio.example.tsx
+++ b/packages/react/components/radio/Radio.example.tsx
@@ -1,25 +1,87 @@
 import React from 'react'
 import { Radio } from './index'
+import { Columns, ColumnsItem } from '../columns'
 
 const RadioExample: React.ReactNode =
-  <div>
-    <Radio
-      label="On peut me cocher grâce au controls ↓ "
-      name="checkbox1"
-      value="default value 1"
-    />
-    <Radio
-      checked
-      label="Je suis cochée"
-      name="checkbox2"
-      value="default value 2"
-    />
-    <Radio
-      disabled
-      label="Je suis disabled"
-      name="checkbox3"
-      value="default value 3"
-    />
-  </div>
 
-export default RadioExample;
+<Columns multiline>
+    <ColumnsItem size={6}>
+        <Radio
+            description='On peut me cocher et ajouter une icône grâce au controls ↓ '
+            horizontalTile
+            iconTile='tri-check-circle'
+            label='Radio tile horizontal'
+            name='checkbox-horizontal'
+            tile
+            value='default value 1'
+        />
+        <Radio
+            checked
+            description='Je suis la description de la checkbox'
+            horizontalTile
+            iconTile='tri-infos-circle'
+            label='Radio tile avec Icône'
+            name='checkbox-horizontal'
+            tile
+            value='default value 1'
+        />
+        <Radio
+            description='Je suis la description de la checkbox'
+            disabled
+            horizontalTile
+            iconTile='tri-alert'
+            label='Radio tile horizontal disabled'
+            name='checkbox-horizontal'
+            tile
+            value='default value 1'
+        />
+    </ColumnsItem>
+    <ColumnsItem size={6}>
+        <Radio
+            description='On peut me cocher et ajouter une icône grâce au controls ↓ '
+            label='Radio Tile'
+            name='checkbox-tile'
+            tile
+            value='default value 1'
+        />
+        <Radio
+            checked
+            description='Je suis la description de la checkbox'
+            iconTile='tri-infos-circle'
+            label='Radio tile avec Icône'
+            name='checkbox-tile'
+            tile
+            value='default value 1'
+        />
+        <Radio
+            description='Je suis la description de la checkbox'
+            disabled
+            iconTile='tri-check'
+            label='Radio tile disabled'
+            name='checkbox-tile'
+            tile
+            value='default value 1'
+        />
+    </ColumnsItem>
+    <ColumnsItem>
+        <Radio
+            label='On peut me cocher grâce au controls ↓ '
+            name='checkbox-classic'
+            value='default value 1'
+        />
+        <Radio
+            checked
+            label='Je suis cochée'
+            name='checkbox-classic'
+            value='default value 2'
+        />
+        <Radio
+            disabled
+            label='Je suis disabled'
+            name='checkbox-classic'
+            value='default value 3'
+        />
+    </ColumnsItem>
+</Columns>
+
+export default RadioExample
diff --git a/packages/react/components/range/Range.example.tsx b/packages/react/components/range/Range.example.tsx
index 6da4ece7..a8dac48f 100644
--- a/packages/react/components/range/Range.example.tsx
+++ b/packages/react/components/range/Range.example.tsx
@@ -1,20 +1,20 @@
 import React from 'react'
-import { Range} from './index'
+import { Range } from './index'
 
 const RangeExample: React.ReactNode =
   <Range
     gap={0}
-    idMax="max"
-    idMin="min"
-    label="Ceci est un label"
-    labelValueCursorMax="€"
-    labelValueCursorMin="€"
+    idMax='max'
+    idMin='min'
+    label='Ceci est un label'
+    labelValueCursorMax='€'
+    labelValueCursorMin='€'
     max={100}
     min={0}
-    nameMax="max"
-    nameMin="min"
+    nameMax='max'
+    nameMin='min'
     valueCursorMax={50}
     valueCursorMin={0}
   />
 
-export default RangeExample;
+export default RangeExample
diff --git a/packages/react/components/rows/Rows.example.tsx b/packages/react/components/rows/Rows.example.tsx
index 094b6c71..79369423 100644
--- a/packages/react/components/rows/Rows.example.tsx
+++ b/packages/react/components/rows/Rows.example.tsx
@@ -31,4 +31,4 @@ const RowsExample: React.ReactNode =
       </Rows>
     </ColumnsItem>
   </Columns>
-export default RowsExample;
+export default RowsExample
diff --git a/packages/react/components/section/Section.example.tsx b/packages/react/components/section/Section.example.tsx
index a75b3dc3..748df2c9 100644
--- a/packages/react/components/section/Section.example.tsx
+++ b/packages/react/components/section/Section.example.tsx
@@ -2,23 +2,23 @@ import React from 'react'
 import { Section } from './index'
 import { Title } from '@/components/title'
 
-const RowsExample: React.ReactNode =
+const SectionExample: React.ReactNode =
   <>
     <Section>
-      <Title level="ONE">
-        Premiére section
+      <Title level='ONE'>
+        Première section
       </Title>
     </Section>
     <Section>
-      <Title level="ONE">
-        Deuxiéme section
+      <Title level='ONE'>
+        Deuxième section
       </Title>
     </Section>
     <Section>
-      <Title level="ONE">
-        Troisiéme section
+      <Title level='ONE'>
+        Troisième section
       </Title>
     </Section>
   </>
 
-export default RowsExample;
+export default SectionExample
diff --git a/packages/react/components/select/Select.example.tsx b/packages/react/components/select/Select.example.tsx
index 5c5e874b..87b1cff4 100644
--- a/packages/react/components/select/Select.example.tsx
+++ b/packages/react/components/select/Select.example.tsx
@@ -4,30 +4,30 @@ import { Select, SelectOption } from './index'
 const SelectExample: React.ReactNode =
   <Select
     iconName='tri-search'
-    label="Choisir une option"
+    label='Choisir une option'
   >
     <SelectOption
       iconName='tri-search'
-      id="id_one"
-      label="option1"
-      value="opt_one"
+      id='id_one'
+      label='option1'
+      value='opt_one'
     >
       option 1
     </SelectOption>
     <SelectOption
       iconName='tri-search'
-      id="id_two"
-      label="option2"
-      value="opt_two"
+      id='id_two'
+      label='option2'
+      value='opt_two'
     >
       option 2
     </SelectOption>
     <SelectOption
       disabled
       iconName='tri-search'
-      id="id_three"
-      label="option3"
-      value="opt_three"
+      id='id_three'
+      label='option3'
+      value='opt_three'
     >
       option 3
     </SelectOption>
diff --git a/packages/react/components/stepper/Stepper.example.tsx b/packages/react/components/stepper/Stepper.example.tsx
index c7564315..2d3fa4df 100644
--- a/packages/react/components/stepper/Stepper.example.tsx
+++ b/packages/react/components/stepper/Stepper.example.tsx
@@ -5,26 +5,26 @@ const StepperExample: React.ReactNode =
   <Stepper>
     <StepperStep
       done
-      label="Récapitulatif"
+      label='Récapitulatif'
       step={1}
     />
     <StepperStep
       done
-      label="Compléments"
+      label='Compléments'
       step={2}
     />
     <StepperStep
       done
-      label="Coordonnées"
+      label='Coordonnées'
       step={3}
     />
     <StepperStep
       current
-      label="Livraison"
+      label='Livraison'
       step={4}
     />
     <StepperStep
-      label="Confirmation"
+      label='Confirmation'
       step={5}
     />
   </Stepper>
diff --git a/packages/react/components/sticker/Sticker.example.tsx b/packages/react/components/sticker/Sticker.example.tsx
index 4824a2bb..4ed45705 100644
--- a/packages/react/components/sticker/Sticker.example.tsx
+++ b/packages/react/components/sticker/Sticker.example.tsx
@@ -1,9 +1,22 @@
 import React from 'react'
 import { Sticker } from './index'
+import { Columns, ColumnsItem } from '../columns'
 
 const StickerExample: React.ReactNode =
-  <Sticker variant="MAIN">
-    {' '}Code promo{' '}
-  </Sticker>
+<Columns multiline>
+    <ColumnsItem size={12}>
+        <Sticker variant='MAIN'>
+            Code Promo
+        </Sticker>
+    </ColumnsItem>
+    <ColumnsItem size={12}>
+        <Sticker
+            small
+            variant='MAIN'
+        >
+            Code Promo
+        </Sticker>
+    </ColumnsItem>
+</Columns>
 
 export default StickerExample
diff --git a/packages/react/components/switch/Switch.example.tsx b/packages/react/components/switch/Switch.example.tsx
index 6e5d09c1..62bf16ca 100644
--- a/packages/react/components/switch/Switch.example.tsx
+++ b/packages/react/components/switch/Switch.example.tsx
@@ -1,11 +1,30 @@
 import React from 'react'
 import { Switch } from './index'
+import { RowItem, Rows } from '../rows'
 
 const SwitchExample: React.ReactNode =
 
-  <Switch
-    label="Switch one"
-    name="switch one"
-  />
+<Rows>
+    <RowItem>
+        <Switch
+            label='Switch one'
+            name='switch one'
+        />
+    </RowItem>
+    <RowItem>
+        <Switch
+            checked
+            label='Switch checked'
+            name='switch checked'
+        />
+    </RowItem>
+    <RowItem>
+        <Switch
+            disabled
+            label='Switch disabled'
+            name='switch disabled'
+        />
+    </RowItem>
+</Rows>
 
 export default SwitchExample
diff --git a/packages/react/components/tabs/Tabs.example.tsx b/packages/react/components/tabs/Tabs.example.tsx
index 70fa2908..62867c8f 100644
--- a/packages/react/components/tabs/Tabs.example.tsx
+++ b/packages/react/components/tabs/Tabs.example.tsx
@@ -1,25 +1,43 @@
 import React from 'react'
 import { Tabs, TabsItem } from './index'
+import { Columns, ColumnsItem } from '../columns'
 
 const TabsExample: React.ReactNode =
-
-  <Tabs
-    activeIndex={2}
-  >
-    <TabsItem
-      disabled
-      iconName="tri-alert"
-    >
-      One
-    </TabsItem>
-    <TabsItem iconName="tri-alert"
-    >
-      Two
-    </TabsItem>
-    <TabsItem iconName="tri-alert"
-    >
-      Three
-    </TabsItem>
-  </Tabs>
-
+  <Columns>
+      <ColumnsItem>
+        <Tabs
+          activeIndex={2}
+        >
+          <TabsItem
+            disabled
+            iconName='tri-alert'
+          >
+            One
+          </TabsItem>
+          <TabsItem iconName='tri-alert'
+          >
+            Two
+          </TabsItem>
+          <TabsItem iconName='tri-alert'
+          >
+            Three
+          </TabsItem>
+        </Tabs>
+      </ColumnsItem>
+      <ColumnsItem>
+        <Tabs
+          activeIndex={2}
+        >
+          <TabsItem disabled>
+            One
+          </TabsItem>
+          <TabsItem>
+            Two
+          </TabsItem>
+          <TabsItem>
+            Three
+          </TabsItem>
+        </Tabs>
+      </ColumnsItem>
+    </Columns>
 export default TabsExample
diff --git a/packages/react/components/tag/Tag.example.tsx b/packages/react/components/tag/Tag.example.tsx
index 9afa0fe5..00ed5741 100644
--- a/packages/react/components/tag/Tag.example.tsx
+++ b/packages/react/components/tag/Tag.example.tsx
@@ -1,14 +1,32 @@
 import React from 'react'
 import { Tag, TagList } from './index'
+import { Columns, ColumnsItem } from '../columns'
 
 const TagExample: React.ReactNode =
 
-  <TagList>
-    <Tag
-      variant='SUCCESS'
-    >
-      Play With me !
-    </Tag>
-  </TagList>
+<Columns>
+    <ColumnsItem>
+        <TagList>
+            <Tag
+                iconName='tri-alert'
+                variant='ERROR'
+            >
+                Tag
+            </Tag>
+            <Tag
+                iconName='tri-bell'
+                variant='SUCCESS'
+            >
+                Tag success
+            </Tag>
+            <Tag
+                iconName='tri-check'
+                variant='WARNING'
+            >
+                Tag warning
+            </Tag>
+        </TagList>
+    </ColumnsItem>
+</Columns>
 
 export default TagExample
diff --git a/packages/react/components/tag/TagProps.ts b/packages/react/components/tag/TagProps.ts
index d7b9c14c..144ab274 100644
--- a/packages/react/components/tag/TagProps.ts
+++ b/packages/react/components/tag/TagProps.ts
@@ -1,6 +1,7 @@
 import { IconName } from '@/components/icon'
 import { TagVariant, TagVariantValues } from './TagEnum'
 import { Accessibility } from '@/objects'
+import { IconNameValues } from '@/lib'
 
 type TagClickEventHandler = React.MouseEvent<Element> | unknown
 
@@ -16,6 +17,6 @@ export interface TagProps extends Accessibility {
   variant?: TagVariant | TagVariantValues
   inverted?: boolean
   className?: string
-  iconName?: IconName
+  iconName?: IconNameValues | IconName
   small?: boolean
 }
diff --git a/packages/react/components/text/Text.example.tsx b/packages/react/components/text/Text.example.tsx
index 69ae2459..fc4617f0 100644
--- a/packages/react/components/text/Text.example.tsx
+++ b/packages/react/components/text/Text.example.tsx
@@ -3,14 +3,12 @@ import { Text } from './index'
 
 const TextExample: React.ReactNode =
   <Text
-    accessibilityLabel="ceci est un paragraphe"
-    level="ONE"
-    markup="p"
-    typo="has-text-weight-semibold"
+    accessibilityLabel='ceci est un paragraphe'
+    level='ONE'
+    markup='p'
+    typo='has-text-weight-semibold'
   >
     Ceci est mon paragraphe
   </Text>
 
-
-
 export default TextExample
diff --git a/packages/react/components/textarea/Textarea.example.tsx b/packages/react/components/textarea/Textarea.example.tsx
index a0bb07b4..0bcb6cde 100644
--- a/packages/react/components/textarea/Textarea.example.tsx
+++ b/packages/react/components/textarea/Textarea.example.tsx
@@ -1,13 +1,31 @@
 import React from 'react'
 import { Textarea } from './index'
+import { Columns, ColumnsItem } from '../columns'
 
 const TextareaExample: React.ReactNode =
-  <Textarea
-    label="Label dynamique"
-    maxLength={150}
-    placeholder="placeholder"
-  />
-
 
+  <Columns>
+      <ColumnsItem>
+        <Textarea
+          label='Label dynamique'
+          maxLength={150}
+          placeholder='placeholder'
+        />
+      </ColumnsItem>
+      <ColumnsItem>
+        <Textarea
+          disabled
+          label='Label dynamique'
+          placeholder='placeholder'
+        />
+      </ColumnsItem>
+      <ColumnsItem>
+        <Textarea
+          iconName='tri-alert'
+          label='Label dynamique'
+          placeholder='placeholder'
+        />
+      </ColumnsItem>
+    </Columns>
 
 export default TextareaExample
diff --git a/packages/react/components/timeline/Timeline.example.tsx b/packages/react/components/timeline/Timeline.example.tsx
index 90c6fb3e..872b3860 100644
--- a/packages/react/components/timeline/Timeline.example.tsx
+++ b/packages/react/components/timeline/Timeline.example.tsx
@@ -7,37 +7,35 @@ const TimelineExample: React.ReactNode =
     <TimelineItem undone>
       <TimelineMarker iconName='tri-search' />
       <TimelineContent
-        content="Modification de votre identifiant de connexion"
+        content='Modification de votre identifiant de connexion'
         contentLink="Voir l'email"
-        heading="20 Septembre"
-        link="link"
+        heading='20 Septembre'
+        link='link'
       />
     </TimelineItem>
     <TimelineItem active>
       <TimelineMarker iconName='tri-search' />
       <TimelineContent
-        content="SMS Bon voyage avec seuil usage inclus"
-        contentLink="Voir le SMS"
-        heading="08 Juillet"
-        link="link"
+        content='SMS Bon voyage avec seuil usage inclus'
+        contentLink='Voir le SMS'
+        heading='08 Juillet'
+        link='link'
       />
     </TimelineItem>
     <TimelineItem done>
       <TimelineMarker iconName='tri-search' />
       <TimelineContent
-        content="Passage en boutique concernant un accessoire"
-        heading="06 Juillet"
+        content='Passage en boutique concernant un accessoire'
+        heading='06 Juillet'
       />
     </TimelineItem>
     <TimelineItem done>
       <TimelineMarker iconName='tri-search' />
       <TimelineContent
-        content="Modification de votre adresse de facturation"
-        heading="05 Mai"
+        content='Modification de votre adresse de facturation'
+        heading='05 Mai'
       />
     </TimelineItem>
   </Timeline>
 
-
-
 export default TimelineExample
diff --git a/packages/react/components/title/Title.example.tsx b/packages/react/components/title/Title.example.tsx
index c5c0ee96..73e4c185 100644
--- a/packages/react/components/title/Title.example.tsx
+++ b/packages/react/components/title/Title.example.tsx
@@ -5,7 +5,7 @@ const TitleExample: React.ReactNode =
 
   <>
     <Title
-      level="ONE"
+      level='ONE'
     >
       Ceci titre
     </Title>
@@ -17,5 +17,4 @@ const TitleExample: React.ReactNode =
     </Title>
   </>
 
-
-export default TitleExample;
+export default TitleExample

From 1c4fafb3a2490292dcb02c757f5e5834492bffea Mon Sep 17 00:00:00 2001
From: Eliott <ecormill@bouyguestelecom.fr>
Date: Tue, 15 Oct 2024 10:08:59 +0200
Subject: [PATCH 14/27] fix timeline

---
 .../components/timeline/Timeline.example.tsx  | 122 +++++++++++++-----
 1 file changed, 88 insertions(+), 34 deletions(-)

diff --git a/packages/react/components/timeline/Timeline.example.tsx b/packages/react/components/timeline/Timeline.example.tsx
index 872b3860..f8a746c7 100644
--- a/packages/react/components/timeline/Timeline.example.tsx
+++ b/packages/react/components/timeline/Timeline.example.tsx
@@ -1,41 +1,95 @@
 import React from 'react'
 import { Timeline, TimelineItem, TimelineMarker, TimelineContent } from './index'
+import { Columns, ColumnsItem } from '../columns'
 
 const TimelineExample: React.ReactNode =
 
-  <Timeline>
-    <TimelineItem undone>
-      <TimelineMarker iconName='tri-search' />
-      <TimelineContent
-        content='Modification de votre identifiant de connexion'
-        contentLink="Voir l'email"
-        heading='20 Septembre'
-        link='link'
-      />
-    </TimelineItem>
-    <TimelineItem active>
-      <TimelineMarker iconName='tri-search' />
-      <TimelineContent
-        content='SMS Bon voyage avec seuil usage inclus'
-        contentLink='Voir le SMS'
-        heading='08 Juillet'
-        link='link'
-      />
-    </TimelineItem>
-    <TimelineItem done>
-      <TimelineMarker iconName='tri-search' />
-      <TimelineContent
-        content='Passage en boutique concernant un accessoire'
-        heading='06 Juillet'
-      />
-    </TimelineItem>
-    <TimelineItem done>
-      <TimelineMarker iconName='tri-search' />
-      <TimelineContent
-        content='Modification de votre adresse de facturation'
-        heading='05 Mai'
-      />
-    </TimelineItem>
-  </Timeline>
+<Columns>
+    <ColumnsItem>
+        <Timeline>
+            <TimelineItem undone>
+                <TimelineMarker iconName='tri-bell' />
+                <TimelineContent
+                    content='Modification de votre identifiant de connexion'
+                    contentLink="Voir l'email"
+                    heading='20 Septembre'
+                    link='link'
+                />
+            </TimelineItem>
+            <TimelineItem active>
+                <TimelineMarker iconName='tri-bell' />
+                <TimelineContent
+                    content='SMS Bon voyage avec seuil usage inclus'
+                    contentLink='Voir le SMS'
+                    heading='08 Juillet'
+                    link='link'
+                />
+            </TimelineItem>
+            <TimelineItem done>
+                <TimelineMarker iconName='tri-bell' />
+                <TimelineContent
+                    content='Passage en boutique concernant un accessoire'
+                    heading='06 Juillet'
+                />
+            </TimelineItem>
+            <TimelineItem done>
+                <TimelineMarker iconName='tri-bell' />
+                <TimelineContent
+                    content='Modification de votre adresse de facturation'
+                    heading='05 Mai'
+                />
+            </TimelineItem>
+        </Timeline>
+    </ColumnsItem>
+    <ColumnsItem>
+        <Timeline horizontal>
+            <TimelineItem done>
+                <TimelineMarker iconName='tri-bell' />
+                <TimelineContent
+                    content='Modification de votre identifiant de connexion'
+                    contentLink="Voir l'email"
+                    heading='20 Septembre'
+                    link='https://bouyguestelecom.fr'
+                />
+            </TimelineItem>
+            <TimelineItem done>
+                <TimelineMarker
+                    iconColor='WHITE'
+                    iconName='tri-bell'
+                />
+                <TimelineContent
+                    content='SMS Bon voyage avec seuil usage inclus'
+                    contentLink='Voir le SMS'
+                    heading='08 Juillet'
+                    link='link'
+                />
+            </TimelineItem>
+            <TimelineItem active>
+                <TimelineMarker
+                    iconColor='WHITE'
+                    iconName='tri-bell'
+                />
+                <TimelineContent
+                    content='SMS Bon voyage avec seuil usage inclus'
+                    contentLink='Voir le SMS'
+                    heading='08 Juillet'
+                    link='link'
+                />
+            </TimelineItem>
+            <TimelineItem undone>
+                <TimelineMarker
+                    iconColor='WHITE'
+                    iconName='tri-bell'
+                />
+                <TimelineContent
+                    content='SMS Bon voyage avec seuil usage inclus'
+                    contentLink='Voir le SMS'
+                    heading='08 Juillet'
+                    link='link'
+                />
+            </TimelineItem>
+        </Timeline>
+    </ColumnsItem>
+</Columns>
 
 export default TimelineExample

From 9266d4917e63ec8f8eea4e2b6bd9934bdac83387 Mon Sep 17 00:00:00 2001
From: Eliott <ecormill@bouyguestelecom.fr>
Date: Tue, 15 Oct 2024 10:26:53 +0200
Subject: [PATCH 15/27] format

---
 packages/react/components/fab/Fab.example.tsx | 23 +++++++------------
 1 file changed, 8 insertions(+), 15 deletions(-)

diff --git a/packages/react/components/fab/Fab.example.tsx b/packages/react/components/fab/Fab.example.tsx
index d65846f5..75fff65a 100644
--- a/packages/react/components/fab/Fab.example.tsx
+++ b/packages/react/components/fab/Fab.example.tsx
@@ -2,24 +2,17 @@ import React from 'react'
 import { Fab } from './index'
 import { Columns, ColumnsItem } from '../columns'
 
-const FabExample: React.ReactNode =
-
-<Columns>
-<ColumnsItem>
-    <Fab
-        iconName='tri-check'
-    >
-        Ecrire
-    </Fab>
+const FabExample: React.ReactNode = (
+  <Columns>
+    <ColumnsItem>
+      <Fab iconName='tri-check'>Ecrire</Fab>
     </ColumnsItem>
     <ColumnsItem>
-    <Fab
-        extended
-        iconName='tri-bell'
-    >
+      <Fab extended iconName='tri-bell'>
         Extended fab
-    </Fab>
+      </Fab>
     </ColumnsItem>
-    </Columns>
+  </Columns>
+)
 
 export default FabExample

From 8bf863b27dafeb0652f793453f591edf39aaefcd Mon Sep 17 00:00:00 2001
From: Eliott <ecormill@bouyguestelecom.fr>
Date: Tue, 15 Oct 2024 10:51:30 +0200
Subject: [PATCH 16/27] fix tag example

---
 packages/react/components/tag/Tag.example.tsx | 43 ++++++++-----------
 packages/react/components/tag/TagProps.ts     |  3 +-
 2 files changed, 20 insertions(+), 26 deletions(-)

diff --git a/packages/react/components/tag/Tag.example.tsx b/packages/react/components/tag/Tag.example.tsx
index 00ed5741..397b7cfc 100644
--- a/packages/react/components/tag/Tag.example.tsx
+++ b/packages/react/components/tag/Tag.example.tsx
@@ -1,32 +1,27 @@
 import React from 'react'
 import { Tag, TagList } from './index'
 import { Columns, ColumnsItem } from '../columns'
+import { IconName } from '@/components/icon'
 
-const TagExample: React.ReactNode =
-
-<Columns>
+const TagExample: React.ReactNode = (
+  <Columns>
     <ColumnsItem>
-        <TagList>
-            <Tag
-                iconName='tri-alert'
-                variant='ERROR'
-            >
-                Tag
-            </Tag>
-            <Tag
-                iconName='tri-bell'
-                variant='SUCCESS'
-            >
-                Tag success
-            </Tag>
-            <Tag
-                iconName='tri-check'
-                variant='WARNING'
-            >
-                Tag warning
-            </Tag>
-        </TagList>
+      <TagList>
+        <Tag iconName={IconName.BELL} variant='ERROR'>
+          Tag
+        </Tag>
+        <Tag iconName={IconName.ALERT} variant='SUCCESS'>
+          Tag success
+        </Tag>
+        <Tag iconName={IconName.CHECK} variant='WARNING'>
+          Tag warning
+        </Tag>
+        <Tag iconName={IconName.EYE} variant='INFO'>
+          Tag info
+        </Tag>
+      </TagList>
     </ColumnsItem>
-</Columns>
+  </Columns>
+)
 
 export default TagExample
diff --git a/packages/react/components/tag/TagProps.ts b/packages/react/components/tag/TagProps.ts
index 144ab274..d7b9c14c 100644
--- a/packages/react/components/tag/TagProps.ts
+++ b/packages/react/components/tag/TagProps.ts
@@ -1,7 +1,6 @@
 import { IconName } from '@/components/icon'
 import { TagVariant, TagVariantValues } from './TagEnum'
 import { Accessibility } from '@/objects'
-import { IconNameValues } from '@/lib'
 
 type TagClickEventHandler = React.MouseEvent<Element> | unknown
 
@@ -17,6 +16,6 @@ export interface TagProps extends Accessibility {
   variant?: TagVariant | TagVariantValues
   inverted?: boolean
   className?: string
-  iconName?: IconNameValues | IconName
+  iconName?: IconName
   small?: boolean
 }

From 740229834e492a6d0286f910875f3a841c20a017 Mon Sep 17 00:00:00 2001
From: Eliott <ecormill@bouyguestelecom.fr>
Date: Wed, 16 Oct 2024 14:15:30 +0200
Subject: [PATCH 17/27] change Title example

---
 .../react/components/title/Title.example.tsx  | 27 +++++++++++--------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/packages/react/components/title/Title.example.tsx b/packages/react/components/title/Title.example.tsx
index 73e4c185..99ae7306 100644
--- a/packages/react/components/title/Title.example.tsx
+++ b/packages/react/components/title/Title.example.tsx
@@ -1,20 +1,25 @@
 import React from 'react'
+import { Columns, ColumnsItem } from '../columns'
 import { Title } from './index'
 
 const TitleExample: React.ReactNode =
 
   <>
-    <Title
-      level='ONE'
-    >
-      Ceci titre
-    </Title>
-    <Title subtitle>
-      Ceci est un sous-titre
-    </Title>
-    <Title subtitle>
-      Ceci est text surligner
-    </Title>
+    <Columns multiline>
+      <ColumnsItem size={12}>
+        <Title
+          level="ONE"
+          onClick={function noRefCheck() { }}
+        >
+          Ceci titre
+        </Title>
+      </ColumnsItem>
+      <ColumnsItem size={12}>
+        <Title subtitle>
+          Ceci est un sous-titre
+        </Title>
+      </ColumnsItem>
+    </Columns>
   </>
 
 export default TitleExample

From 77f50f8528db2a07a510b38075c8a927ba8e1f39 Mon Sep 17 00:00:00 2001
From: Eliott <ecormill@bouyguestelecom.fr>
Date: Fri, 18 Oct 2024 10:49:28 +0200
Subject: [PATCH 18/27] more examples

---
 .../react/components/hero/Hero.example.tsx    | 60 +++++++++++--------
 .../react/components/icon/Icon.example.tsx    | 10 ++--
 .../components/section/Section.example.tsx    |  1 +
 .../components/stepper/Stepper.example.tsx    |  3 +-
 .../react/components/title/Title.example.tsx  | 29 ++++-----
 5 files changed, 52 insertions(+), 51 deletions(-)

diff --git a/packages/react/components/hero/Hero.example.tsx b/packages/react/components/hero/Hero.example.tsx
index 5b3c0311..850d18fb 100644
--- a/packages/react/components/hero/Hero.example.tsx
+++ b/packages/react/components/hero/Hero.example.tsx
@@ -2,31 +2,39 @@ import React from 'react'
 import { Hero } from './index'
 import { Container } from '@/components/container'
 import { Title } from '@/components/title'
-import { Button } from '@/components/button'
-
-const HeroExample: React.ReactNode = <Hero
-  backgroundSrc='https://picsum.photos/id/1/1500/600'
-
->
-  <Container>
-    <Title
-      inverted
-      level='TWO'
-      markup='h1'
-    >
-      Bonjour Michel
-    </Title>
-    <Title
-      inverted
-      markup='span'
-      subtitle
-    >
-      Fugiat velit dolor ad adipisicing id quis enim cupidatat Lorem dolore aute excepteur tempor.
-    </Title>
-    <Button>
-      Click me !{' '}
-    </Button>
-  </Container>
-</Hero>
+import { Box, Columns, ColumnsItem, Section, Text } from '@/lib'
 
+const HeroExample: React.ReactNode = (
+  <Columns multiline>
+      <ColumnsItem>
+        <Hero overlap className='has-pattern-dark'>
+          <Container>
+            <Title
+              inverted
+              level='TWO'
+              markup='h1'
+            >
+              Internet garanti
+            </Title>
+            <Text
+              className='is-inverted has-text-weight-bold'
+              inverted
+            >
+              Profitez dInternet dès labonnement et même en cas de coupure grâce à une clé 4G dans
+              les nouvelles offres Bbox.
+            </Text>
+          </Container>
+        </Hero>
+        <Section>
+          <Container>
+            <Box>
+              <Title level='TWO'>
+                Internet garanti
+              </Title>
+            </Box>
+          </Container>
+        </Section>
+      </ColumnsItem>
+    </Columns>
+)
 export default HeroExample
diff --git a/packages/react/components/icon/Icon.example.tsx b/packages/react/components/icon/Icon.example.tsx
index c6fb3ba0..a4964d5d 100644
--- a/packages/react/components/icon/Icon.example.tsx
+++ b/packages/react/components/icon/Icon.example.tsx
@@ -5,18 +5,18 @@ const IconExample: React.ReactNode =
   <>
     <Icon
       name='tri-search'
-      size='small'
+      size='medium'
       status='SUCCESS'
     />
     <Icon
-      name='tri-search'
-      size='small'
+      name='tri-check'
+      size='medium'
       status='SUCCESS'
       statusPosition='top'
     />
     <Icon
-      name='tri-search'
-      size='small'
+      name='tri-bell'
+      size='medium'
       status='SUCCESS'
       statusPosition='bottom'
     />
diff --git a/packages/react/components/section/Section.example.tsx b/packages/react/components/section/Section.example.tsx
index 748df2c9..c4a15bf8 100644
--- a/packages/react/components/section/Section.example.tsx
+++ b/packages/react/components/section/Section.example.tsx
@@ -3,6 +3,7 @@ import { Section } from './index'
 import { Title } from '@/components/title'
 
 const SectionExample: React.ReactNode =
+
   <>
     <Section>
       <Title level='ONE'>
diff --git a/packages/react/components/stepper/Stepper.example.tsx b/packages/react/components/stepper/Stepper.example.tsx
index 2d3fa4df..5d4e3b1e 100644
--- a/packages/react/components/stepper/Stepper.example.tsx
+++ b/packages/react/components/stepper/Stepper.example.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import { Stepper, StepperStep } from './index'
 
 const StepperExample: React.ReactNode =
-  <Stepper>
+  <Stepper centered>
     <StepperStep
       done
       label='Récapitulatif'
@@ -27,6 +27,7 @@ const StepperExample: React.ReactNode =
       label='Confirmation'
       step={5}
     />
+    Stepp
   </Stepper>
 
 export default StepperExample
diff --git a/packages/react/components/title/Title.example.tsx b/packages/react/components/title/Title.example.tsx
index 99ae7306..939a8a69 100644
--- a/packages/react/components/title/Title.example.tsx
+++ b/packages/react/components/title/Title.example.tsx
@@ -2,24 +2,15 @@ import React from 'react'
 import { Columns, ColumnsItem } from '../columns'
 import { Title } from './index'
 
-const TitleExample: React.ReactNode =
-
-  <>
-    <Columns multiline>
-      <ColumnsItem size={12}>
-        <Title
-          level="ONE"
-          onClick={function noRefCheck() { }}
-        >
-          Ceci titre
-        </Title>
-      </ColumnsItem>
-      <ColumnsItem size={12}>
-        <Title subtitle>
-          Ceci est un sous-titre
-        </Title>
-      </ColumnsItem>
-    </Columns>
-  </>
+const TitleExample: React.ReactNode = (
+  <Columns multiline>
+    <ColumnsItem size={12}>
+      <Title level='ONE'>Ceci titre</Title>
+    </ColumnsItem>
+    <ColumnsItem size={12}>
+      <Title subtitle>Ceci est un sous-titre</Title>
+    </ColumnsItem>
+  </Columns>
+)
 
 export default TitleExample

From b7d7df71fa0c60a54c688070306f7a6388029030 Mon Sep 17 00:00:00 2001
From: Eliott <ecormill@bouyguestelecom.fr>
Date: Fri, 18 Oct 2024 10:57:07 +0200
Subject: [PATCH 19/27] fix hero

---
 .../react/components/hero/Hero.example.tsx    | 58 +++++++++----------
 1 file changed, 27 insertions(+), 31 deletions(-)

diff --git a/packages/react/components/hero/Hero.example.tsx b/packages/react/components/hero/Hero.example.tsx
index 850d18fb..89d30591 100644
--- a/packages/react/components/hero/Hero.example.tsx
+++ b/packages/react/components/hero/Hero.example.tsx
@@ -2,39 +2,35 @@ import React from 'react'
 import { Hero } from './index'
 import { Container } from '@/components/container'
 import { Title } from '@/components/title'
-import { Box, Columns, ColumnsItem, Section, Text } from '@/lib'
+import { Columns, ColumnsItem } from '@/components/columns'
+import { Section } from '@/components/section'
+import { Box, BoxContent } from '@/components/box'
+import { Text } from '@/components/text'
 
 const HeroExample: React.ReactNode = (
   <Columns multiline>
-      <ColumnsItem>
-        <Hero overlap className='has-pattern-dark'>
-          <Container>
-            <Title
-              inverted
-              level='TWO'
-              markup='h1'
-            >
-              Internet garanti
-            </Title>
-            <Text
-              className='is-inverted has-text-weight-bold'
-              inverted
-            >
-              Profitez dInternet dès labonnement et même en cas de coupure grâce à une clé 4G dans
-              les nouvelles offres Bbox.
-            </Text>
-          </Container>
-        </Hero>
-        <Section>
-          <Container>
-            <Box>
-              <Title level='TWO'>
-                Internet garanti
-              </Title>
-            </Box>
-          </Container>
-        </Section>
-      </ColumnsItem>
-    </Columns>
+    <ColumnsItem>
+      <Hero overlap className='has-pattern-dark'>
+        <Container>
+          <Title inverted level='TWO' markup='h1'>
+            Internet garanti
+          </Title>
+          <Text className='is-inverted has-text-weight-bold' inverted>
+            Profitez dInternet dès labonnement et même en cas de coupure grâce à une clé 4G dans les nouvelles offres
+            Bbox.
+          </Text>
+        </Container>
+      </Hero>
+      <Section>
+        <Container>
+          <Box>
+            <BoxContent>
+              <Title level='TWO'>Internet garanti</Title>
+            </BoxContent>
+          </Box>
+        </Container>
+      </Section>
+    </ColumnsItem>
+  </Columns>
 )
 export default HeroExample

From d8dcd21d9a144284ea562c2df0eda45bb6dedf11 Mon Sep 17 00:00:00 2001
From: Eliott <ecormill@bouyguestelecom.fr>
Date: Wed, 23 Oct 2024 09:46:48 +0200
Subject: [PATCH 20/27] fix icon

---
 docs/templates/assets/index-ada2ffa1.js       | 79 +++++++++++++++++++
 docs/templates/assets/index-c66d9cff.js       | 79 +++++++++++++++++++
 docs/templates/assets/trilogy-142b1c5a.css    |  1 +
 .../react/components/icon/Icon.example.tsx    | 35 ++++----
 4 files changed, 173 insertions(+), 21 deletions(-)
 create mode 100755 docs/templates/assets/index-ada2ffa1.js
 create mode 100755 docs/templates/assets/index-c66d9cff.js
 create mode 100755 docs/templates/assets/trilogy-142b1c5a.css

diff --git a/docs/templates/assets/index-ada2ffa1.js b/docs/templates/assets/index-ada2ffa1.js
new file mode 100755
index 00000000..d4db07dd
--- /dev/null
+++ b/docs/templates/assets/index-ada2ffa1.js
@@ -0,0 +1,79 @@
+function vx(e,t){for(var n=0;n<t.length;n++){const s=t[n];if(typeof s!="string"&&!Array.isArray(s)){for(const l in s)if(l!=="default"&&!(l in e)){const i=Object.getOwnPropertyDescriptor(s,l);i&&Object.defineProperty(e,l,i.get?i:{enumerable:!0,get:()=>s[l]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))s(l);new MutationObserver(l=>{for(const i of l)if(i.type==="childList")for(const a of i.addedNodes)a.tagName==="LINK"&&a.rel==="modulepreload"&&s(a)}).observe(document,{childList:!0,subtree:!0});function n(l){const i={};return l.integrity&&(i.integrity=l.integrity),l.referrerPolicy&&(i.referrerPolicy=l.referrerPolicy),l.crossOrigin==="use-credentials"?i.credentials="include":l.crossOrigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function s(l){if(l.ep)return;l.ep=!0;const i=n(l);fetch(l.href,i)}})();function Uc(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var fm={exports:{}},Na={},mm={exports:{}},de={};/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Fl=Symbol.for("react.element"),Ex=Symbol.for("react.portal"),gx=Symbol.for("react.fragment"),jx=Symbol.for("react.strict_mode"),Nx=Symbol.for("react.profiler"),Sx=Symbol.for("react.provider"),yx=Symbol.for("react.context"),Cx=Symbol.for("react.forward_ref"),Rx=Symbol.for("react.suspense"),wx=Symbol.for("react.memo"),Tx=Symbol.for("react.lazy"),qu=Symbol.iterator;function Lx(e){return e===null||typeof e!="object"?null:(e=qu&&e[qu]||e["@@iterator"],typeof e=="function"?e:null)}var hm={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},pm=Object.assign,xm={};function As(e,t,n){this.props=e,this.context=t,this.refs=xm,this.updater=n||hm}As.prototype.isReactComponent={};As.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};As.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function vm(){}vm.prototype=As.prototype;function bc(e,t,n){this.props=e,this.context=t,this.refs=xm,this.updater=n||hm}var Hc=bc.prototype=new vm;Hc.constructor=bc;pm(Hc,As.prototype);Hc.isPureReactComponent=!0;var Yu=Array.isArray,Em=Object.prototype.hasOwnProperty,zc={current:null},gm={key:!0,ref:!0,__self:!0,__source:!0};function jm(e,t,n){var s,l={},i=null,a=null;if(t!=null)for(s in t.ref!==void 0&&(a=t.ref),t.key!==void 0&&(i=""+t.key),t)Em.call(t,s)&&!gm.hasOwnProperty(s)&&(l[s]=t[s]);var o=arguments.length-2;if(o===1)l.children=n;else if(1<o){for(var c=Array(o),u=0;u<o;u++)c[u]=arguments[u+2];l.children=c}if(e&&e.defaultProps)for(s in o=e.defaultProps,o)l[s]===void 0&&(l[s]=o[s]);return{$$typeof:Fl,type:e,key:i,ref:a,props:l,_owner:zc.current}}function Ax(e,t){return{$$typeof:Fl,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}function $c(e){return typeof e=="object"&&e!==null&&e.$$typeof===Fl}function Ix(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var Xu=/\/+/g;function Ba(e,t){return typeof e=="object"&&e!==null&&e.key!=null?Ix(""+e.key):t.toString(36)}function xi(e,t,n,s,l){var i=typeof e;(i==="undefined"||i==="boolean")&&(e=null);var a=!1;if(e===null)a=!0;else switch(i){case"string":case"number":a=!0;break;case"object":switch(e.$$typeof){case Fl:case Ex:a=!0}}if(a)return a=e,l=l(a),e=s===""?"."+Ba(a,0):s,Yu(l)?(n="",e!=null&&(n=e.replace(Xu,"$&/")+"/"),xi(l,t,n,"",function(u){return u})):l!=null&&($c(l)&&(l=Ax(l,n+(!l.key||a&&a.key===l.key?"":(""+l.key).replace(Xu,"$&/")+"/")+e)),t.push(l)),1;if(a=0,s=s===""?".":s+":",Yu(e))for(var o=0;o<e.length;o++){i=e[o];var c=s+Ba(i,o);a+=xi(i,t,n,c,l)}else if(c=Lx(e),typeof c=="function")for(e=c.call(e),o=0;!(i=e.next()).done;)i=i.value,c=s+Ba(i,o++),a+=xi(i,t,n,c,l);else if(i==="object")throw t=String(e),Error("Objects are not valid as a React child (found: "+(t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return a}function Wl(e,t,n){if(e==null)return e;var s=[],l=0;return xi(e,s,"","",function(i){return t.call(n,i,l++)}),s}function kx(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(n){(e._status===0||e._status===-1)&&(e._status=1,e._result=n)},function(n){(e._status===0||e._status===-1)&&(e._status=2,e._result=n)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var St={current:null},vi={transition:null},_x={ReactCurrentDispatcher:St,ReactCurrentBatchConfig:vi,ReactCurrentOwner:zc};de.Children={map:Wl,forEach:function(e,t,n){Wl(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return Wl(e,function(){t++}),t},toArray:function(e){return Wl(e,function(t){return t})||[]},only:function(e){if(!$c(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};de.Component=As;de.Fragment=gx;de.Profiler=Nx;de.PureComponent=bc;de.StrictMode=jx;de.Suspense=Rx;de.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=_x;de.cloneElement=function(e,t,n){if(e==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var s=pm({},e.props),l=e.key,i=e.ref,a=e._owner;if(t!=null){if(t.ref!==void 0&&(i=t.ref,a=zc.current),t.key!==void 0&&(l=""+t.key),e.type&&e.type.defaultProps)var o=e.type.defaultProps;for(c in t)Em.call(t,c)&&!gm.hasOwnProperty(c)&&(s[c]=t[c]===void 0&&o!==void 0?o[c]:t[c])}var c=arguments.length-2;if(c===1)s.children=n;else if(1<c){o=Array(c);for(var u=0;u<c;u++)o[u]=arguments[u+2];s.children=o}return{$$typeof:Fl,type:e.type,key:l,ref:i,props:s,_owner:a}};de.createContext=function(e){return e={$$typeof:yx,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:Sx,_context:e},e.Consumer=e};de.createElement=jm;de.createFactory=function(e){var t=jm.bind(null,e);return t.type=e,t};de.createRef=function(){return{current:null}};de.forwardRef=function(e){return{$$typeof:Cx,render:e}};de.isValidElement=$c;de.lazy=function(e){return{$$typeof:Tx,_payload:{_status:-1,_result:e},_init:kx}};de.memo=function(e,t){return{$$typeof:wx,type:e,compare:t===void 0?null:t}};de.startTransition=function(e){var t=vi.transition;vi.transition={};try{e()}finally{vi.transition=t}};de.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")};de.useCallback=function(e,t){return St.current.useCallback(e,t)};de.useContext=function(e){return St.current.useContext(e)};de.useDebugValue=function(){};de.useDeferredValue=function(e){return St.current.useDeferredValue(e)};de.useEffect=function(e,t){return St.current.useEffect(e,t)};de.useId=function(){return St.current.useId()};de.useImperativeHandle=function(e,t,n){return St.current.useImperativeHandle(e,t,n)};de.useInsertionEffect=function(e,t){return St.current.useInsertionEffect(e,t)};de.useLayoutEffect=function(e,t){return St.current.useLayoutEffect(e,t)};de.useMemo=function(e,t){return St.current.useMemo(e,t)};de.useReducer=function(e,t,n){return St.current.useReducer(e,t,n)};de.useRef=function(e){return St.current.useRef(e)};de.useState=function(e){return St.current.useState(e)};de.useSyncExternalStore=function(e,t,n){return St.current.useSyncExternalStore(e,t,n)};de.useTransition=function(){return St.current.useTransition()};de.version="18.2.0";mm.exports=de;var f=mm.exports;const O=Uc(f),Ox=vx({__proto__:null,default:O},[f]);/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Dx=f,Mx=Symbol.for("react.element"),Px=Symbol.for("react.fragment"),Fx=Object.prototype.hasOwnProperty,Ux=Dx.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,bx={key:!0,ref:!0,__self:!0,__source:!0};function Nm(e,t,n){var s,l={},i=null,a=null;n!==void 0&&(i=""+n),t.key!==void 0&&(i=""+t.key),t.ref!==void 0&&(a=t.ref);for(s in t)Fx.call(t,s)&&!bx.hasOwnProperty(s)&&(l[s]=t[s]);if(e&&e.defaultProps)for(s in t=e.defaultProps,t)l[s]===void 0&&(l[s]=t[s]);return{$$typeof:Mx,type:e,key:i,ref:a,props:l,_owner:Ux.current}}Na.Fragment=Px;Na.jsx=Nm;Na.jsxs=Nm;fm.exports=Na;var r=fm.exports,Sm={exports:{}},Vt={},ym={exports:{}},Cm={};/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */(function(e){function t(H,G){var W=H.length;H.push(G);e:for(;0<W;){var X=W-1>>>1,ge=H[X];if(0<l(ge,G))H[X]=G,H[W]=ge,W=X;else break e}}function n(H){return H.length===0?null:H[0]}function s(H){if(H.length===0)return null;var G=H[0],W=H.pop();if(W!==G){H[0]=W;e:for(var X=0,ge=H.length,Ot=ge>>>1;X<Ot;){var Ct=2*(X+1)-1,xn=H[Ct],ee=Ct+1,Pe=H[ee];if(0>l(xn,W))ee<ge&&0>l(Pe,xn)?(H[X]=Pe,H[ee]=W,X=ee):(H[X]=xn,H[Ct]=W,X=Ct);else if(ee<ge&&0>l(Pe,W))H[X]=Pe,H[ee]=W,X=ee;else break e}}return G}function l(H,G){var W=H.sortIndex-G.sortIndex;return W!==0?W:H.id-G.id}if(typeof performance=="object"&&typeof performance.now=="function"){var i=performance;e.unstable_now=function(){return i.now()}}else{var a=Date,o=a.now();e.unstable_now=function(){return a.now()-o}}var c=[],u=[],d=1,m=null,h=3,E=!1,N=!1,v=!1,S=typeof setTimeout=="function"?setTimeout:null,p=typeof clearTimeout=="function"?clearTimeout:null,x=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function j(H){for(var G=n(u);G!==null;){if(G.callback===null)s(u);else if(G.startTime<=H)s(u),G.sortIndex=G.expirationTime,t(c,G);else break;G=n(u)}}function y(H){if(v=!1,j(H),!N)if(n(c)!==null)N=!0,ae(R);else{var G=n(u);G!==null&&me(y,G.startTime-H)}}function R(H,G){N=!1,v&&(v=!1,p(k),k=-1),E=!0;var W=h;try{for(j(G),m=n(c);m!==null&&(!(m.expirationTime>G)||H&&!se());){var X=m.callback;if(typeof X=="function"){m.callback=null,h=m.priorityLevel;var ge=X(m.expirationTime<=G);G=e.unstable_now(),typeof ge=="function"?m.callback=ge:m===n(c)&&s(c),j(G)}else s(c);m=n(c)}if(m!==null)var Ot=!0;else{var Ct=n(u);Ct!==null&&me(y,Ct.startTime-G),Ot=!1}return Ot}finally{m=null,h=W,E=!1}}var L=!1,w=null,k=-1,U=5,F=-1;function se(){return!(e.unstable_now()-F<U)}function fe(){if(w!==null){var H=e.unstable_now();F=H;var G=!0;try{G=w(!0,H)}finally{G?Ae():(L=!1,w=null)}}else L=!1}var Ae;if(typeof x=="function")Ae=function(){x(fe)};else if(typeof MessageChannel<"u"){var re=new MessageChannel,Y=re.port2;re.port1.onmessage=fe,Ae=function(){Y.postMessage(null)}}else Ae=function(){S(fe,0)};function ae(H){w=H,L||(L=!0,Ae())}function me(H,G){k=S(function(){H(e.unstable_now())},G)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(H){H.callback=null},e.unstable_continueExecution=function(){N||E||(N=!0,ae(R))},e.unstable_forceFrameRate=function(H){0>H||125<H?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):U=0<H?Math.floor(1e3/H):5},e.unstable_getCurrentPriorityLevel=function(){return h},e.unstable_getFirstCallbackNode=function(){return n(c)},e.unstable_next=function(H){switch(h){case 1:case 2:case 3:var G=3;break;default:G=h}var W=h;h=G;try{return H()}finally{h=W}},e.unstable_pauseExecution=function(){},e.unstable_requestPaint=function(){},e.unstable_runWithPriority=function(H,G){switch(H){case 1:case 2:case 3:case 4:case 5:break;default:H=3}var W=h;h=H;try{return G()}finally{h=W}},e.unstable_scheduleCallback=function(H,G,W){var X=e.unstable_now();switch(typeof W=="object"&&W!==null?(W=W.delay,W=typeof W=="number"&&0<W?X+W:X):W=X,H){case 1:var ge=-1;break;case 2:ge=250;break;case 5:ge=1073741823;break;case 4:ge=1e4;break;default:ge=5e3}return ge=W+ge,H={id:d++,callback:G,priorityLevel:H,startTime:W,expirationTime:ge,sortIndex:-1},W>X?(H.sortIndex=W,t(u,H),n(c)===null&&H===n(u)&&(v?(p(k),k=-1):v=!0,me(y,W-X))):(H.sortIndex=ge,t(c,H),N||E||(N=!0,ae(R))),H},e.unstable_shouldYield=se,e.unstable_wrapCallback=function(H){var G=h;return function(){var W=h;h=G;try{return H.apply(this,arguments)}finally{h=W}}}})(Cm);ym.exports=Cm;var Hx=ym.exports;/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Rm=f,Wt=Hx;function b(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var wm=new Set,hl={};function Wr(e,t){gs(e,t),gs(e+"Capture",t)}function gs(e,t){for(hl[e]=t,e=0;e<t.length;e++)wm.add(t[e])}var _n=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Ao=Object.prototype.hasOwnProperty,zx=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,Ku={},Qu={};function $x(e){return Ao.call(Qu,e)?!0:Ao.call(Ku,e)?!1:zx.test(e)?Qu[e]=!0:(Ku[e]=!0,!1)}function Wx(e,t,n,s){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return s?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function Bx(e,t,n,s){if(t===null||typeof t>"u"||Wx(e,t,n,s))return!0;if(s)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function yt(e,t,n,s,l,i,a){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=s,this.attributeNamespace=l,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=i,this.removeEmptyString=a}var ct={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){ct[e]=new yt(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];ct[t]=new yt(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){ct[e]=new yt(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){ct[e]=new yt(e,2,!1,e,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){ct[e]=new yt(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){ct[e]=new yt(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){ct[e]=new yt(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){ct[e]=new yt(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){ct[e]=new yt(e,5,!1,e.toLowerCase(),null,!1,!1)});var Wc=/[\-:]([a-z])/g;function Bc(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(Wc,Bc);ct[t]=new yt(t,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(Wc,Bc);ct[t]=new yt(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(Wc,Bc);ct[t]=new yt(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){ct[e]=new yt(e,1,!1,e.toLowerCase(),null,!1,!1)});ct.xlinkHref=new yt("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){ct[e]=new yt(e,1,!1,e.toLowerCase(),null,!0,!0)});function Vc(e,t,n,s){var l=ct.hasOwnProperty(t)?ct[t]:null;(l!==null?l.type!==0:s||!(2<t.length)||t[0]!=="o"&&t[0]!=="O"||t[1]!=="n"&&t[1]!=="N")&&(Bx(t,n,l,s)&&(n=null),s||l===null?$x(t)&&(n===null?e.removeAttribute(t):e.setAttribute(t,""+n)):l.mustUseProperty?e[l.propertyName]=n===null?l.type===3?!1:"":n:(t=l.attributeName,s=l.attributeNamespace,n===null?e.removeAttribute(t):(l=l.type,n=l===3||l===4&&n===!0?"":""+n,s?e.setAttributeNS(s,t,n):e.setAttribute(t,n))))}var Pn=Rm.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Bl=Symbol.for("react.element"),Jr=Symbol.for("react.portal"),es=Symbol.for("react.fragment"),Gc=Symbol.for("react.strict_mode"),Io=Symbol.for("react.profiler"),Tm=Symbol.for("react.provider"),Lm=Symbol.for("react.context"),qc=Symbol.for("react.forward_ref"),ko=Symbol.for("react.suspense"),_o=Symbol.for("react.suspense_list"),Yc=Symbol.for("react.memo"),Bn=Symbol.for("react.lazy"),Am=Symbol.for("react.offscreen"),Zu=Symbol.iterator;function Os(e){return e===null||typeof e!="object"?null:(e=Zu&&e[Zu]||e["@@iterator"],typeof e=="function"?e:null)}var ze=Object.assign,Va;function Ys(e){if(Va===void 0)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);Va=t&&t[1]||""}return`
+`+Va+e}var Ga=!1;function qa(e,t){if(!e||Ga)return"";Ga=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(t,[])}catch(u){var s=u}Reflect.construct(e,[],t)}else{try{t.call()}catch(u){s=u}e.call(t.prototype)}else{try{throw Error()}catch(u){s=u}e()}}catch(u){if(u&&s&&typeof u.stack=="string"){for(var l=u.stack.split(`
+`),i=s.stack.split(`
+`),a=l.length-1,o=i.length-1;1<=a&&0<=o&&l[a]!==i[o];)o--;for(;1<=a&&0<=o;a--,o--)if(l[a]!==i[o]){if(a!==1||o!==1)do if(a--,o--,0>o||l[a]!==i[o]){var c=`
+`+l[a].replace(" at new "," at ");return e.displayName&&c.includes("<anonymous>")&&(c=c.replace("<anonymous>",e.displayName)),c}while(1<=a&&0<=o);break}}}finally{Ga=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?Ys(e):""}function Vx(e){switch(e.tag){case 5:return Ys(e.type);case 16:return Ys("Lazy");case 13:return Ys("Suspense");case 19:return Ys("SuspenseList");case 0:case 2:case 15:return e=qa(e.type,!1),e;case 11:return e=qa(e.type.render,!1),e;case 1:return e=qa(e.type,!0),e;default:return""}}function Oo(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case es:return"Fragment";case Jr:return"Portal";case Io:return"Profiler";case Gc:return"StrictMode";case ko:return"Suspense";case _o:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case Lm:return(e.displayName||"Context")+".Consumer";case Tm:return(e._context.displayName||"Context")+".Provider";case qc:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Yc:return t=e.displayName||null,t!==null?t:Oo(e.type)||"Memo";case Bn:t=e._payload,e=e._init;try{return Oo(e(t))}catch{}}return null}function Gx(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return Oo(t);case 8:return t===Gc?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function mr(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function Im(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function qx(e){var t=Im(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),s=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var l=n.get,i=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(a){s=""+a,i.call(this,a)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return s},setValue:function(a){s=""+a},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function Vl(e){e._valueTracker||(e._valueTracker=qx(e))}function km(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),s="";return e&&(s=Im(e)?e.checked?"true":"false":e.value),e=s,e!==n?(t.setValue(e),!0):!1}function bi(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function Do(e,t){var n=t.checked;return ze({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function Ju(e,t){var n=t.defaultValue==null?"":t.defaultValue,s=t.checked!=null?t.checked:t.defaultChecked;n=mr(t.value!=null?t.value:n),e._wrapperState={initialChecked:s,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function _m(e,t){t=t.checked,t!=null&&Vc(e,"checked",t,!1)}function Mo(e,t){_m(e,t);var n=mr(t.value),s=t.type;if(n!=null)s==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(s==="submit"||s==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?Po(e,t.type,n):t.hasOwnProperty("defaultValue")&&Po(e,t.type,mr(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function ed(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var s=t.type;if(!(s!=="submit"&&s!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function Po(e,t,n){(t!=="number"||bi(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var Xs=Array.isArray;function fs(e,t,n,s){if(e=e.options,t){t={};for(var l=0;l<n.length;l++)t["$"+n[l]]=!0;for(n=0;n<e.length;n++)l=t.hasOwnProperty("$"+e[n].value),e[n].selected!==l&&(e[n].selected=l),l&&s&&(e[n].defaultSelected=!0)}else{for(n=""+mr(n),t=null,l=0;l<e.length;l++){if(e[l].value===n){e[l].selected=!0,s&&(e[l].defaultSelected=!0);return}t!==null||e[l].disabled||(t=e[l])}t!==null&&(t.selected=!0)}}function Fo(e,t){if(t.dangerouslySetInnerHTML!=null)throw Error(b(91));return ze({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function td(e,t){var n=t.value;if(n==null){if(n=t.children,t=t.defaultValue,n!=null){if(t!=null)throw Error(b(92));if(Xs(n)){if(1<n.length)throw Error(b(93));n=n[0]}t=n}t==null&&(t=""),n=t}e._wrapperState={initialValue:mr(n)}}function Om(e,t){var n=mr(t.value),s=mr(t.defaultValue);n!=null&&(n=""+n,n!==e.value&&(e.value=n),t.defaultValue==null&&e.defaultValue!==n&&(e.defaultValue=n)),s!=null&&(e.defaultValue=""+s)}function nd(e){var t=e.textContent;t===e._wrapperState.initialValue&&t!==""&&t!==null&&(e.value=t)}function Dm(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function Uo(e,t){return e==null||e==="http://www.w3.org/1999/xhtml"?Dm(t):e==="http://www.w3.org/2000/svg"&&t==="foreignObject"?"http://www.w3.org/1999/xhtml":e}var Gl,Mm=function(e){return typeof MSApp<"u"&&MSApp.execUnsafeLocalFunction?function(t,n,s,l){MSApp.execUnsafeLocalFunction(function(){return e(t,n,s,l)})}:e}(function(e,t){if(e.namespaceURI!=="http://www.w3.org/2000/svg"||"innerHTML"in e)e.innerHTML=t;else{for(Gl=Gl||document.createElement("div"),Gl.innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=Gl.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function pl(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var tl={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},Yx=["Webkit","ms","Moz","O"];Object.keys(tl).forEach(function(e){Yx.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),tl[t]=tl[e]})});function Pm(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||tl.hasOwnProperty(e)&&tl[e]?(""+t).trim():t+"px"}function Fm(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var s=n.indexOf("--")===0,l=Pm(n,t[n],s);n==="float"&&(n="cssFloat"),s?e.setProperty(n,l):e[n]=l}}var Xx=ze({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function bo(e,t){if(t){if(Xx[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(b(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(b(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(b(61))}if(t.style!=null&&typeof t.style!="object")throw Error(b(62))}}function Ho(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var zo=null;function Xc(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var $o=null,ms=null,hs=null;function rd(e){if(e=Hl(e)){if(typeof $o!="function")throw Error(b(280));var t=e.stateNode;t&&(t=wa(t),$o(e.stateNode,e.type,t))}}function Um(e){ms?hs?hs.push(e):hs=[e]:ms=e}function bm(){if(ms){var e=ms,t=hs;if(hs=ms=null,rd(e),t)for(e=0;e<t.length;e++)rd(t[e])}}function Hm(e,t){return e(t)}function zm(){}var Ya=!1;function $m(e,t,n){if(Ya)return e(t,n);Ya=!0;try{return Hm(e,t,n)}finally{Ya=!1,(ms!==null||hs!==null)&&(zm(),bm())}}function xl(e,t){var n=e.stateNode;if(n===null)return null;var s=wa(n);if(s===null)return null;n=s[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(s=!s.disabled)||(e=e.type,s=!(e==="button"||e==="input"||e==="select"||e==="textarea")),e=!s;break e;default:e=!1}if(e)return null;if(n&&typeof n!="function")throw Error(b(231,t,typeof n));return n}var Wo=!1;if(_n)try{var Ds={};Object.defineProperty(Ds,"passive",{get:function(){Wo=!0}}),window.addEventListener("test",Ds,Ds),window.removeEventListener("test",Ds,Ds)}catch{Wo=!1}function Kx(e,t,n,s,l,i,a,o,c){var u=Array.prototype.slice.call(arguments,3);try{t.apply(n,u)}catch(d){this.onError(d)}}var nl=!1,Hi=null,zi=!1,Bo=null,Qx={onError:function(e){nl=!0,Hi=e}};function Zx(e,t,n,s,l,i,a,o,c){nl=!1,Hi=null,Kx.apply(Qx,arguments)}function Jx(e,t,n,s,l,i,a,o,c){if(Zx.apply(this,arguments),nl){if(nl){var u=Hi;nl=!1,Hi=null}else throw Error(b(198));zi||(zi=!0,Bo=u)}}function Br(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do t=e,t.flags&4098&&(n=t.return),e=t.return;while(e)}return t.tag===3?n:null}function Wm(e){if(e.tag===13){var t=e.memoizedState;if(t===null&&(e=e.alternate,e!==null&&(t=e.memoizedState)),t!==null)return t.dehydrated}return null}function sd(e){if(Br(e)!==e)throw Error(b(188))}function ev(e){var t=e.alternate;if(!t){if(t=Br(e),t===null)throw Error(b(188));return t!==e?null:e}for(var n=e,s=t;;){var l=n.return;if(l===null)break;var i=l.alternate;if(i===null){if(s=l.return,s!==null){n=s;continue}break}if(l.child===i.child){for(i=l.child;i;){if(i===n)return sd(l),e;if(i===s)return sd(l),t;i=i.sibling}throw Error(b(188))}if(n.return!==s.return)n=l,s=i;else{for(var a=!1,o=l.child;o;){if(o===n){a=!0,n=l,s=i;break}if(o===s){a=!0,s=l,n=i;break}o=o.sibling}if(!a){for(o=i.child;o;){if(o===n){a=!0,n=i,s=l;break}if(o===s){a=!0,s=i,n=l;break}o=o.sibling}if(!a)throw Error(b(189))}}if(n.alternate!==s)throw Error(b(190))}if(n.tag!==3)throw Error(b(188));return n.stateNode.current===n?e:t}function Bm(e){return e=ev(e),e!==null?Vm(e):null}function Vm(e){if(e.tag===5||e.tag===6)return e;for(e=e.child;e!==null;){var t=Vm(e);if(t!==null)return t;e=e.sibling}return null}var Gm=Wt.unstable_scheduleCallback,ld=Wt.unstable_cancelCallback,tv=Wt.unstable_shouldYield,nv=Wt.unstable_requestPaint,qe=Wt.unstable_now,rv=Wt.unstable_getCurrentPriorityLevel,Kc=Wt.unstable_ImmediatePriority,qm=Wt.unstable_UserBlockingPriority,$i=Wt.unstable_NormalPriority,sv=Wt.unstable_LowPriority,Ym=Wt.unstable_IdlePriority,Sa=null,Nn=null;function lv(e){if(Nn&&typeof Nn.onCommitFiberRoot=="function")try{Nn.onCommitFiberRoot(Sa,e,void 0,(e.current.flags&128)===128)}catch{}}var un=Math.clz32?Math.clz32:ov,iv=Math.log,av=Math.LN2;function ov(e){return e>>>=0,e===0?32:31-(iv(e)/av|0)|0}var ql=64,Yl=4194304;function Ks(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function Wi(e,t){var n=e.pendingLanes;if(n===0)return 0;var s=0,l=e.suspendedLanes,i=e.pingedLanes,a=n&268435455;if(a!==0){var o=a&~l;o!==0?s=Ks(o):(i&=a,i!==0&&(s=Ks(i)))}else a=n&~l,a!==0?s=Ks(a):i!==0&&(s=Ks(i));if(s===0)return 0;if(t!==0&&t!==s&&!(t&l)&&(l=s&-s,i=t&-t,l>=i||l===16&&(i&4194240)!==0))return t;if(s&4&&(s|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=s;0<t;)n=31-un(t),l=1<<n,s|=e[n],t&=~l;return s}function cv(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return-1;case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function uv(e,t){for(var n=e.suspendedLanes,s=e.pingedLanes,l=e.expirationTimes,i=e.pendingLanes;0<i;){var a=31-un(i),o=1<<a,c=l[a];c===-1?(!(o&n)||o&s)&&(l[a]=cv(o,t)):c<=t&&(e.expiredLanes|=o),i&=~o}}function Vo(e){return e=e.pendingLanes&-1073741825,e!==0?e:e&1073741824?1073741824:0}function Xm(){var e=ql;return ql<<=1,!(ql&4194240)&&(ql=64),e}function Xa(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function Ul(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-un(t),e[t]=n}function dv(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var s=e.eventTimes;for(e=e.expirationTimes;0<n;){var l=31-un(n),i=1<<l;t[l]=0,s[l]=-1,e[l]=-1,n&=~i}}function Qc(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var s=31-un(n),l=1<<s;l&t|e[s]&t&&(e[s]|=t),n&=~l}}var ye=0;function Km(e){return e&=-e,1<e?4<e?e&268435455?16:536870912:4:1}var Qm,Zc,Zm,Jm,eh,Go=!1,Xl=[],sr=null,lr=null,ir=null,vl=new Map,El=new Map,Yn=[],fv="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function id(e,t){switch(e){case"focusin":case"focusout":sr=null;break;case"dragenter":case"dragleave":lr=null;break;case"mouseover":case"mouseout":ir=null;break;case"pointerover":case"pointerout":vl.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":El.delete(t.pointerId)}}function Ms(e,t,n,s,l,i){return e===null||e.nativeEvent!==i?(e={blockedOn:t,domEventName:n,eventSystemFlags:s,nativeEvent:i,targetContainers:[l]},t!==null&&(t=Hl(t),t!==null&&Zc(t)),e):(e.eventSystemFlags|=s,t=e.targetContainers,l!==null&&t.indexOf(l)===-1&&t.push(l),e)}function mv(e,t,n,s,l){switch(t){case"focusin":return sr=Ms(sr,e,t,n,s,l),!0;case"dragenter":return lr=Ms(lr,e,t,n,s,l),!0;case"mouseover":return ir=Ms(ir,e,t,n,s,l),!0;case"pointerover":var i=l.pointerId;return vl.set(i,Ms(vl.get(i)||null,e,t,n,s,l)),!0;case"gotpointercapture":return i=l.pointerId,El.set(i,Ms(El.get(i)||null,e,t,n,s,l)),!0}return!1}function th(e){var t=Lr(e.target);if(t!==null){var n=Br(t);if(n!==null){if(t=n.tag,t===13){if(t=Wm(n),t!==null){e.blockedOn=t,eh(e.priority,function(){Zm(n)});return}}else if(t===3&&n.stateNode.current.memoizedState.isDehydrated){e.blockedOn=n.tag===3?n.stateNode.containerInfo:null;return}}}e.blockedOn=null}function Ei(e){if(e.blockedOn!==null)return!1;for(var t=e.targetContainers;0<t.length;){var n=qo(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(n===null){n=e.nativeEvent;var s=new n.constructor(n.type,n);zo=s,n.target.dispatchEvent(s),zo=null}else return t=Hl(n),t!==null&&Zc(t),e.blockedOn=n,!1;t.shift()}return!0}function ad(e,t,n){Ei(e)&&n.delete(t)}function hv(){Go=!1,sr!==null&&Ei(sr)&&(sr=null),lr!==null&&Ei(lr)&&(lr=null),ir!==null&&Ei(ir)&&(ir=null),vl.forEach(ad),El.forEach(ad)}function Ps(e,t){e.blockedOn===t&&(e.blockedOn=null,Go||(Go=!0,Wt.unstable_scheduleCallback(Wt.unstable_NormalPriority,hv)))}function gl(e){function t(l){return Ps(l,e)}if(0<Xl.length){Ps(Xl[0],e);for(var n=1;n<Xl.length;n++){var s=Xl[n];s.blockedOn===e&&(s.blockedOn=null)}}for(sr!==null&&Ps(sr,e),lr!==null&&Ps(lr,e),ir!==null&&Ps(ir,e),vl.forEach(t),El.forEach(t),n=0;n<Yn.length;n++)s=Yn[n],s.blockedOn===e&&(s.blockedOn=null);for(;0<Yn.length&&(n=Yn[0],n.blockedOn===null);)th(n),n.blockedOn===null&&Yn.shift()}var ps=Pn.ReactCurrentBatchConfig,Bi=!0;function pv(e,t,n,s){var l=ye,i=ps.transition;ps.transition=null;try{ye=1,Jc(e,t,n,s)}finally{ye=l,ps.transition=i}}function xv(e,t,n,s){var l=ye,i=ps.transition;ps.transition=null;try{ye=4,Jc(e,t,n,s)}finally{ye=l,ps.transition=i}}function Jc(e,t,n,s){if(Bi){var l=qo(e,t,n,s);if(l===null)lo(e,t,s,Vi,n),id(e,s);else if(mv(l,e,t,n,s))s.stopPropagation();else if(id(e,s),t&4&&-1<fv.indexOf(e)){for(;l!==null;){var i=Hl(l);if(i!==null&&Qm(i),i=qo(e,t,n,s),i===null&&lo(e,t,s,Vi,n),i===l)break;l=i}l!==null&&s.stopPropagation()}else lo(e,t,s,null,n)}}var Vi=null;function qo(e,t,n,s){if(Vi=null,e=Xc(s),e=Lr(e),e!==null)if(t=Br(e),t===null)e=null;else if(n=t.tag,n===13){if(e=Wm(t),e!==null)return e;e=null}else if(n===3){if(t.stateNode.current.memoizedState.isDehydrated)return t.tag===3?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Vi=e,null}function nh(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(rv()){case Kc:return 1;case qm:return 4;case $i:case sv:return 16;case Ym:return 536870912;default:return 16}default:return 16}}var Kn=null,eu=null,gi=null;function rh(){if(gi)return gi;var e,t=eu,n=t.length,s,l="value"in Kn?Kn.value:Kn.textContent,i=l.length;for(e=0;e<n&&t[e]===l[e];e++);var a=n-e;for(s=1;s<=a&&t[n-s]===l[i-s];s++);return gi=l.slice(e,1<s?1-s:void 0)}function ji(e){var t=e.keyCode;return"charCode"in e?(e=e.charCode,e===0&&t===13&&(e=13)):e=t,e===10&&(e=13),32<=e||e===13?e:0}function Kl(){return!0}function od(){return!1}function Gt(e){function t(n,s,l,i,a){this._reactName=n,this._targetInst=l,this.type=s,this.nativeEvent=i,this.target=a,this.currentTarget=null;for(var o in e)e.hasOwnProperty(o)&&(n=e[o],this[o]=n?n(i):i[o]);return this.isDefaultPrevented=(i.defaultPrevented!=null?i.defaultPrevented:i.returnValue===!1)?Kl:od,this.isPropagationStopped=od,this}return ze(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var n=this.nativeEvent;n&&(n.preventDefault?n.preventDefault():typeof n.returnValue!="unknown"&&(n.returnValue=!1),this.isDefaultPrevented=Kl)},stopPropagation:function(){var n=this.nativeEvent;n&&(n.stopPropagation?n.stopPropagation():typeof n.cancelBubble!="unknown"&&(n.cancelBubble=!0),this.isPropagationStopped=Kl)},persist:function(){},isPersistent:Kl}),t}var Is={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},tu=Gt(Is),bl=ze({},Is,{view:0,detail:0}),vv=Gt(bl),Ka,Qa,Fs,ya=ze({},bl,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:nu,button:0,buttons:0,relatedTarget:function(e){return e.relatedTarget===void 0?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==Fs&&(Fs&&e.type==="mousemove"?(Ka=e.screenX-Fs.screenX,Qa=e.screenY-Fs.screenY):Qa=Ka=0,Fs=e),Ka)},movementY:function(e){return"movementY"in e?e.movementY:Qa}}),cd=Gt(ya),Ev=ze({},ya,{dataTransfer:0}),gv=Gt(Ev),jv=ze({},bl,{relatedTarget:0}),Za=Gt(jv),Nv=ze({},Is,{animationName:0,elapsedTime:0,pseudoElement:0}),Sv=Gt(Nv),yv=ze({},Is,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),Cv=Gt(yv),Rv=ze({},Is,{data:0}),ud=Gt(Rv),wv={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Tv={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Lv={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Av(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):(e=Lv[e])?!!t[e]:!1}function nu(){return Av}var Iv=ze({},bl,{key:function(e){if(e.key){var t=wv[e.key]||e.key;if(t!=="Unidentified")return t}return e.type==="keypress"?(e=ji(e),e===13?"Enter":String.fromCharCode(e)):e.type==="keydown"||e.type==="keyup"?Tv[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:nu,charCode:function(e){return e.type==="keypress"?ji(e):0},keyCode:function(e){return e.type==="keydown"||e.type==="keyup"?e.keyCode:0},which:function(e){return e.type==="keypress"?ji(e):e.type==="keydown"||e.type==="keyup"?e.keyCode:0}}),kv=Gt(Iv),_v=ze({},ya,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),dd=Gt(_v),Ov=ze({},bl,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:nu}),Dv=Gt(Ov),Mv=ze({},Is,{propertyName:0,elapsedTime:0,pseudoElement:0}),Pv=Gt(Mv),Fv=ze({},ya,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Uv=Gt(Fv),bv=[9,13,27,32],ru=_n&&"CompositionEvent"in window,rl=null;_n&&"documentMode"in document&&(rl=document.documentMode);var Hv=_n&&"TextEvent"in window&&!rl,sh=_n&&(!ru||rl&&8<rl&&11>=rl),fd=String.fromCharCode(32),md=!1;function lh(e,t){switch(e){case"keyup":return bv.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function ih(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var ts=!1;function zv(e,t){switch(e){case"compositionend":return ih(t);case"keypress":return t.which!==32?null:(md=!0,fd);case"textInput":return e=t.data,e===fd&&md?null:e;default:return null}}function $v(e,t){if(ts)return e==="compositionend"||!ru&&lh(e,t)?(e=rh(),gi=eu=Kn=null,ts=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return sh&&t.locale!=="ko"?null:t.data;default:return null}}var Wv={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function hd(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t==="input"?!!Wv[e.type]:t==="textarea"}function ah(e,t,n,s){Um(s),t=Gi(t,"onChange"),0<t.length&&(n=new tu("onChange","change",null,n,s),e.push({event:n,listeners:t}))}var sl=null,jl=null;function Bv(e){Eh(e,0)}function Ca(e){var t=ss(e);if(km(t))return e}function Vv(e,t){if(e==="change")return t}var oh=!1;if(_n){var Ja;if(_n){var eo="oninput"in document;if(!eo){var pd=document.createElement("div");pd.setAttribute("oninput","return;"),eo=typeof pd.oninput=="function"}Ja=eo}else Ja=!1;oh=Ja&&(!document.documentMode||9<document.documentMode)}function xd(){sl&&(sl.detachEvent("onpropertychange",ch),jl=sl=null)}function ch(e){if(e.propertyName==="value"&&Ca(jl)){var t=[];ah(t,jl,e,Xc(e)),$m(Bv,t)}}function Gv(e,t,n){e==="focusin"?(xd(),sl=t,jl=n,sl.attachEvent("onpropertychange",ch)):e==="focusout"&&xd()}function qv(e){if(e==="selectionchange"||e==="keyup"||e==="keydown")return Ca(jl)}function Yv(e,t){if(e==="click")return Ca(t)}function Xv(e,t){if(e==="input"||e==="change")return Ca(t)}function Kv(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}var mn=typeof Object.is=="function"?Object.is:Kv;function Nl(e,t){if(mn(e,t))return!0;if(typeof e!="object"||e===null||typeof t!="object"||t===null)return!1;var n=Object.keys(e),s=Object.keys(t);if(n.length!==s.length)return!1;for(s=0;s<n.length;s++){var l=n[s];if(!Ao.call(t,l)||!mn(e[l],t[l]))return!1}return!0}function vd(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Ed(e,t){var n=vd(e);e=0;for(var s;n;){if(n.nodeType===3){if(s=e+n.textContent.length,e<=t&&s>=t)return{node:n,offset:t-e};e=s}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=vd(n)}}function uh(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?uh(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function dh(){for(var e=window,t=bi();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=bi(e.document)}return t}function su(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function Qv(e){var t=dh(),n=e.focusedElem,s=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&uh(n.ownerDocument.documentElement,n)){if(s!==null&&su(n)){if(t=s.start,e=s.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var l=n.textContent.length,i=Math.min(s.start,l);s=s.end===void 0?i:Math.min(s.end,l),!e.extend&&i>s&&(l=s,s=i,i=l),l=Ed(n,i);var a=Ed(n,s);l&&a&&(e.rangeCount!==1||e.anchorNode!==l.node||e.anchorOffset!==l.offset||e.focusNode!==a.node||e.focusOffset!==a.offset)&&(t=t.createRange(),t.setStart(l.node,l.offset),e.removeAllRanges(),i>s?(e.addRange(t),e.extend(a.node,a.offset)):(t.setEnd(a.node,a.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n<t.length;n++)e=t[n],e.element.scrollLeft=e.left,e.element.scrollTop=e.top}}var Zv=_n&&"documentMode"in document&&11>=document.documentMode,ns=null,Yo=null,ll=null,Xo=!1;function gd(e,t,n){var s=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Xo||ns==null||ns!==bi(s)||(s=ns,"selectionStart"in s&&su(s)?s={start:s.selectionStart,end:s.selectionEnd}:(s=(s.ownerDocument&&s.ownerDocument.defaultView||window).getSelection(),s={anchorNode:s.anchorNode,anchorOffset:s.anchorOffset,focusNode:s.focusNode,focusOffset:s.focusOffset}),ll&&Nl(ll,s)||(ll=s,s=Gi(Yo,"onSelect"),0<s.length&&(t=new tu("onSelect","select",null,t,n),e.push({event:t,listeners:s}),t.target=ns)))}function Ql(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var rs={animationend:Ql("Animation","AnimationEnd"),animationiteration:Ql("Animation","AnimationIteration"),animationstart:Ql("Animation","AnimationStart"),transitionend:Ql("Transition","TransitionEnd")},to={},fh={};_n&&(fh=document.createElement("div").style,"AnimationEvent"in window||(delete rs.animationend.animation,delete rs.animationiteration.animation,delete rs.animationstart.animation),"TransitionEvent"in window||delete rs.transitionend.transition);function Ra(e){if(to[e])return to[e];if(!rs[e])return e;var t=rs[e],n;for(n in t)if(t.hasOwnProperty(n)&&n in fh)return to[e]=t[n];return e}var mh=Ra("animationend"),hh=Ra("animationiteration"),ph=Ra("animationstart"),xh=Ra("transitionend"),vh=new Map,jd="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function pr(e,t){vh.set(e,t),Wr(t,[e])}for(var no=0;no<jd.length;no++){var ro=jd[no],Jv=ro.toLowerCase(),eE=ro[0].toUpperCase()+ro.slice(1);pr(Jv,"on"+eE)}pr(mh,"onAnimationEnd");pr(hh,"onAnimationIteration");pr(ph,"onAnimationStart");pr("dblclick","onDoubleClick");pr("focusin","onFocus");pr("focusout","onBlur");pr(xh,"onTransitionEnd");gs("onMouseEnter",["mouseout","mouseover"]);gs("onMouseLeave",["mouseout","mouseover"]);gs("onPointerEnter",["pointerout","pointerover"]);gs("onPointerLeave",["pointerout","pointerover"]);Wr("onChange","change click focusin focusout input keydown keyup selectionchange".split(" "));Wr("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));Wr("onBeforeInput",["compositionend","keypress","textInput","paste"]);Wr("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));Wr("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));Wr("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Qs="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),tE=new Set("cancel close invalid load scroll toggle".split(" ").concat(Qs));function Nd(e,t,n){var s=e.type||"unknown-event";e.currentTarget=n,Jx(s,t,void 0,e),e.currentTarget=null}function Eh(e,t){t=(t&4)!==0;for(var n=0;n<e.length;n++){var s=e[n],l=s.event;s=s.listeners;e:{var i=void 0;if(t)for(var a=s.length-1;0<=a;a--){var o=s[a],c=o.instance,u=o.currentTarget;if(o=o.listener,c!==i&&l.isPropagationStopped())break e;Nd(l,o,u),i=c}else for(a=0;a<s.length;a++){if(o=s[a],c=o.instance,u=o.currentTarget,o=o.listener,c!==i&&l.isPropagationStopped())break e;Nd(l,o,u),i=c}}}if(zi)throw e=Bo,zi=!1,Bo=null,e}function Ie(e,t){var n=t[ec];n===void 0&&(n=t[ec]=new Set);var s=e+"__bubble";n.has(s)||(gh(t,e,2,!1),n.add(s))}function so(e,t,n){var s=0;t&&(s|=4),gh(n,e,s,t)}var Zl="_reactListening"+Math.random().toString(36).slice(2);function Sl(e){if(!e[Zl]){e[Zl]=!0,wm.forEach(function(n){n!=="selectionchange"&&(tE.has(n)||so(n,!1,e),so(n,!0,e))});var t=e.nodeType===9?e:e.ownerDocument;t===null||t[Zl]||(t[Zl]=!0,so("selectionchange",!1,t))}}function gh(e,t,n,s){switch(nh(t)){case 1:var l=pv;break;case 4:l=xv;break;default:l=Jc}n=l.bind(null,t,n,e),l=void 0,!Wo||t!=="touchstart"&&t!=="touchmove"&&t!=="wheel"||(l=!0),s?l!==void 0?e.addEventListener(t,n,{capture:!0,passive:l}):e.addEventListener(t,n,!0):l!==void 0?e.addEventListener(t,n,{passive:l}):e.addEventListener(t,n,!1)}function lo(e,t,n,s,l){var i=s;if(!(t&1)&&!(t&2)&&s!==null)e:for(;;){if(s===null)return;var a=s.tag;if(a===3||a===4){var o=s.stateNode.containerInfo;if(o===l||o.nodeType===8&&o.parentNode===l)break;if(a===4)for(a=s.return;a!==null;){var c=a.tag;if((c===3||c===4)&&(c=a.stateNode.containerInfo,c===l||c.nodeType===8&&c.parentNode===l))return;a=a.return}for(;o!==null;){if(a=Lr(o),a===null)return;if(c=a.tag,c===5||c===6){s=i=a;continue e}o=o.parentNode}}s=s.return}$m(function(){var u=i,d=Xc(n),m=[];e:{var h=vh.get(e);if(h!==void 0){var E=tu,N=e;switch(e){case"keypress":if(ji(n)===0)break e;case"keydown":case"keyup":E=kv;break;case"focusin":N="focus",E=Za;break;case"focusout":N="blur",E=Za;break;case"beforeblur":case"afterblur":E=Za;break;case"click":if(n.button===2)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":E=cd;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":E=gv;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":E=Dv;break;case mh:case hh:case ph:E=Sv;break;case xh:E=Pv;break;case"scroll":E=vv;break;case"wheel":E=Uv;break;case"copy":case"cut":case"paste":E=Cv;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":E=dd}var v=(t&4)!==0,S=!v&&e==="scroll",p=v?h!==null?h+"Capture":null:h;v=[];for(var x=u,j;x!==null;){j=x;var y=j.stateNode;if(j.tag===5&&y!==null&&(j=y,p!==null&&(y=xl(x,p),y!=null&&v.push(yl(x,y,j)))),S)break;x=x.return}0<v.length&&(h=new E(h,N,null,n,d),m.push({event:h,listeners:v}))}}if(!(t&7)){e:{if(h=e==="mouseover"||e==="pointerover",E=e==="mouseout"||e==="pointerout",h&&n!==zo&&(N=n.relatedTarget||n.fromElement)&&(Lr(N)||N[On]))break e;if((E||h)&&(h=d.window===d?d:(h=d.ownerDocument)?h.defaultView||h.parentWindow:window,E?(N=n.relatedTarget||n.toElement,E=u,N=N?Lr(N):null,N!==null&&(S=Br(N),N!==S||N.tag!==5&&N.tag!==6)&&(N=null)):(E=null,N=u),E!==N)){if(v=cd,y="onMouseLeave",p="onMouseEnter",x="mouse",(e==="pointerout"||e==="pointerover")&&(v=dd,y="onPointerLeave",p="onPointerEnter",x="pointer"),S=E==null?h:ss(E),j=N==null?h:ss(N),h=new v(y,x+"leave",E,n,d),h.target=S,h.relatedTarget=j,y=null,Lr(d)===u&&(v=new v(p,x+"enter",N,n,d),v.target=j,v.relatedTarget=S,y=v),S=y,E&&N)t:{for(v=E,p=N,x=0,j=v;j;j=qr(j))x++;for(j=0,y=p;y;y=qr(y))j++;for(;0<x-j;)v=qr(v),x--;for(;0<j-x;)p=qr(p),j--;for(;x--;){if(v===p||p!==null&&v===p.alternate)break t;v=qr(v),p=qr(p)}v=null}else v=null;E!==null&&Sd(m,h,E,v,!1),N!==null&&S!==null&&Sd(m,S,N,v,!0)}}e:{if(h=u?ss(u):window,E=h.nodeName&&h.nodeName.toLowerCase(),E==="select"||E==="input"&&h.type==="file")var R=Vv;else if(hd(h))if(oh)R=Xv;else{R=qv;var L=Gv}else(E=h.nodeName)&&E.toLowerCase()==="input"&&(h.type==="checkbox"||h.type==="radio")&&(R=Yv);if(R&&(R=R(e,u))){ah(m,R,n,d);break e}L&&L(e,h,u),e==="focusout"&&(L=h._wrapperState)&&L.controlled&&h.type==="number"&&Po(h,"number",h.value)}switch(L=u?ss(u):window,e){case"focusin":(hd(L)||L.contentEditable==="true")&&(ns=L,Yo=u,ll=null);break;case"focusout":ll=Yo=ns=null;break;case"mousedown":Xo=!0;break;case"contextmenu":case"mouseup":case"dragend":Xo=!1,gd(m,n,d);break;case"selectionchange":if(Zv)break;case"keydown":case"keyup":gd(m,n,d)}var w;if(ru)e:{switch(e){case"compositionstart":var k="onCompositionStart";break e;case"compositionend":k="onCompositionEnd";break e;case"compositionupdate":k="onCompositionUpdate";break e}k=void 0}else ts?lh(e,n)&&(k="onCompositionEnd"):e==="keydown"&&n.keyCode===229&&(k="onCompositionStart");k&&(sh&&n.locale!=="ko"&&(ts||k!=="onCompositionStart"?k==="onCompositionEnd"&&ts&&(w=rh()):(Kn=d,eu="value"in Kn?Kn.value:Kn.textContent,ts=!0)),L=Gi(u,k),0<L.length&&(k=new ud(k,e,null,n,d),m.push({event:k,listeners:L}),w?k.data=w:(w=ih(n),w!==null&&(k.data=w)))),(w=Hv?zv(e,n):$v(e,n))&&(u=Gi(u,"onBeforeInput"),0<u.length&&(d=new ud("onBeforeInput","beforeinput",null,n,d),m.push({event:d,listeners:u}),d.data=w))}Eh(m,t)})}function yl(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Gi(e,t){for(var n=t+"Capture",s=[];e!==null;){var l=e,i=l.stateNode;l.tag===5&&i!==null&&(l=i,i=xl(e,n),i!=null&&s.unshift(yl(e,i,l)),i=xl(e,t),i!=null&&s.push(yl(e,i,l))),e=e.return}return s}function qr(e){if(e===null)return null;do e=e.return;while(e&&e.tag!==5);return e||null}function Sd(e,t,n,s,l){for(var i=t._reactName,a=[];n!==null&&n!==s;){var o=n,c=o.alternate,u=o.stateNode;if(c!==null&&c===s)break;o.tag===5&&u!==null&&(o=u,l?(c=xl(n,i),c!=null&&a.unshift(yl(n,c,o))):l||(c=xl(n,i),c!=null&&a.push(yl(n,c,o)))),n=n.return}a.length!==0&&e.push({event:t,listeners:a})}var nE=/\r\n?/g,rE=/\u0000|\uFFFD/g;function yd(e){return(typeof e=="string"?e:""+e).replace(nE,`
+`).replace(rE,"")}function Jl(e,t,n){if(t=yd(t),yd(e)!==t&&n)throw Error(b(425))}function qi(){}var Ko=null,Qo=null;function Zo(e,t){return e==="textarea"||e==="noscript"||typeof t.children=="string"||typeof t.children=="number"||typeof t.dangerouslySetInnerHTML=="object"&&t.dangerouslySetInnerHTML!==null&&t.dangerouslySetInnerHTML.__html!=null}var Jo=typeof setTimeout=="function"?setTimeout:void 0,sE=typeof clearTimeout=="function"?clearTimeout:void 0,Cd=typeof Promise=="function"?Promise:void 0,lE=typeof queueMicrotask=="function"?queueMicrotask:typeof Cd<"u"?function(e){return Cd.resolve(null).then(e).catch(iE)}:Jo;function iE(e){setTimeout(function(){throw e})}function io(e,t){var n=t,s=0;do{var l=n.nextSibling;if(e.removeChild(n),l&&l.nodeType===8)if(n=l.data,n==="/$"){if(s===0){e.removeChild(l),gl(t);return}s--}else n!=="$"&&n!=="$?"&&n!=="$!"||s++;n=l}while(n);gl(t)}function ar(e){for(;e!=null;e=e.nextSibling){var t=e.nodeType;if(t===1||t===3)break;if(t===8){if(t=e.data,t==="$"||t==="$!"||t==="$?")break;if(t==="/$")return null}}return e}function Rd(e){e=e.previousSibling;for(var t=0;e;){if(e.nodeType===8){var n=e.data;if(n==="$"||n==="$!"||n==="$?"){if(t===0)return e;t--}else n==="/$"&&t++}e=e.previousSibling}return null}var ks=Math.random().toString(36).slice(2),jn="__reactFiber$"+ks,Cl="__reactProps$"+ks,On="__reactContainer$"+ks,ec="__reactEvents$"+ks,aE="__reactListeners$"+ks,oE="__reactHandles$"+ks;function Lr(e){var t=e[jn];if(t)return t;for(var n=e.parentNode;n;){if(t=n[On]||n[jn]){if(n=t.alternate,t.child!==null||n!==null&&n.child!==null)for(e=Rd(e);e!==null;){if(n=e[jn])return n;e=Rd(e)}return t}e=n,n=e.parentNode}return null}function Hl(e){return e=e[jn]||e[On],!e||e.tag!==5&&e.tag!==6&&e.tag!==13&&e.tag!==3?null:e}function ss(e){if(e.tag===5||e.tag===6)return e.stateNode;throw Error(b(33))}function wa(e){return e[Cl]||null}var tc=[],ls=-1;function xr(e){return{current:e}}function Oe(e){0>ls||(e.current=tc[ls],tc[ls]=null,ls--)}function Le(e,t){ls++,tc[ls]=e.current,e.current=t}var hr={},ht=xr(hr),It=xr(!1),Ur=hr;function js(e,t){var n=e.type.contextTypes;if(!n)return hr;var s=e.stateNode;if(s&&s.__reactInternalMemoizedUnmaskedChildContext===t)return s.__reactInternalMemoizedMaskedChildContext;var l={},i;for(i in n)l[i]=t[i];return s&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=l),l}function kt(e){return e=e.childContextTypes,e!=null}function Yi(){Oe(It),Oe(ht)}function wd(e,t,n){if(ht.current!==hr)throw Error(b(168));Le(ht,t),Le(It,n)}function jh(e,t,n){var s=e.stateNode;if(t=t.childContextTypes,typeof s.getChildContext!="function")return n;s=s.getChildContext();for(var l in s)if(!(l in t))throw Error(b(108,Gx(e)||"Unknown",l));return ze({},n,s)}function Xi(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||hr,Ur=ht.current,Le(ht,e),Le(It,It.current),!0}function Td(e,t,n){var s=e.stateNode;if(!s)throw Error(b(169));n?(e=jh(e,t,Ur),s.__reactInternalMemoizedMergedChildContext=e,Oe(It),Oe(ht),Le(ht,e)):Oe(It),Le(It,n)}var wn=null,Ta=!1,ao=!1;function Nh(e){wn===null?wn=[e]:wn.push(e)}function cE(e){Ta=!0,Nh(e)}function vr(){if(!ao&&wn!==null){ao=!0;var e=0,t=ye;try{var n=wn;for(ye=1;e<n.length;e++){var s=n[e];do s=s(!0);while(s!==null)}wn=null,Ta=!1}catch(l){throw wn!==null&&(wn=wn.slice(e+1)),Gm(Kc,vr),l}finally{ye=t,ao=!1}}return null}var is=[],as=0,Ki=null,Qi=0,Kt=[],Qt=0,br=null,Ln=1,An="";function yr(e,t){is[as++]=Qi,is[as++]=Ki,Ki=e,Qi=t}function Sh(e,t,n){Kt[Qt++]=Ln,Kt[Qt++]=An,Kt[Qt++]=br,br=e;var s=Ln;e=An;var l=32-un(s)-1;s&=~(1<<l),n+=1;var i=32-un(t)+l;if(30<i){var a=l-l%5;i=(s&(1<<a)-1).toString(32),s>>=a,l-=a,Ln=1<<32-un(t)+l|n<<l|s,An=i+e}else Ln=1<<i|n<<l|s,An=e}function lu(e){e.return!==null&&(yr(e,1),Sh(e,1,0))}function iu(e){for(;e===Ki;)Ki=is[--as],is[as]=null,Qi=is[--as],is[as]=null;for(;e===br;)br=Kt[--Qt],Kt[Qt]=null,An=Kt[--Qt],Kt[Qt]=null,Ln=Kt[--Qt],Kt[Qt]=null}var $t=null,Ht=null,Me=!1,on=null;function yh(e,t){var n=Jt(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,t=e.deletions,t===null?(e.deletions=[n],e.flags|=16):t.push(n)}function Ld(e,t){switch(e.tag){case 5:var n=e.type;return t=t.nodeType!==1||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t,t!==null?(e.stateNode=t,$t=e,Ht=ar(t.firstChild),!0):!1;case 6:return t=e.pendingProps===""||t.nodeType!==3?null:t,t!==null?(e.stateNode=t,$t=e,Ht=null,!0):!1;case 13:return t=t.nodeType!==8?null:t,t!==null?(n=br!==null?{id:Ln,overflow:An}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},n=Jt(18,null,null,0),n.stateNode=t,n.return=e,e.child=n,$t=e,Ht=null,!0):!1;default:return!1}}function nc(e){return(e.mode&1)!==0&&(e.flags&128)===0}function rc(e){if(Me){var t=Ht;if(t){var n=t;if(!Ld(e,t)){if(nc(e))throw Error(b(418));t=ar(n.nextSibling);var s=$t;t&&Ld(e,t)?yh(s,n):(e.flags=e.flags&-4097|2,Me=!1,$t=e)}}else{if(nc(e))throw Error(b(418));e.flags=e.flags&-4097|2,Me=!1,$t=e}}}function Ad(e){for(e=e.return;e!==null&&e.tag!==5&&e.tag!==3&&e.tag!==13;)e=e.return;$t=e}function ei(e){if(e!==$t)return!1;if(!Me)return Ad(e),Me=!0,!1;var t;if((t=e.tag!==3)&&!(t=e.tag!==5)&&(t=e.type,t=t!=="head"&&t!=="body"&&!Zo(e.type,e.memoizedProps)),t&&(t=Ht)){if(nc(e))throw Ch(),Error(b(418));for(;t;)yh(e,t),t=ar(t.nextSibling)}if(Ad(e),e.tag===13){if(e=e.memoizedState,e=e!==null?e.dehydrated:null,!e)throw Error(b(317));e:{for(e=e.nextSibling,t=0;e;){if(e.nodeType===8){var n=e.data;if(n==="/$"){if(t===0){Ht=ar(e.nextSibling);break e}t--}else n!=="$"&&n!=="$!"&&n!=="$?"||t++}e=e.nextSibling}Ht=null}}else Ht=$t?ar(e.stateNode.nextSibling):null;return!0}function Ch(){for(var e=Ht;e;)e=ar(e.nextSibling)}function Ns(){Ht=$t=null,Me=!1}function au(e){on===null?on=[e]:on.push(e)}var uE=Pn.ReactCurrentBatchConfig;function ln(e,t){if(e&&e.defaultProps){t=ze({},t),e=e.defaultProps;for(var n in e)t[n]===void 0&&(t[n]=e[n]);return t}return t}var Zi=xr(null),Ji=null,os=null,ou=null;function cu(){ou=os=Ji=null}function uu(e){var t=Zi.current;Oe(Zi),e._currentValue=t}function sc(e,t,n){for(;e!==null;){var s=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,s!==null&&(s.childLanes|=t)):s!==null&&(s.childLanes&t)!==t&&(s.childLanes|=t),e===n)break;e=e.return}}function xs(e,t){Ji=e,ou=os=null,e=e.dependencies,e!==null&&e.firstContext!==null&&(e.lanes&t&&(At=!0),e.firstContext=null)}function tn(e){var t=e._currentValue;if(ou!==e)if(e={context:e,memoizedValue:t,next:null},os===null){if(Ji===null)throw Error(b(308));os=e,Ji.dependencies={lanes:0,firstContext:e}}else os=os.next=e;return t}var Ar=null;function du(e){Ar===null?Ar=[e]:Ar.push(e)}function Rh(e,t,n,s){var l=t.interleaved;return l===null?(n.next=n,du(t)):(n.next=l.next,l.next=n),t.interleaved=n,Dn(e,s)}function Dn(e,t){e.lanes|=t;var n=e.alternate;for(n!==null&&(n.lanes|=t),n=e,e=e.return;e!==null;)e.childLanes|=t,n=e.alternate,n!==null&&(n.childLanes|=t),n=e,e=e.return;return n.tag===3?n.stateNode:null}var Vn=!1;function fu(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function wh(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function kn(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function or(e,t,n){var s=e.updateQueue;if(s===null)return null;if(s=s.shared,Ee&2){var l=s.pending;return l===null?t.next=t:(t.next=l.next,l.next=t),s.pending=t,Dn(e,n)}return l=s.interleaved,l===null?(t.next=t,du(s)):(t.next=l.next,l.next=t),s.interleaved=t,Dn(e,n)}function Ni(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194240)!==0)){var s=t.lanes;s&=e.pendingLanes,n|=s,t.lanes=n,Qc(e,n)}}function Id(e,t){var n=e.updateQueue,s=e.alternate;if(s!==null&&(s=s.updateQueue,n===s)){var l=null,i=null;if(n=n.firstBaseUpdate,n!==null){do{var a={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};i===null?l=i=a:i=i.next=a,n=n.next}while(n!==null);i===null?l=i=t:i=i.next=t}else l=i=t;n={baseState:s.baseState,firstBaseUpdate:l,lastBaseUpdate:i,shared:s.shared,effects:s.effects},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function ea(e,t,n,s){var l=e.updateQueue;Vn=!1;var i=l.firstBaseUpdate,a=l.lastBaseUpdate,o=l.shared.pending;if(o!==null){l.shared.pending=null;var c=o,u=c.next;c.next=null,a===null?i=u:a.next=u,a=c;var d=e.alternate;d!==null&&(d=d.updateQueue,o=d.lastBaseUpdate,o!==a&&(o===null?d.firstBaseUpdate=u:o.next=u,d.lastBaseUpdate=c))}if(i!==null){var m=l.baseState;a=0,d=u=c=null,o=i;do{var h=o.lane,E=o.eventTime;if((s&h)===h){d!==null&&(d=d.next={eventTime:E,lane:0,tag:o.tag,payload:o.payload,callback:o.callback,next:null});e:{var N=e,v=o;switch(h=t,E=n,v.tag){case 1:if(N=v.payload,typeof N=="function"){m=N.call(E,m,h);break e}m=N;break e;case 3:N.flags=N.flags&-65537|128;case 0:if(N=v.payload,h=typeof N=="function"?N.call(E,m,h):N,h==null)break e;m=ze({},m,h);break e;case 2:Vn=!0}}o.callback!==null&&o.lane!==0&&(e.flags|=64,h=l.effects,h===null?l.effects=[o]:h.push(o))}else E={eventTime:E,lane:h,tag:o.tag,payload:o.payload,callback:o.callback,next:null},d===null?(u=d=E,c=m):d=d.next=E,a|=h;if(o=o.next,o===null){if(o=l.shared.pending,o===null)break;h=o,o=h.next,h.next=null,l.lastBaseUpdate=h,l.shared.pending=null}}while(1);if(d===null&&(c=m),l.baseState=c,l.firstBaseUpdate=u,l.lastBaseUpdate=d,t=l.shared.interleaved,t!==null){l=t;do a|=l.lane,l=l.next;while(l!==t)}else i===null&&(l.shared.lanes=0);zr|=a,e.lanes=a,e.memoizedState=m}}function kd(e,t,n){if(e=t.effects,t.effects=null,e!==null)for(t=0;t<e.length;t++){var s=e[t],l=s.callback;if(l!==null){if(s.callback=null,s=n,typeof l!="function")throw Error(b(191,l));l.call(s)}}}var Th=new Rm.Component().refs;function lc(e,t,n,s){t=e.memoizedState,n=n(s,t),n=n==null?t:ze({},t,n),e.memoizedState=n,e.lanes===0&&(e.updateQueue.baseState=n)}var La={isMounted:function(e){return(e=e._reactInternals)?Br(e)===e:!1},enqueueSetState:function(e,t,n){e=e._reactInternals;var s=gt(),l=ur(e),i=kn(s,l);i.payload=t,n!=null&&(i.callback=n),t=or(e,i,l),t!==null&&(dn(t,e,l,s),Ni(t,e,l))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var s=gt(),l=ur(e),i=kn(s,l);i.tag=1,i.payload=t,n!=null&&(i.callback=n),t=or(e,i,l),t!==null&&(dn(t,e,l,s),Ni(t,e,l))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=gt(),s=ur(e),l=kn(n,s);l.tag=2,t!=null&&(l.callback=t),t=or(e,l,s),t!==null&&(dn(t,e,s,n),Ni(t,e,s))}};function _d(e,t,n,s,l,i,a){return e=e.stateNode,typeof e.shouldComponentUpdate=="function"?e.shouldComponentUpdate(s,i,a):t.prototype&&t.prototype.isPureReactComponent?!Nl(n,s)||!Nl(l,i):!0}function Lh(e,t,n){var s=!1,l=hr,i=t.contextType;return typeof i=="object"&&i!==null?i=tn(i):(l=kt(t)?Ur:ht.current,s=t.contextTypes,i=(s=s!=null)?js(e,l):hr),t=new t(n,i),e.memoizedState=t.state!==null&&t.state!==void 0?t.state:null,t.updater=La,e.stateNode=t,t._reactInternals=e,s&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=l,e.__reactInternalMemoizedMaskedChildContext=i),t}function Od(e,t,n,s){e=t.state,typeof t.componentWillReceiveProps=="function"&&t.componentWillReceiveProps(n,s),typeof t.UNSAFE_componentWillReceiveProps=="function"&&t.UNSAFE_componentWillReceiveProps(n,s),t.state!==e&&La.enqueueReplaceState(t,t.state,null)}function ic(e,t,n,s){var l=e.stateNode;l.props=n,l.state=e.memoizedState,l.refs=Th,fu(e);var i=t.contextType;typeof i=="object"&&i!==null?l.context=tn(i):(i=kt(t)?Ur:ht.current,l.context=js(e,i)),l.state=e.memoizedState,i=t.getDerivedStateFromProps,typeof i=="function"&&(lc(e,t,i,n),l.state=e.memoizedState),typeof t.getDerivedStateFromProps=="function"||typeof l.getSnapshotBeforeUpdate=="function"||typeof l.UNSAFE_componentWillMount!="function"&&typeof l.componentWillMount!="function"||(t=l.state,typeof l.componentWillMount=="function"&&l.componentWillMount(),typeof l.UNSAFE_componentWillMount=="function"&&l.UNSAFE_componentWillMount(),t!==l.state&&La.enqueueReplaceState(l,l.state,null),ea(e,n,l,s),l.state=e.memoizedState),typeof l.componentDidMount=="function"&&(e.flags|=4194308)}function Us(e,t,n){if(e=n.ref,e!==null&&typeof e!="function"&&typeof e!="object"){if(n._owner){if(n=n._owner,n){if(n.tag!==1)throw Error(b(309));var s=n.stateNode}if(!s)throw Error(b(147,e));var l=s,i=""+e;return t!==null&&t.ref!==null&&typeof t.ref=="function"&&t.ref._stringRef===i?t.ref:(t=function(a){var o=l.refs;o===Th&&(o=l.refs={}),a===null?delete o[i]:o[i]=a},t._stringRef=i,t)}if(typeof e!="string")throw Error(b(284));if(!n._owner)throw Error(b(290,e))}return e}function ti(e,t){throw e=Object.prototype.toString.call(t),Error(b(31,e==="[object Object]"?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function Dd(e){var t=e._init;return t(e._payload)}function Ah(e){function t(p,x){if(e){var j=p.deletions;j===null?(p.deletions=[x],p.flags|=16):j.push(x)}}function n(p,x){if(!e)return null;for(;x!==null;)t(p,x),x=x.sibling;return null}function s(p,x){for(p=new Map;x!==null;)x.key!==null?p.set(x.key,x):p.set(x.index,x),x=x.sibling;return p}function l(p,x){return p=dr(p,x),p.index=0,p.sibling=null,p}function i(p,x,j){return p.index=j,e?(j=p.alternate,j!==null?(j=j.index,j<x?(p.flags|=2,x):j):(p.flags|=2,x)):(p.flags|=1048576,x)}function a(p){return e&&p.alternate===null&&(p.flags|=2),p}function o(p,x,j,y){return x===null||x.tag!==6?(x=po(j,p.mode,y),x.return=p,x):(x=l(x,j),x.return=p,x)}function c(p,x,j,y){var R=j.type;return R===es?d(p,x,j.props.children,y,j.key):x!==null&&(x.elementType===R||typeof R=="object"&&R!==null&&R.$$typeof===Bn&&Dd(R)===x.type)?(y=l(x,j.props),y.ref=Us(p,x,j),y.return=p,y):(y=Ti(j.type,j.key,j.props,null,p.mode,y),y.ref=Us(p,x,j),y.return=p,y)}function u(p,x,j,y){return x===null||x.tag!==4||x.stateNode.containerInfo!==j.containerInfo||x.stateNode.implementation!==j.implementation?(x=xo(j,p.mode,y),x.return=p,x):(x=l(x,j.children||[]),x.return=p,x)}function d(p,x,j,y,R){return x===null||x.tag!==7?(x=Mr(j,p.mode,y,R),x.return=p,x):(x=l(x,j),x.return=p,x)}function m(p,x,j){if(typeof x=="string"&&x!==""||typeof x=="number")return x=po(""+x,p.mode,j),x.return=p,x;if(typeof x=="object"&&x!==null){switch(x.$$typeof){case Bl:return j=Ti(x.type,x.key,x.props,null,p.mode,j),j.ref=Us(p,null,x),j.return=p,j;case Jr:return x=xo(x,p.mode,j),x.return=p,x;case Bn:var y=x._init;return m(p,y(x._payload),j)}if(Xs(x)||Os(x))return x=Mr(x,p.mode,j,null),x.return=p,x;ti(p,x)}return null}function h(p,x,j,y){var R=x!==null?x.key:null;if(typeof j=="string"&&j!==""||typeof j=="number")return R!==null?null:o(p,x,""+j,y);if(typeof j=="object"&&j!==null){switch(j.$$typeof){case Bl:return j.key===R?c(p,x,j,y):null;case Jr:return j.key===R?u(p,x,j,y):null;case Bn:return R=j._init,h(p,x,R(j._payload),y)}if(Xs(j)||Os(j))return R!==null?null:d(p,x,j,y,null);ti(p,j)}return null}function E(p,x,j,y,R){if(typeof y=="string"&&y!==""||typeof y=="number")return p=p.get(j)||null,o(x,p,""+y,R);if(typeof y=="object"&&y!==null){switch(y.$$typeof){case Bl:return p=p.get(y.key===null?j:y.key)||null,c(x,p,y,R);case Jr:return p=p.get(y.key===null?j:y.key)||null,u(x,p,y,R);case Bn:var L=y._init;return E(p,x,j,L(y._payload),R)}if(Xs(y)||Os(y))return p=p.get(j)||null,d(x,p,y,R,null);ti(x,y)}return null}function N(p,x,j,y){for(var R=null,L=null,w=x,k=x=0,U=null;w!==null&&k<j.length;k++){w.index>k?(U=w,w=null):U=w.sibling;var F=h(p,w,j[k],y);if(F===null){w===null&&(w=U);break}e&&w&&F.alternate===null&&t(p,w),x=i(F,x,k),L===null?R=F:L.sibling=F,L=F,w=U}if(k===j.length)return n(p,w),Me&&yr(p,k),R;if(w===null){for(;k<j.length;k++)w=m(p,j[k],y),w!==null&&(x=i(w,x,k),L===null?R=w:L.sibling=w,L=w);return Me&&yr(p,k),R}for(w=s(p,w);k<j.length;k++)U=E(w,p,k,j[k],y),U!==null&&(e&&U.alternate!==null&&w.delete(U.key===null?k:U.key),x=i(U,x,k),L===null?R=U:L.sibling=U,L=U);return e&&w.forEach(function(se){return t(p,se)}),Me&&yr(p,k),R}function v(p,x,j,y){var R=Os(j);if(typeof R!="function")throw Error(b(150));if(j=R.call(j),j==null)throw Error(b(151));for(var L=R=null,w=x,k=x=0,U=null,F=j.next();w!==null&&!F.done;k++,F=j.next()){w.index>k?(U=w,w=null):U=w.sibling;var se=h(p,w,F.value,y);if(se===null){w===null&&(w=U);break}e&&w&&se.alternate===null&&t(p,w),x=i(se,x,k),L===null?R=se:L.sibling=se,L=se,w=U}if(F.done)return n(p,w),Me&&yr(p,k),R;if(w===null){for(;!F.done;k++,F=j.next())F=m(p,F.value,y),F!==null&&(x=i(F,x,k),L===null?R=F:L.sibling=F,L=F);return Me&&yr(p,k),R}for(w=s(p,w);!F.done;k++,F=j.next())F=E(w,p,k,F.value,y),F!==null&&(e&&F.alternate!==null&&w.delete(F.key===null?k:F.key),x=i(F,x,k),L===null?R=F:L.sibling=F,L=F);return e&&w.forEach(function(fe){return t(p,fe)}),Me&&yr(p,k),R}function S(p,x,j,y){if(typeof j=="object"&&j!==null&&j.type===es&&j.key===null&&(j=j.props.children),typeof j=="object"&&j!==null){switch(j.$$typeof){case Bl:e:{for(var R=j.key,L=x;L!==null;){if(L.key===R){if(R=j.type,R===es){if(L.tag===7){n(p,L.sibling),x=l(L,j.props.children),x.return=p,p=x;break e}}else if(L.elementType===R||typeof R=="object"&&R!==null&&R.$$typeof===Bn&&Dd(R)===L.type){n(p,L.sibling),x=l(L,j.props),x.ref=Us(p,L,j),x.return=p,p=x;break e}n(p,L);break}else t(p,L);L=L.sibling}j.type===es?(x=Mr(j.props.children,p.mode,y,j.key),x.return=p,p=x):(y=Ti(j.type,j.key,j.props,null,p.mode,y),y.ref=Us(p,x,j),y.return=p,p=y)}return a(p);case Jr:e:{for(L=j.key;x!==null;){if(x.key===L)if(x.tag===4&&x.stateNode.containerInfo===j.containerInfo&&x.stateNode.implementation===j.implementation){n(p,x.sibling),x=l(x,j.children||[]),x.return=p,p=x;break e}else{n(p,x);break}else t(p,x);x=x.sibling}x=xo(j,p.mode,y),x.return=p,p=x}return a(p);case Bn:return L=j._init,S(p,x,L(j._payload),y)}if(Xs(j))return N(p,x,j,y);if(Os(j))return v(p,x,j,y);ti(p,j)}return typeof j=="string"&&j!==""||typeof j=="number"?(j=""+j,x!==null&&x.tag===6?(n(p,x.sibling),x=l(x,j),x.return=p,p=x):(n(p,x),x=po(j,p.mode,y),x.return=p,p=x),a(p)):n(p,x)}return S}var Ss=Ah(!0),Ih=Ah(!1),zl={},Sn=xr(zl),Rl=xr(zl),wl=xr(zl);function Ir(e){if(e===zl)throw Error(b(174));return e}function mu(e,t){switch(Le(wl,t),Le(Rl,e),Le(Sn,zl),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:Uo(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=Uo(t,e)}Oe(Sn),Le(Sn,t)}function ys(){Oe(Sn),Oe(Rl),Oe(wl)}function kh(e){Ir(wl.current);var t=Ir(Sn.current),n=Uo(t,e.type);t!==n&&(Le(Rl,e),Le(Sn,n))}function hu(e){Rl.current===e&&(Oe(Sn),Oe(Rl))}var Ue=xr(0);function ta(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data==="$?"||n.data==="$!"))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if(t.flags&128)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var oo=[];function pu(){for(var e=0;e<oo.length;e++)oo[e]._workInProgressVersionPrimary=null;oo.length=0}var Si=Pn.ReactCurrentDispatcher,co=Pn.ReactCurrentBatchConfig,Hr=0,He=null,et=null,rt=null,na=!1,il=!1,Tl=0,dE=0;function ut(){throw Error(b(321))}function xu(e,t){if(t===null)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!mn(e[n],t[n]))return!1;return!0}function vu(e,t,n,s,l,i){if(Hr=i,He=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,Si.current=e===null||e.memoizedState===null?pE:xE,e=n(s,l),il){i=0;do{if(il=!1,Tl=0,25<=i)throw Error(b(301));i+=1,rt=et=null,t.updateQueue=null,Si.current=vE,e=n(s,l)}while(il)}if(Si.current=ra,t=et!==null&&et.next!==null,Hr=0,rt=et=He=null,na=!1,t)throw Error(b(300));return e}function Eu(){var e=Tl!==0;return Tl=0,e}function gn(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return rt===null?He.memoizedState=rt=e:rt=rt.next=e,rt}function nn(){if(et===null){var e=He.alternate;e=e!==null?e.memoizedState:null}else e=et.next;var t=rt===null?He.memoizedState:rt.next;if(t!==null)rt=t,et=e;else{if(e===null)throw Error(b(310));et=e,e={memoizedState:et.memoizedState,baseState:et.baseState,baseQueue:et.baseQueue,queue:et.queue,next:null},rt===null?He.memoizedState=rt=e:rt=rt.next=e}return rt}function Ll(e,t){return typeof t=="function"?t(e):t}function uo(e){var t=nn(),n=t.queue;if(n===null)throw Error(b(311));n.lastRenderedReducer=e;var s=et,l=s.baseQueue,i=n.pending;if(i!==null){if(l!==null){var a=l.next;l.next=i.next,i.next=a}s.baseQueue=l=i,n.pending=null}if(l!==null){i=l.next,s=s.baseState;var o=a=null,c=null,u=i;do{var d=u.lane;if((Hr&d)===d)c!==null&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),s=u.hasEagerState?u.eagerState:e(s,u.action);else{var m={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};c===null?(o=c=m,a=s):c=c.next=m,He.lanes|=d,zr|=d}u=u.next}while(u!==null&&u!==i);c===null?a=s:c.next=o,mn(s,t.memoizedState)||(At=!0),t.memoizedState=s,t.baseState=a,t.baseQueue=c,n.lastRenderedState=s}if(e=n.interleaved,e!==null){l=e;do i=l.lane,He.lanes|=i,zr|=i,l=l.next;while(l!==e)}else l===null&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function fo(e){var t=nn(),n=t.queue;if(n===null)throw Error(b(311));n.lastRenderedReducer=e;var s=n.dispatch,l=n.pending,i=t.memoizedState;if(l!==null){n.pending=null;var a=l=l.next;do i=e(i,a.action),a=a.next;while(a!==l);mn(i,t.memoizedState)||(At=!0),t.memoizedState=i,t.baseQueue===null&&(t.baseState=i),n.lastRenderedState=i}return[i,s]}function _h(){}function Oh(e,t){var n=He,s=nn(),l=t(),i=!mn(s.memoizedState,l);if(i&&(s.memoizedState=l,At=!0),s=s.queue,gu(Ph.bind(null,n,s,e),[e]),s.getSnapshot!==t||i||rt!==null&&rt.memoizedState.tag&1){if(n.flags|=2048,Al(9,Mh.bind(null,n,s,l,t),void 0,null),st===null)throw Error(b(349));Hr&30||Dh(n,t,l)}return l}function Dh(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},t=He.updateQueue,t===null?(t={lastEffect:null,stores:null},He.updateQueue=t,t.stores=[e]):(n=t.stores,n===null?t.stores=[e]:n.push(e))}function Mh(e,t,n,s){t.value=n,t.getSnapshot=s,Fh(t)&&Uh(e)}function Ph(e,t,n){return n(function(){Fh(t)&&Uh(e)})}function Fh(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!mn(e,n)}catch{return!0}}function Uh(e){var t=Dn(e,1);t!==null&&dn(t,e,1,-1)}function Md(e){var t=gn();return typeof e=="function"&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:Ll,lastRenderedState:e},t.queue=e,e=e.dispatch=hE.bind(null,He,e),[t.memoizedState,e]}function Al(e,t,n,s){return e={tag:e,create:t,destroy:n,deps:s,next:null},t=He.updateQueue,t===null?(t={lastEffect:null,stores:null},He.updateQueue=t,t.lastEffect=e.next=e):(n=t.lastEffect,n===null?t.lastEffect=e.next=e:(s=n.next,n.next=e,e.next=s,t.lastEffect=e)),e}function bh(){return nn().memoizedState}function yi(e,t,n,s){var l=gn();He.flags|=e,l.memoizedState=Al(1|t,n,void 0,s===void 0?null:s)}function Aa(e,t,n,s){var l=nn();s=s===void 0?null:s;var i=void 0;if(et!==null){var a=et.memoizedState;if(i=a.destroy,s!==null&&xu(s,a.deps)){l.memoizedState=Al(t,n,i,s);return}}He.flags|=e,l.memoizedState=Al(1|t,n,i,s)}function Pd(e,t){return yi(8390656,8,e,t)}function gu(e,t){return Aa(2048,8,e,t)}function Hh(e,t){return Aa(4,2,e,t)}function zh(e,t){return Aa(4,4,e,t)}function $h(e,t){if(typeof t=="function")return e=e(),t(e),function(){t(null)};if(t!=null)return e=e(),t.current=e,function(){t.current=null}}function Wh(e,t,n){return n=n!=null?n.concat([e]):null,Aa(4,4,$h.bind(null,t,e),n)}function ju(){}function Bh(e,t){var n=nn();t=t===void 0?null:t;var s=n.memoizedState;return s!==null&&t!==null&&xu(t,s[1])?s[0]:(n.memoizedState=[e,t],e)}function Vh(e,t){var n=nn();t=t===void 0?null:t;var s=n.memoizedState;return s!==null&&t!==null&&xu(t,s[1])?s[0]:(e=e(),n.memoizedState=[e,t],e)}function Gh(e,t,n){return Hr&21?(mn(n,t)||(n=Xm(),He.lanes|=n,zr|=n,e.baseState=!0),t):(e.baseState&&(e.baseState=!1,At=!0),e.memoizedState=n)}function fE(e,t){var n=ye;ye=n!==0&&4>n?n:4,e(!0);var s=co.transition;co.transition={};try{e(!1),t()}finally{ye=n,co.transition=s}}function qh(){return nn().memoizedState}function mE(e,t,n){var s=ur(e);if(n={lane:s,action:n,hasEagerState:!1,eagerState:null,next:null},Yh(e))Xh(t,n);else if(n=Rh(e,t,n,s),n!==null){var l=gt();dn(n,e,s,l),Kh(n,t,s)}}function hE(e,t,n){var s=ur(e),l={lane:s,action:n,hasEagerState:!1,eagerState:null,next:null};if(Yh(e))Xh(t,l);else{var i=e.alternate;if(e.lanes===0&&(i===null||i.lanes===0)&&(i=t.lastRenderedReducer,i!==null))try{var a=t.lastRenderedState,o=i(a,n);if(l.hasEagerState=!0,l.eagerState=o,mn(o,a)){var c=t.interleaved;c===null?(l.next=l,du(t)):(l.next=c.next,c.next=l),t.interleaved=l;return}}catch{}finally{}n=Rh(e,t,l,s),n!==null&&(l=gt(),dn(n,e,s,l),Kh(n,t,s))}}function Yh(e){var t=e.alternate;return e===He||t!==null&&t===He}function Xh(e,t){il=na=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Kh(e,t,n){if(n&4194240){var s=t.lanes;s&=e.pendingLanes,n|=s,t.lanes=n,Qc(e,n)}}var ra={readContext:tn,useCallback:ut,useContext:ut,useEffect:ut,useImperativeHandle:ut,useInsertionEffect:ut,useLayoutEffect:ut,useMemo:ut,useReducer:ut,useRef:ut,useState:ut,useDebugValue:ut,useDeferredValue:ut,useTransition:ut,useMutableSource:ut,useSyncExternalStore:ut,useId:ut,unstable_isNewReconciler:!1},pE={readContext:tn,useCallback:function(e,t){return gn().memoizedState=[e,t===void 0?null:t],e},useContext:tn,useEffect:Pd,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,yi(4194308,4,$h.bind(null,t,e),n)},useLayoutEffect:function(e,t){return yi(4194308,4,e,t)},useInsertionEffect:function(e,t){return yi(4,2,e,t)},useMemo:function(e,t){var n=gn();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var s=gn();return t=n!==void 0?n(t):t,s.memoizedState=s.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},s.queue=e,e=e.dispatch=mE.bind(null,He,e),[s.memoizedState,e]},useRef:function(e){var t=gn();return e={current:e},t.memoizedState=e},useState:Md,useDebugValue:ju,useDeferredValue:function(e){return gn().memoizedState=e},useTransition:function(){var e=Md(!1),t=e[0];return e=fE.bind(null,e[1]),gn().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var s=He,l=gn();if(Me){if(n===void 0)throw Error(b(407));n=n()}else{if(n=t(),st===null)throw Error(b(349));Hr&30||Dh(s,t,n)}l.memoizedState=n;var i={value:n,getSnapshot:t};return l.queue=i,Pd(Ph.bind(null,s,i,e),[e]),s.flags|=2048,Al(9,Mh.bind(null,s,i,n,t),void 0,null),n},useId:function(){var e=gn(),t=st.identifierPrefix;if(Me){var n=An,s=Ln;n=(s&~(1<<32-un(s)-1)).toString(32)+n,t=":"+t+"R"+n,n=Tl++,0<n&&(t+="H"+n.toString(32)),t+=":"}else n=dE++,t=":"+t+"r"+n.toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},xE={readContext:tn,useCallback:Bh,useContext:tn,useEffect:gu,useImperativeHandle:Wh,useInsertionEffect:Hh,useLayoutEffect:zh,useMemo:Vh,useReducer:uo,useRef:bh,useState:function(){return uo(Ll)},useDebugValue:ju,useDeferredValue:function(e){var t=nn();return Gh(t,et.memoizedState,e)},useTransition:function(){var e=uo(Ll)[0],t=nn().memoizedState;return[e,t]},useMutableSource:_h,useSyncExternalStore:Oh,useId:qh,unstable_isNewReconciler:!1},vE={readContext:tn,useCallback:Bh,useContext:tn,useEffect:gu,useImperativeHandle:Wh,useInsertionEffect:Hh,useLayoutEffect:zh,useMemo:Vh,useReducer:fo,useRef:bh,useState:function(){return fo(Ll)},useDebugValue:ju,useDeferredValue:function(e){var t=nn();return et===null?t.memoizedState=e:Gh(t,et.memoizedState,e)},useTransition:function(){var e=fo(Ll)[0],t=nn().memoizedState;return[e,t]},useMutableSource:_h,useSyncExternalStore:Oh,useId:qh,unstable_isNewReconciler:!1};function Cs(e,t){try{var n="",s=t;do n+=Vx(s),s=s.return;while(s);var l=n}catch(i){l=`
+Error generating stack: `+i.message+`
+`+i.stack}return{value:e,source:t,stack:l,digest:null}}function mo(e,t,n){return{value:e,source:null,stack:n??null,digest:t??null}}function ac(e,t){try{console.error(t.value)}catch(n){setTimeout(function(){throw n})}}var EE=typeof WeakMap=="function"?WeakMap:Map;function Qh(e,t,n){n=kn(-1,n),n.tag=3,n.payload={element:null};var s=t.value;return n.callback=function(){la||(la=!0,vc=s),ac(e,t)},n}function Zh(e,t,n){n=kn(-1,n),n.tag=3;var s=e.type.getDerivedStateFromError;if(typeof s=="function"){var l=t.value;n.payload=function(){return s(l)},n.callback=function(){ac(e,t)}}var i=e.stateNode;return i!==null&&typeof i.componentDidCatch=="function"&&(n.callback=function(){ac(e,t),typeof s!="function"&&(cr===null?cr=new Set([this]):cr.add(this));var a=t.stack;this.componentDidCatch(t.value,{componentStack:a!==null?a:""})}),n}function Fd(e,t,n){var s=e.pingCache;if(s===null){s=e.pingCache=new EE;var l=new Set;s.set(t,l)}else l=s.get(t),l===void 0&&(l=new Set,s.set(t,l));l.has(n)||(l.add(n),e=_E.bind(null,e,t,n),t.then(e,e))}function Ud(e){do{var t;if((t=e.tag===13)&&(t=e.memoizedState,t=t!==null?t.dehydrated!==null:!0),t)return e;e=e.return}while(e!==null);return null}function bd(e,t,n,s,l){return e.mode&1?(e.flags|=65536,e.lanes=l,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,n.tag===1&&(n.alternate===null?n.tag=17:(t=kn(-1,1),t.tag=2,or(n,t,1))),n.lanes|=1),e)}var gE=Pn.ReactCurrentOwner,At=!1;function vt(e,t,n,s){t.child=e===null?Ih(t,null,n,s):Ss(t,e.child,n,s)}function Hd(e,t,n,s,l){n=n.render;var i=t.ref;return xs(t,l),s=vu(e,t,n,s,i,l),n=Eu(),e!==null&&!At?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~l,Mn(e,t,l)):(Me&&n&&lu(t),t.flags|=1,vt(e,t,s,l),t.child)}function zd(e,t,n,s,l){if(e===null){var i=n.type;return typeof i=="function"&&!Lu(i)&&i.defaultProps===void 0&&n.compare===null&&n.defaultProps===void 0?(t.tag=15,t.type=i,Jh(e,t,i,s,l)):(e=Ti(n.type,null,s,t,t.mode,l),e.ref=t.ref,e.return=t,t.child=e)}if(i=e.child,!(e.lanes&l)){var a=i.memoizedProps;if(n=n.compare,n=n!==null?n:Nl,n(a,s)&&e.ref===t.ref)return Mn(e,t,l)}return t.flags|=1,e=dr(i,s),e.ref=t.ref,e.return=t,t.child=e}function Jh(e,t,n,s,l){if(e!==null){var i=e.memoizedProps;if(Nl(i,s)&&e.ref===t.ref)if(At=!1,t.pendingProps=s=i,(e.lanes&l)!==0)e.flags&131072&&(At=!0);else return t.lanes=e.lanes,Mn(e,t,l)}return oc(e,t,n,s,l)}function ep(e,t,n){var s=t.pendingProps,l=s.children,i=e!==null?e.memoizedState:null;if(s.mode==="hidden")if(!(t.mode&1))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},Le(us,Ft),Ft|=n;else{if(!(n&1073741824))return e=i!==null?i.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,Le(us,Ft),Ft|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},s=i!==null?i.baseLanes:n,Le(us,Ft),Ft|=s}else i!==null?(s=i.baseLanes|n,t.memoizedState=null):s=n,Le(us,Ft),Ft|=s;return vt(e,t,l,n),t.child}function tp(e,t){var n=t.ref;(e===null&&n!==null||e!==null&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function oc(e,t,n,s,l){var i=kt(n)?Ur:ht.current;return i=js(t,i),xs(t,l),n=vu(e,t,n,s,i,l),s=Eu(),e!==null&&!At?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~l,Mn(e,t,l)):(Me&&s&&lu(t),t.flags|=1,vt(e,t,n,l),t.child)}function $d(e,t,n,s,l){if(kt(n)){var i=!0;Xi(t)}else i=!1;if(xs(t,l),t.stateNode===null)Ci(e,t),Lh(t,n,s),ic(t,n,s,l),s=!0;else if(e===null){var a=t.stateNode,o=t.memoizedProps;a.props=o;var c=a.context,u=n.contextType;typeof u=="object"&&u!==null?u=tn(u):(u=kt(n)?Ur:ht.current,u=js(t,u));var d=n.getDerivedStateFromProps,m=typeof d=="function"||typeof a.getSnapshotBeforeUpdate=="function";m||typeof a.UNSAFE_componentWillReceiveProps!="function"&&typeof a.componentWillReceiveProps!="function"||(o!==s||c!==u)&&Od(t,a,s,u),Vn=!1;var h=t.memoizedState;a.state=h,ea(t,s,a,l),c=t.memoizedState,o!==s||h!==c||It.current||Vn?(typeof d=="function"&&(lc(t,n,d,s),c=t.memoizedState),(o=Vn||_d(t,n,o,s,h,c,u))?(m||typeof a.UNSAFE_componentWillMount!="function"&&typeof a.componentWillMount!="function"||(typeof a.componentWillMount=="function"&&a.componentWillMount(),typeof a.UNSAFE_componentWillMount=="function"&&a.UNSAFE_componentWillMount()),typeof a.componentDidMount=="function"&&(t.flags|=4194308)):(typeof a.componentDidMount=="function"&&(t.flags|=4194308),t.memoizedProps=s,t.memoizedState=c),a.props=s,a.state=c,a.context=u,s=o):(typeof a.componentDidMount=="function"&&(t.flags|=4194308),s=!1)}else{a=t.stateNode,wh(e,t),o=t.memoizedProps,u=t.type===t.elementType?o:ln(t.type,o),a.props=u,m=t.pendingProps,h=a.context,c=n.contextType,typeof c=="object"&&c!==null?c=tn(c):(c=kt(n)?Ur:ht.current,c=js(t,c));var E=n.getDerivedStateFromProps;(d=typeof E=="function"||typeof a.getSnapshotBeforeUpdate=="function")||typeof a.UNSAFE_componentWillReceiveProps!="function"&&typeof a.componentWillReceiveProps!="function"||(o!==m||h!==c)&&Od(t,a,s,c),Vn=!1,h=t.memoizedState,a.state=h,ea(t,s,a,l);var N=t.memoizedState;o!==m||h!==N||It.current||Vn?(typeof E=="function"&&(lc(t,n,E,s),N=t.memoizedState),(u=Vn||_d(t,n,u,s,h,N,c)||!1)?(d||typeof a.UNSAFE_componentWillUpdate!="function"&&typeof a.componentWillUpdate!="function"||(typeof a.componentWillUpdate=="function"&&a.componentWillUpdate(s,N,c),typeof a.UNSAFE_componentWillUpdate=="function"&&a.UNSAFE_componentWillUpdate(s,N,c)),typeof a.componentDidUpdate=="function"&&(t.flags|=4),typeof a.getSnapshotBeforeUpdate=="function"&&(t.flags|=1024)):(typeof a.componentDidUpdate!="function"||o===e.memoizedProps&&h===e.memoizedState||(t.flags|=4),typeof a.getSnapshotBeforeUpdate!="function"||o===e.memoizedProps&&h===e.memoizedState||(t.flags|=1024),t.memoizedProps=s,t.memoizedState=N),a.props=s,a.state=N,a.context=c,s=u):(typeof a.componentDidUpdate!="function"||o===e.memoizedProps&&h===e.memoizedState||(t.flags|=4),typeof a.getSnapshotBeforeUpdate!="function"||o===e.memoizedProps&&h===e.memoizedState||(t.flags|=1024),s=!1)}return cc(e,t,n,s,i,l)}function cc(e,t,n,s,l,i){tp(e,t);var a=(t.flags&128)!==0;if(!s&&!a)return l&&Td(t,n,!1),Mn(e,t,i);s=t.stateNode,gE.current=t;var o=a&&typeof n.getDerivedStateFromError!="function"?null:s.render();return t.flags|=1,e!==null&&a?(t.child=Ss(t,e.child,null,i),t.child=Ss(t,null,o,i)):vt(e,t,o,i),t.memoizedState=s.state,l&&Td(t,n,!0),t.child}function np(e){var t=e.stateNode;t.pendingContext?wd(e,t.pendingContext,t.pendingContext!==t.context):t.context&&wd(e,t.context,!1),mu(e,t.containerInfo)}function Wd(e,t,n,s,l){return Ns(),au(l),t.flags|=256,vt(e,t,n,s),t.child}var uc={dehydrated:null,treeContext:null,retryLane:0};function dc(e){return{baseLanes:e,cachePool:null,transitions:null}}function rp(e,t,n){var s=t.pendingProps,l=Ue.current,i=!1,a=(t.flags&128)!==0,o;if((o=a)||(o=e!==null&&e.memoizedState===null?!1:(l&2)!==0),o?(i=!0,t.flags&=-129):(e===null||e.memoizedState!==null)&&(l|=1),Le(Ue,l&1),e===null)return rc(t),e=t.memoizedState,e!==null&&(e=e.dehydrated,e!==null)?(t.mode&1?e.data==="$!"?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(a=s.children,e=s.fallback,i?(s=t.mode,i=t.child,a={mode:"hidden",children:a},!(s&1)&&i!==null?(i.childLanes=0,i.pendingProps=a):i=_a(a,s,0,null),e=Mr(e,s,n,null),i.return=t,e.return=t,i.sibling=e,t.child=i,t.child.memoizedState=dc(n),t.memoizedState=uc,e):Nu(t,a));if(l=e.memoizedState,l!==null&&(o=l.dehydrated,o!==null))return jE(e,t,a,s,o,l,n);if(i){i=s.fallback,a=t.mode,l=e.child,o=l.sibling;var c={mode:"hidden",children:s.children};return!(a&1)&&t.child!==l?(s=t.child,s.childLanes=0,s.pendingProps=c,t.deletions=null):(s=dr(l,c),s.subtreeFlags=l.subtreeFlags&14680064),o!==null?i=dr(o,i):(i=Mr(i,a,n,null),i.flags|=2),i.return=t,s.return=t,s.sibling=i,t.child=s,s=i,i=t.child,a=e.child.memoizedState,a=a===null?dc(n):{baseLanes:a.baseLanes|n,cachePool:null,transitions:a.transitions},i.memoizedState=a,i.childLanes=e.childLanes&~n,t.memoizedState=uc,s}return i=e.child,e=i.sibling,s=dr(i,{mode:"visible",children:s.children}),!(t.mode&1)&&(s.lanes=n),s.return=t,s.sibling=null,e!==null&&(n=t.deletions,n===null?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=s,t.memoizedState=null,s}function Nu(e,t){return t=_a({mode:"visible",children:t},e.mode,0,null),t.return=e,e.child=t}function ni(e,t,n,s){return s!==null&&au(s),Ss(t,e.child,null,n),e=Nu(t,t.pendingProps.children),e.flags|=2,t.memoizedState=null,e}function jE(e,t,n,s,l,i,a){if(n)return t.flags&256?(t.flags&=-257,s=mo(Error(b(422))),ni(e,t,a,s)):t.memoizedState!==null?(t.child=e.child,t.flags|=128,null):(i=s.fallback,l=t.mode,s=_a({mode:"visible",children:s.children},l,0,null),i=Mr(i,l,a,null),i.flags|=2,s.return=t,i.return=t,s.sibling=i,t.child=s,t.mode&1&&Ss(t,e.child,null,a),t.child.memoizedState=dc(a),t.memoizedState=uc,i);if(!(t.mode&1))return ni(e,t,a,null);if(l.data==="$!"){if(s=l.nextSibling&&l.nextSibling.dataset,s)var o=s.dgst;return s=o,i=Error(b(419)),s=mo(i,s,void 0),ni(e,t,a,s)}if(o=(a&e.childLanes)!==0,At||o){if(s=st,s!==null){switch(a&-a){case 4:l=2;break;case 16:l=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:l=32;break;case 536870912:l=268435456;break;default:l=0}l=l&(s.suspendedLanes|a)?0:l,l!==0&&l!==i.retryLane&&(i.retryLane=l,Dn(e,l),dn(s,e,l,-1))}return Tu(),s=mo(Error(b(421))),ni(e,t,a,s)}return l.data==="$?"?(t.flags|=128,t.child=e.child,t=OE.bind(null,e),l._reactRetry=t,null):(e=i.treeContext,Ht=ar(l.nextSibling),$t=t,Me=!0,on=null,e!==null&&(Kt[Qt++]=Ln,Kt[Qt++]=An,Kt[Qt++]=br,Ln=e.id,An=e.overflow,br=t),t=Nu(t,s.children),t.flags|=4096,t)}function Bd(e,t,n){e.lanes|=t;var s=e.alternate;s!==null&&(s.lanes|=t),sc(e.return,t,n)}function ho(e,t,n,s,l){var i=e.memoizedState;i===null?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:s,tail:n,tailMode:l}:(i.isBackwards=t,i.rendering=null,i.renderingStartTime=0,i.last=s,i.tail=n,i.tailMode=l)}function sp(e,t,n){var s=t.pendingProps,l=s.revealOrder,i=s.tail;if(vt(e,t,s.children,n),s=Ue.current,s&2)s=s&1|2,t.flags|=128;else{if(e!==null&&e.flags&128)e:for(e=t.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&Bd(e,n,t);else if(e.tag===19)Bd(e,n,t);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;e.sibling===null;){if(e.return===null||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}s&=1}if(Le(Ue,s),!(t.mode&1))t.memoizedState=null;else switch(l){case"forwards":for(n=t.child,l=null;n!==null;)e=n.alternate,e!==null&&ta(e)===null&&(l=n),n=n.sibling;n=l,n===null?(l=t.child,t.child=null):(l=n.sibling,n.sibling=null),ho(t,!1,l,n,i);break;case"backwards":for(n=null,l=t.child,t.child=null;l!==null;){if(e=l.alternate,e!==null&&ta(e)===null){t.child=l;break}e=l.sibling,l.sibling=n,n=l,l=e}ho(t,!0,n,null,i);break;case"together":ho(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function Ci(e,t){!(t.mode&1)&&e!==null&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Mn(e,t,n){if(e!==null&&(t.dependencies=e.dependencies),zr|=t.lanes,!(n&t.childLanes))return null;if(e!==null&&t.child!==e.child)throw Error(b(153));if(t.child!==null){for(e=t.child,n=dr(e,e.pendingProps),t.child=n,n.return=t;e.sibling!==null;)e=e.sibling,n=n.sibling=dr(e,e.pendingProps),n.return=t;n.sibling=null}return t.child}function NE(e,t,n){switch(t.tag){case 3:np(t),Ns();break;case 5:kh(t);break;case 1:kt(t.type)&&Xi(t);break;case 4:mu(t,t.stateNode.containerInfo);break;case 10:var s=t.type._context,l=t.memoizedProps.value;Le(Zi,s._currentValue),s._currentValue=l;break;case 13:if(s=t.memoizedState,s!==null)return s.dehydrated!==null?(Le(Ue,Ue.current&1),t.flags|=128,null):n&t.child.childLanes?rp(e,t,n):(Le(Ue,Ue.current&1),e=Mn(e,t,n),e!==null?e.sibling:null);Le(Ue,Ue.current&1);break;case 19:if(s=(n&t.childLanes)!==0,e.flags&128){if(s)return sp(e,t,n);t.flags|=128}if(l=t.memoizedState,l!==null&&(l.rendering=null,l.tail=null,l.lastEffect=null),Le(Ue,Ue.current),s)break;return null;case 22:case 23:return t.lanes=0,ep(e,t,n)}return Mn(e,t,n)}var lp,fc,ip,ap;lp=function(e,t){for(var n=t.child;n!==null;){if(n.tag===5||n.tag===6)e.appendChild(n.stateNode);else if(n.tag!==4&&n.child!==null){n.child.return=n,n=n.child;continue}if(n===t)break;for(;n.sibling===null;){if(n.return===null||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}};fc=function(){};ip=function(e,t,n,s){var l=e.memoizedProps;if(l!==s){e=t.stateNode,Ir(Sn.current);var i=null;switch(n){case"input":l=Do(e,l),s=Do(e,s),i=[];break;case"select":l=ze({},l,{value:void 0}),s=ze({},s,{value:void 0}),i=[];break;case"textarea":l=Fo(e,l),s=Fo(e,s),i=[];break;default:typeof l.onClick!="function"&&typeof s.onClick=="function"&&(e.onclick=qi)}bo(n,s);var a;n=null;for(u in l)if(!s.hasOwnProperty(u)&&l.hasOwnProperty(u)&&l[u]!=null)if(u==="style"){var o=l[u];for(a in o)o.hasOwnProperty(a)&&(n||(n={}),n[a]="")}else u!=="dangerouslySetInnerHTML"&&u!=="children"&&u!=="suppressContentEditableWarning"&&u!=="suppressHydrationWarning"&&u!=="autoFocus"&&(hl.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in s){var c=s[u];if(o=l!=null?l[u]:void 0,s.hasOwnProperty(u)&&c!==o&&(c!=null||o!=null))if(u==="style")if(o){for(a in o)!o.hasOwnProperty(a)||c&&c.hasOwnProperty(a)||(n||(n={}),n[a]="");for(a in c)c.hasOwnProperty(a)&&o[a]!==c[a]&&(n||(n={}),n[a]=c[a])}else n||(i||(i=[]),i.push(u,n)),n=c;else u==="dangerouslySetInnerHTML"?(c=c?c.__html:void 0,o=o?o.__html:void 0,c!=null&&o!==c&&(i=i||[]).push(u,c)):u==="children"?typeof c!="string"&&typeof c!="number"||(i=i||[]).push(u,""+c):u!=="suppressContentEditableWarning"&&u!=="suppressHydrationWarning"&&(hl.hasOwnProperty(u)?(c!=null&&u==="onScroll"&&Ie("scroll",e),i||o===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}};ap=function(e,t,n,s){n!==s&&(t.flags|=4)};function bs(e,t){if(!Me)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;t!==null;)t.alternate!==null&&(n=t),t=t.sibling;n===null?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var s=null;n!==null;)n.alternate!==null&&(s=n),n=n.sibling;s===null?t||e.tail===null?e.tail=null:e.tail.sibling=null:s.sibling=null}}function dt(e){var t=e.alternate!==null&&e.alternate.child===e.child,n=0,s=0;if(t)for(var l=e.child;l!==null;)n|=l.lanes|l.childLanes,s|=l.subtreeFlags&14680064,s|=l.flags&14680064,l.return=e,l=l.sibling;else for(l=e.child;l!==null;)n|=l.lanes|l.childLanes,s|=l.subtreeFlags,s|=l.flags,l.return=e,l=l.sibling;return e.subtreeFlags|=s,e.childLanes=n,t}function SE(e,t,n){var s=t.pendingProps;switch(iu(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return dt(t),null;case 1:return kt(t.type)&&Yi(),dt(t),null;case 3:return s=t.stateNode,ys(),Oe(It),Oe(ht),pu(),s.pendingContext&&(s.context=s.pendingContext,s.pendingContext=null),(e===null||e.child===null)&&(ei(t)?t.flags|=4:e===null||e.memoizedState.isDehydrated&&!(t.flags&256)||(t.flags|=1024,on!==null&&(jc(on),on=null))),fc(e,t),dt(t),null;case 5:hu(t);var l=Ir(wl.current);if(n=t.type,e!==null&&t.stateNode!=null)ip(e,t,n,s,l),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!s){if(t.stateNode===null)throw Error(b(166));return dt(t),null}if(e=Ir(Sn.current),ei(t)){s=t.stateNode,n=t.type;var i=t.memoizedProps;switch(s[jn]=t,s[Cl]=i,e=(t.mode&1)!==0,n){case"dialog":Ie("cancel",s),Ie("close",s);break;case"iframe":case"object":case"embed":Ie("load",s);break;case"video":case"audio":for(l=0;l<Qs.length;l++)Ie(Qs[l],s);break;case"source":Ie("error",s);break;case"img":case"image":case"link":Ie("error",s),Ie("load",s);break;case"details":Ie("toggle",s);break;case"input":Ju(s,i),Ie("invalid",s);break;case"select":s._wrapperState={wasMultiple:!!i.multiple},Ie("invalid",s);break;case"textarea":td(s,i),Ie("invalid",s)}bo(n,i),l=null;for(var a in i)if(i.hasOwnProperty(a)){var o=i[a];a==="children"?typeof o=="string"?s.textContent!==o&&(i.suppressHydrationWarning!==!0&&Jl(s.textContent,o,e),l=["children",o]):typeof o=="number"&&s.textContent!==""+o&&(i.suppressHydrationWarning!==!0&&Jl(s.textContent,o,e),l=["children",""+o]):hl.hasOwnProperty(a)&&o!=null&&a==="onScroll"&&Ie("scroll",s)}switch(n){case"input":Vl(s),ed(s,i,!0);break;case"textarea":Vl(s),nd(s);break;case"select":case"option":break;default:typeof i.onClick=="function"&&(s.onclick=qi)}s=l,t.updateQueue=s,s!==null&&(t.flags|=4)}else{a=l.nodeType===9?l:l.ownerDocument,e==="http://www.w3.org/1999/xhtml"&&(e=Dm(n)),e==="http://www.w3.org/1999/xhtml"?n==="script"?(e=a.createElement("div"),e.innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):typeof s.is=="string"?e=a.createElement(n,{is:s.is}):(e=a.createElement(n),n==="select"&&(a=e,s.multiple?a.multiple=!0:s.size&&(a.size=s.size))):e=a.createElementNS(e,n),e[jn]=t,e[Cl]=s,lp(e,t,!1,!1),t.stateNode=e;e:{switch(a=Ho(n,s),n){case"dialog":Ie("cancel",e),Ie("close",e),l=s;break;case"iframe":case"object":case"embed":Ie("load",e),l=s;break;case"video":case"audio":for(l=0;l<Qs.length;l++)Ie(Qs[l],e);l=s;break;case"source":Ie("error",e),l=s;break;case"img":case"image":case"link":Ie("error",e),Ie("load",e),l=s;break;case"details":Ie("toggle",e),l=s;break;case"input":Ju(e,s),l=Do(e,s),Ie("invalid",e);break;case"option":l=s;break;case"select":e._wrapperState={wasMultiple:!!s.multiple},l=ze({},s,{value:void 0}),Ie("invalid",e);break;case"textarea":td(e,s),l=Fo(e,s),Ie("invalid",e);break;default:l=s}bo(n,l),o=l;for(i in o)if(o.hasOwnProperty(i)){var c=o[i];i==="style"?Fm(e,c):i==="dangerouslySetInnerHTML"?(c=c?c.__html:void 0,c!=null&&Mm(e,c)):i==="children"?typeof c=="string"?(n!=="textarea"||c!=="")&&pl(e,c):typeof c=="number"&&pl(e,""+c):i!=="suppressContentEditableWarning"&&i!=="suppressHydrationWarning"&&i!=="autoFocus"&&(hl.hasOwnProperty(i)?c!=null&&i==="onScroll"&&Ie("scroll",e):c!=null&&Vc(e,i,c,a))}switch(n){case"input":Vl(e),ed(e,s,!1);break;case"textarea":Vl(e),nd(e);break;case"option":s.value!=null&&e.setAttribute("value",""+mr(s.value));break;case"select":e.multiple=!!s.multiple,i=s.value,i!=null?fs(e,!!s.multiple,i,!1):s.defaultValue!=null&&fs(e,!!s.multiple,s.defaultValue,!0);break;default:typeof l.onClick=="function"&&(e.onclick=qi)}switch(n){case"button":case"input":case"select":case"textarea":s=!!s.autoFocus;break e;case"img":s=!0;break e;default:s=!1}}s&&(t.flags|=4)}t.ref!==null&&(t.flags|=512,t.flags|=2097152)}return dt(t),null;case 6:if(e&&t.stateNode!=null)ap(e,t,e.memoizedProps,s);else{if(typeof s!="string"&&t.stateNode===null)throw Error(b(166));if(n=Ir(wl.current),Ir(Sn.current),ei(t)){if(s=t.stateNode,n=t.memoizedProps,s[jn]=t,(i=s.nodeValue!==n)&&(e=$t,e!==null))switch(e.tag){case 3:Jl(s.nodeValue,n,(e.mode&1)!==0);break;case 5:e.memoizedProps.suppressHydrationWarning!==!0&&Jl(s.nodeValue,n,(e.mode&1)!==0)}i&&(t.flags|=4)}else s=(n.nodeType===9?n:n.ownerDocument).createTextNode(s),s[jn]=t,t.stateNode=s}return dt(t),null;case 13:if(Oe(Ue),s=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(Me&&Ht!==null&&t.mode&1&&!(t.flags&128))Ch(),Ns(),t.flags|=98560,i=!1;else if(i=ei(t),s!==null&&s.dehydrated!==null){if(e===null){if(!i)throw Error(b(318));if(i=t.memoizedState,i=i!==null?i.dehydrated:null,!i)throw Error(b(317));i[jn]=t}else Ns(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;dt(t),i=!1}else on!==null&&(jc(on),on=null),i=!0;if(!i)return t.flags&65536?t:null}return t.flags&128?(t.lanes=n,t):(s=s!==null,s!==(e!==null&&e.memoizedState!==null)&&s&&(t.child.flags|=8192,t.mode&1&&(e===null||Ue.current&1?tt===0&&(tt=3):Tu())),t.updateQueue!==null&&(t.flags|=4),dt(t),null);case 4:return ys(),fc(e,t),e===null&&Sl(t.stateNode.containerInfo),dt(t),null;case 10:return uu(t.type._context),dt(t),null;case 17:return kt(t.type)&&Yi(),dt(t),null;case 19:if(Oe(Ue),i=t.memoizedState,i===null)return dt(t),null;if(s=(t.flags&128)!==0,a=i.rendering,a===null)if(s)bs(i,!1);else{if(tt!==0||e!==null&&e.flags&128)for(e=t.child;e!==null;){if(a=ta(e),a!==null){for(t.flags|=128,bs(i,!1),s=a.updateQueue,s!==null&&(t.updateQueue=s,t.flags|=4),t.subtreeFlags=0,s=n,n=t.child;n!==null;)i=n,e=s,i.flags&=14680066,a=i.alternate,a===null?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=a.childLanes,i.lanes=a.lanes,i.child=a.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=a.memoizedProps,i.memoizedState=a.memoizedState,i.updateQueue=a.updateQueue,i.type=a.type,e=a.dependencies,i.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return Le(Ue,Ue.current&1|2),t.child}e=e.sibling}i.tail!==null&&qe()>Rs&&(t.flags|=128,s=!0,bs(i,!1),t.lanes=4194304)}else{if(!s)if(e=ta(a),e!==null){if(t.flags|=128,s=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),bs(i,!0),i.tail===null&&i.tailMode==="hidden"&&!a.alternate&&!Me)return dt(t),null}else 2*qe()-i.renderingStartTime>Rs&&n!==1073741824&&(t.flags|=128,s=!0,bs(i,!1),t.lanes=4194304);i.isBackwards?(a.sibling=t.child,t.child=a):(n=i.last,n!==null?n.sibling=a:t.child=a,i.last=a)}return i.tail!==null?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=qe(),t.sibling=null,n=Ue.current,Le(Ue,s?n&1|2:n&1),t):(dt(t),null);case 22:case 23:return wu(),s=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==s&&(t.flags|=8192),s&&t.mode&1?Ft&1073741824&&(dt(t),t.subtreeFlags&6&&(t.flags|=8192)):dt(t),null;case 24:return null;case 25:return null}throw Error(b(156,t.tag))}function yE(e,t){switch(iu(t),t.tag){case 1:return kt(t.type)&&Yi(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return ys(),Oe(It),Oe(ht),pu(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return hu(t),null;case 13:if(Oe(Ue),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(b(340));Ns()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return Oe(Ue),null;case 4:return ys(),null;case 10:return uu(t.type._context),null;case 22:case 23:return wu(),null;case 24:return null;default:return null}}var ri=!1,mt=!1,CE=typeof WeakSet=="function"?WeakSet:Set,B=null;function cs(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(s){$e(e,t,s)}else n.current=null}function mc(e,t,n){try{n()}catch(s){$e(e,t,s)}}var Vd=!1;function RE(e,t){if(Ko=Bi,e=dh(),su(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var s=n.getSelection&&n.getSelection();if(s&&s.rangeCount!==0){n=s.anchorNode;var l=s.anchorOffset,i=s.focusNode;s=s.focusOffset;try{n.nodeType,i.nodeType}catch{n=null;break e}var a=0,o=-1,c=-1,u=0,d=0,m=e,h=null;t:for(;;){for(var E;m!==n||l!==0&&m.nodeType!==3||(o=a+l),m!==i||s!==0&&m.nodeType!==3||(c=a+s),m.nodeType===3&&(a+=m.nodeValue.length),(E=m.firstChild)!==null;)h=m,m=E;for(;;){if(m===e)break t;if(h===n&&++u===l&&(o=a),h===i&&++d===s&&(c=a),(E=m.nextSibling)!==null)break;m=h,h=m.parentNode}m=E}n=o===-1||c===-1?null:{start:o,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(Qo={focusedElem:e,selectionRange:n},Bi=!1,B=t;B!==null;)if(t=B,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,B=e;else for(;B!==null;){t=B;try{var N=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(N!==null){var v=N.memoizedProps,S=N.memoizedState,p=t.stateNode,x=p.getSnapshotBeforeUpdate(t.elementType===t.type?v:ln(t.type,v),S);p.__reactInternalSnapshotBeforeUpdate=x}break;case 3:var j=t.stateNode.containerInfo;j.nodeType===1?j.textContent="":j.nodeType===9&&j.documentElement&&j.removeChild(j.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(b(163))}}catch(y){$e(t,t.return,y)}if(e=t.sibling,e!==null){e.return=t.return,B=e;break}B=t.return}return N=Vd,Vd=!1,N}function al(e,t,n){var s=t.updateQueue;if(s=s!==null?s.lastEffect:null,s!==null){var l=s=s.next;do{if((l.tag&e)===e){var i=l.destroy;l.destroy=void 0,i!==void 0&&mc(t,n,i)}l=l.next}while(l!==s)}}function Ia(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var s=n.create;n.destroy=s()}n=n.next}while(n!==t)}}function hc(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function op(e){var t=e.alternate;t!==null&&(e.alternate=null,op(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[jn],delete t[Cl],delete t[ec],delete t[aE],delete t[oE])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function cp(e){return e.tag===5||e.tag===3||e.tag===4}function Gd(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||cp(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function pc(e,t,n){var s=e.tag;if(s===5||s===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=qi));else if(s!==4&&(e=e.child,e!==null))for(pc(e,t,n),e=e.sibling;e!==null;)pc(e,t,n),e=e.sibling}function xc(e,t,n){var s=e.tag;if(s===5||s===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(s!==4&&(e=e.child,e!==null))for(xc(e,t,n),e=e.sibling;e!==null;)xc(e,t,n),e=e.sibling}var it=null,an=!1;function Fn(e,t,n){for(n=n.child;n!==null;)up(e,t,n),n=n.sibling}function up(e,t,n){if(Nn&&typeof Nn.onCommitFiberUnmount=="function")try{Nn.onCommitFiberUnmount(Sa,n)}catch{}switch(n.tag){case 5:mt||cs(n,t);case 6:var s=it,l=an;it=null,Fn(e,t,n),it=s,an=l,it!==null&&(an?(e=it,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):it.removeChild(n.stateNode));break;case 18:it!==null&&(an?(e=it,n=n.stateNode,e.nodeType===8?io(e.parentNode,n):e.nodeType===1&&io(e,n),gl(e)):io(it,n.stateNode));break;case 4:s=it,l=an,it=n.stateNode.containerInfo,an=!0,Fn(e,t,n),it=s,an=l;break;case 0:case 11:case 14:case 15:if(!mt&&(s=n.updateQueue,s!==null&&(s=s.lastEffect,s!==null))){l=s=s.next;do{var i=l,a=i.destroy;i=i.tag,a!==void 0&&(i&2||i&4)&&mc(n,t,a),l=l.next}while(l!==s)}Fn(e,t,n);break;case 1:if(!mt&&(cs(n,t),s=n.stateNode,typeof s.componentWillUnmount=="function"))try{s.props=n.memoizedProps,s.state=n.memoizedState,s.componentWillUnmount()}catch(o){$e(n,t,o)}Fn(e,t,n);break;case 21:Fn(e,t,n);break;case 22:n.mode&1?(mt=(s=mt)||n.memoizedState!==null,Fn(e,t,n),mt=s):Fn(e,t,n);break;default:Fn(e,t,n)}}function qd(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new CE),t.forEach(function(s){var l=DE.bind(null,e,s);n.has(s)||(n.add(s),s.then(l,l))})}}function sn(e,t){var n=t.deletions;if(n!==null)for(var s=0;s<n.length;s++){var l=n[s];try{var i=e,a=t,o=a;e:for(;o!==null;){switch(o.tag){case 5:it=o.stateNode,an=!1;break e;case 3:it=o.stateNode.containerInfo,an=!0;break e;case 4:it=o.stateNode.containerInfo,an=!0;break e}o=o.return}if(it===null)throw Error(b(160));up(i,a,l),it=null,an=!1;var c=l.alternate;c!==null&&(c.return=null),l.return=null}catch(u){$e(l,t,u)}}if(t.subtreeFlags&12854)for(t=t.child;t!==null;)dp(t,e),t=t.sibling}function dp(e,t){var n=e.alternate,s=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(sn(t,e),vn(e),s&4){try{al(3,e,e.return),Ia(3,e)}catch(v){$e(e,e.return,v)}try{al(5,e,e.return)}catch(v){$e(e,e.return,v)}}break;case 1:sn(t,e),vn(e),s&512&&n!==null&&cs(n,n.return);break;case 5:if(sn(t,e),vn(e),s&512&&n!==null&&cs(n,n.return),e.flags&32){var l=e.stateNode;try{pl(l,"")}catch(v){$e(e,e.return,v)}}if(s&4&&(l=e.stateNode,l!=null)){var i=e.memoizedProps,a=n!==null?n.memoizedProps:i,o=e.type,c=e.updateQueue;if(e.updateQueue=null,c!==null)try{o==="input"&&i.type==="radio"&&i.name!=null&&_m(l,i),Ho(o,a);var u=Ho(o,i);for(a=0;a<c.length;a+=2){var d=c[a],m=c[a+1];d==="style"?Fm(l,m):d==="dangerouslySetInnerHTML"?Mm(l,m):d==="children"?pl(l,m):Vc(l,d,m,u)}switch(o){case"input":Mo(l,i);break;case"textarea":Om(l,i);break;case"select":var h=l._wrapperState.wasMultiple;l._wrapperState.wasMultiple=!!i.multiple;var E=i.value;E!=null?fs(l,!!i.multiple,E,!1):h!==!!i.multiple&&(i.defaultValue!=null?fs(l,!!i.multiple,i.defaultValue,!0):fs(l,!!i.multiple,i.multiple?[]:"",!1))}l[Cl]=i}catch(v){$e(e,e.return,v)}}break;case 6:if(sn(t,e),vn(e),s&4){if(e.stateNode===null)throw Error(b(162));l=e.stateNode,i=e.memoizedProps;try{l.nodeValue=i}catch(v){$e(e,e.return,v)}}break;case 3:if(sn(t,e),vn(e),s&4&&n!==null&&n.memoizedState.isDehydrated)try{gl(t.containerInfo)}catch(v){$e(e,e.return,v)}break;case 4:sn(t,e),vn(e);break;case 13:sn(t,e),vn(e),l=e.child,l.flags&8192&&(i=l.memoizedState!==null,l.stateNode.isHidden=i,!i||l.alternate!==null&&l.alternate.memoizedState!==null||(Cu=qe())),s&4&&qd(e);break;case 22:if(d=n!==null&&n.memoizedState!==null,e.mode&1?(mt=(u=mt)||d,sn(t,e),mt=u):sn(t,e),vn(e),s&8192){if(u=e.memoizedState!==null,(e.stateNode.isHidden=u)&&!d&&e.mode&1)for(B=e,d=e.child;d!==null;){for(m=B=d;B!==null;){switch(h=B,E=h.child,h.tag){case 0:case 11:case 14:case 15:al(4,h,h.return);break;case 1:cs(h,h.return);var N=h.stateNode;if(typeof N.componentWillUnmount=="function"){s=h,n=h.return;try{t=s,N.props=t.memoizedProps,N.state=t.memoizedState,N.componentWillUnmount()}catch(v){$e(s,n,v)}}break;case 5:cs(h,h.return);break;case 22:if(h.memoizedState!==null){Xd(m);continue}}E!==null?(E.return=h,B=E):Xd(m)}d=d.sibling}e:for(d=null,m=e;;){if(m.tag===5){if(d===null){d=m;try{l=m.stateNode,u?(i=l.style,typeof i.setProperty=="function"?i.setProperty("display","none","important"):i.display="none"):(o=m.stateNode,c=m.memoizedProps.style,a=c!=null&&c.hasOwnProperty("display")?c.display:null,o.style.display=Pm("display",a))}catch(v){$e(e,e.return,v)}}}else if(m.tag===6){if(d===null)try{m.stateNode.nodeValue=u?"":m.memoizedProps}catch(v){$e(e,e.return,v)}}else if((m.tag!==22&&m.tag!==23||m.memoizedState===null||m===e)&&m.child!==null){m.child.return=m,m=m.child;continue}if(m===e)break e;for(;m.sibling===null;){if(m.return===null||m.return===e)break e;d===m&&(d=null),m=m.return}d===m&&(d=null),m.sibling.return=m.return,m=m.sibling}}break;case 19:sn(t,e),vn(e),s&4&&qd(e);break;case 21:break;default:sn(t,e),vn(e)}}function vn(e){var t=e.flags;if(t&2){try{e:{for(var n=e.return;n!==null;){if(cp(n)){var s=n;break e}n=n.return}throw Error(b(160))}switch(s.tag){case 5:var l=s.stateNode;s.flags&32&&(pl(l,""),s.flags&=-33);var i=Gd(e);xc(e,i,l);break;case 3:case 4:var a=s.stateNode.containerInfo,o=Gd(e);pc(e,o,a);break;default:throw Error(b(161))}}catch(c){$e(e,e.return,c)}e.flags&=-3}t&4096&&(e.flags&=-4097)}function wE(e,t,n){B=e,fp(e)}function fp(e,t,n){for(var s=(e.mode&1)!==0;B!==null;){var l=B,i=l.child;if(l.tag===22&&s){var a=l.memoizedState!==null||ri;if(!a){var o=l.alternate,c=o!==null&&o.memoizedState!==null||mt;o=ri;var u=mt;if(ri=a,(mt=c)&&!u)for(B=l;B!==null;)a=B,c=a.child,a.tag===22&&a.memoizedState!==null?Kd(l):c!==null?(c.return=a,B=c):Kd(l);for(;i!==null;)B=i,fp(i),i=i.sibling;B=l,ri=o,mt=u}Yd(e)}else l.subtreeFlags&8772&&i!==null?(i.return=l,B=i):Yd(e)}}function Yd(e){for(;B!==null;){var t=B;if(t.flags&8772){var n=t.alternate;try{if(t.flags&8772)switch(t.tag){case 0:case 11:case 15:mt||Ia(5,t);break;case 1:var s=t.stateNode;if(t.flags&4&&!mt)if(n===null)s.componentDidMount();else{var l=t.elementType===t.type?n.memoizedProps:ln(t.type,n.memoizedProps);s.componentDidUpdate(l,n.memoizedState,s.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;i!==null&&kd(t,i,s);break;case 3:var a=t.updateQueue;if(a!==null){if(n=null,t.child!==null)switch(t.child.tag){case 5:n=t.child.stateNode;break;case 1:n=t.child.stateNode}kd(t,a,n)}break;case 5:var o=t.stateNode;if(n===null&&t.flags&4){n=o;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:break;case 4:break;case 12:break;case 13:if(t.memoizedState===null){var u=t.alternate;if(u!==null){var d=u.memoizedState;if(d!==null){var m=d.dehydrated;m!==null&&gl(m)}}}break;case 19:case 17:case 21:case 22:case 23:case 25:break;default:throw Error(b(163))}mt||t.flags&512&&hc(t)}catch(h){$e(t,t.return,h)}}if(t===e){B=null;break}if(n=t.sibling,n!==null){n.return=t.return,B=n;break}B=t.return}}function Xd(e){for(;B!==null;){var t=B;if(t===e){B=null;break}var n=t.sibling;if(n!==null){n.return=t.return,B=n;break}B=t.return}}function Kd(e){for(;B!==null;){var t=B;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{Ia(4,t)}catch(c){$e(t,n,c)}break;case 1:var s=t.stateNode;if(typeof s.componentDidMount=="function"){var l=t.return;try{s.componentDidMount()}catch(c){$e(t,l,c)}}var i=t.return;try{hc(t)}catch(c){$e(t,i,c)}break;case 5:var a=t.return;try{hc(t)}catch(c){$e(t,a,c)}}}catch(c){$e(t,t.return,c)}if(t===e){B=null;break}var o=t.sibling;if(o!==null){o.return=t.return,B=o;break}B=t.return}}var TE=Math.ceil,sa=Pn.ReactCurrentDispatcher,Su=Pn.ReactCurrentOwner,en=Pn.ReactCurrentBatchConfig,Ee=0,st=null,Qe=null,ot=0,Ft=0,us=xr(0),tt=0,Il=null,zr=0,ka=0,yu=0,ol=null,wt=null,Cu=0,Rs=1/0,Cn=null,la=!1,vc=null,cr=null,si=!1,Qn=null,ia=0,cl=0,Ec=null,Ri=-1,wi=0;function gt(){return Ee&6?qe():Ri!==-1?Ri:Ri=qe()}function ur(e){return e.mode&1?Ee&2&&ot!==0?ot&-ot:uE.transition!==null?(wi===0&&(wi=Xm()),wi):(e=ye,e!==0||(e=window.event,e=e===void 0?16:nh(e.type)),e):1}function dn(e,t,n,s){if(50<cl)throw cl=0,Ec=null,Error(b(185));Ul(e,n,s),(!(Ee&2)||e!==st)&&(e===st&&(!(Ee&2)&&(ka|=n),tt===4&&Xn(e,ot)),_t(e,s),n===1&&Ee===0&&!(t.mode&1)&&(Rs=qe()+500,Ta&&vr()))}function _t(e,t){var n=e.callbackNode;uv(e,t);var s=Wi(e,e===st?ot:0);if(s===0)n!==null&&ld(n),e.callbackNode=null,e.callbackPriority=0;else if(t=s&-s,e.callbackPriority!==t){if(n!=null&&ld(n),t===1)e.tag===0?cE(Qd.bind(null,e)):Nh(Qd.bind(null,e)),lE(function(){!(Ee&6)&&vr()}),n=null;else{switch(Km(s)){case 1:n=Kc;break;case 4:n=qm;break;case 16:n=$i;break;case 536870912:n=Ym;break;default:n=$i}n=jp(n,mp.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function mp(e,t){if(Ri=-1,wi=0,Ee&6)throw Error(b(327));var n=e.callbackNode;if(vs()&&e.callbackNode!==n)return null;var s=Wi(e,e===st?ot:0);if(s===0)return null;if(s&30||s&e.expiredLanes||t)t=aa(e,s);else{t=s;var l=Ee;Ee|=2;var i=pp();(st!==e||ot!==t)&&(Cn=null,Rs=qe()+500,Dr(e,t));do try{IE();break}catch(o){hp(e,o)}while(1);cu(),sa.current=i,Ee=l,Qe!==null?t=0:(st=null,ot=0,t=tt)}if(t!==0){if(t===2&&(l=Vo(e),l!==0&&(s=l,t=gc(e,l))),t===1)throw n=Il,Dr(e,0),Xn(e,s),_t(e,qe()),n;if(t===6)Xn(e,s);else{if(l=e.current.alternate,!(s&30)&&!LE(l)&&(t=aa(e,s),t===2&&(i=Vo(e),i!==0&&(s=i,t=gc(e,i))),t===1))throw n=Il,Dr(e,0),Xn(e,s),_t(e,qe()),n;switch(e.finishedWork=l,e.finishedLanes=s,t){case 0:case 1:throw Error(b(345));case 2:Cr(e,wt,Cn);break;case 3:if(Xn(e,s),(s&130023424)===s&&(t=Cu+500-qe(),10<t)){if(Wi(e,0)!==0)break;if(l=e.suspendedLanes,(l&s)!==s){gt(),e.pingedLanes|=e.suspendedLanes&l;break}e.timeoutHandle=Jo(Cr.bind(null,e,wt,Cn),t);break}Cr(e,wt,Cn);break;case 4:if(Xn(e,s),(s&4194240)===s)break;for(t=e.eventTimes,l=-1;0<s;){var a=31-un(s);i=1<<a,a=t[a],a>l&&(l=a),s&=~i}if(s=l,s=qe()-s,s=(120>s?120:480>s?480:1080>s?1080:1920>s?1920:3e3>s?3e3:4320>s?4320:1960*TE(s/1960))-s,10<s){e.timeoutHandle=Jo(Cr.bind(null,e,wt,Cn),s);break}Cr(e,wt,Cn);break;case 5:Cr(e,wt,Cn);break;default:throw Error(b(329))}}}return _t(e,qe()),e.callbackNode===n?mp.bind(null,e):null}function gc(e,t){var n=ol;return e.current.memoizedState.isDehydrated&&(Dr(e,t).flags|=256),e=aa(e,t),e!==2&&(t=wt,wt=n,t!==null&&jc(t)),e}function jc(e){wt===null?wt=e:wt.push.apply(wt,e)}function LE(e){for(var t=e;;){if(t.flags&16384){var n=t.updateQueue;if(n!==null&&(n=n.stores,n!==null))for(var s=0;s<n.length;s++){var l=n[s],i=l.getSnapshot;l=l.value;try{if(!mn(i(),l))return!1}catch{return!1}}}if(n=t.child,t.subtreeFlags&16384&&n!==null)n.return=t,t=n;else{if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}function Xn(e,t){for(t&=~yu,t&=~ka,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-un(t),s=1<<n;e[n]=-1,t&=~s}}function Qd(e){if(Ee&6)throw Error(b(327));vs();var t=Wi(e,0);if(!(t&1))return _t(e,qe()),null;var n=aa(e,t);if(e.tag!==0&&n===2){var s=Vo(e);s!==0&&(t=s,n=gc(e,s))}if(n===1)throw n=Il,Dr(e,0),Xn(e,t),_t(e,qe()),n;if(n===6)throw Error(b(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,Cr(e,wt,Cn),_t(e,qe()),null}function Ru(e,t){var n=Ee;Ee|=1;try{return e(t)}finally{Ee=n,Ee===0&&(Rs=qe()+500,Ta&&vr())}}function $r(e){Qn!==null&&Qn.tag===0&&!(Ee&6)&&vs();var t=Ee;Ee|=1;var n=en.transition,s=ye;try{if(en.transition=null,ye=1,e)return e()}finally{ye=s,en.transition=n,Ee=t,!(Ee&6)&&vr()}}function wu(){Ft=us.current,Oe(us)}function Dr(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(n!==-1&&(e.timeoutHandle=-1,sE(n)),Qe!==null)for(n=Qe.return;n!==null;){var s=n;switch(iu(s),s.tag){case 1:s=s.type.childContextTypes,s!=null&&Yi();break;case 3:ys(),Oe(It),Oe(ht),pu();break;case 5:hu(s);break;case 4:ys();break;case 13:Oe(Ue);break;case 19:Oe(Ue);break;case 10:uu(s.type._context);break;case 22:case 23:wu()}n=n.return}if(st=e,Qe=e=dr(e.current,null),ot=Ft=t,tt=0,Il=null,yu=ka=zr=0,wt=ol=null,Ar!==null){for(t=0;t<Ar.length;t++)if(n=Ar[t],s=n.interleaved,s!==null){n.interleaved=null;var l=s.next,i=n.pending;if(i!==null){var a=i.next;i.next=l,s.next=a}n.pending=s}Ar=null}return e}function hp(e,t){do{var n=Qe;try{if(cu(),Si.current=ra,na){for(var s=He.memoizedState;s!==null;){var l=s.queue;l!==null&&(l.pending=null),s=s.next}na=!1}if(Hr=0,rt=et=He=null,il=!1,Tl=0,Su.current=null,n===null||n.return===null){tt=1,Il=t,Qe=null;break}e:{var i=e,a=n.return,o=n,c=t;if(t=ot,o.flags|=32768,c!==null&&typeof c=="object"&&typeof c.then=="function"){var u=c,d=o,m=d.tag;if(!(d.mode&1)&&(m===0||m===11||m===15)){var h=d.alternate;h?(d.updateQueue=h.updateQueue,d.memoizedState=h.memoizedState,d.lanes=h.lanes):(d.updateQueue=null,d.memoizedState=null)}var E=Ud(a);if(E!==null){E.flags&=-257,bd(E,a,o,i,t),E.mode&1&&Fd(i,u,t),t=E,c=u;var N=t.updateQueue;if(N===null){var v=new Set;v.add(c),t.updateQueue=v}else N.add(c);break e}else{if(!(t&1)){Fd(i,u,t),Tu();break e}c=Error(b(426))}}else if(Me&&o.mode&1){var S=Ud(a);if(S!==null){!(S.flags&65536)&&(S.flags|=256),bd(S,a,o,i,t),au(Cs(c,o));break e}}i=c=Cs(c,o),tt!==4&&(tt=2),ol===null?ol=[i]:ol.push(i),i=a;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t;var p=Qh(i,c,t);Id(i,p);break e;case 1:o=c;var x=i.type,j=i.stateNode;if(!(i.flags&128)&&(typeof x.getDerivedStateFromError=="function"||j!==null&&typeof j.componentDidCatch=="function"&&(cr===null||!cr.has(j)))){i.flags|=65536,t&=-t,i.lanes|=t;var y=Zh(i,o,t);Id(i,y);break e}}i=i.return}while(i!==null)}vp(n)}catch(R){t=R,Qe===n&&n!==null&&(Qe=n=n.return);continue}break}while(1)}function pp(){var e=sa.current;return sa.current=ra,e===null?ra:e}function Tu(){(tt===0||tt===3||tt===2)&&(tt=4),st===null||!(zr&268435455)&&!(ka&268435455)||Xn(st,ot)}function aa(e,t){var n=Ee;Ee|=2;var s=pp();(st!==e||ot!==t)&&(Cn=null,Dr(e,t));do try{AE();break}catch(l){hp(e,l)}while(1);if(cu(),Ee=n,sa.current=s,Qe!==null)throw Error(b(261));return st=null,ot=0,tt}function AE(){for(;Qe!==null;)xp(Qe)}function IE(){for(;Qe!==null&&!tv();)xp(Qe)}function xp(e){var t=gp(e.alternate,e,Ft);e.memoizedProps=e.pendingProps,t===null?vp(e):Qe=t,Su.current=null}function vp(e){var t=e;do{var n=t.alternate;if(e=t.return,t.flags&32768){if(n=yE(n,t),n!==null){n.flags&=32767,Qe=n;return}if(e!==null)e.flags|=32768,e.subtreeFlags=0,e.deletions=null;else{tt=6,Qe=null;return}}else if(n=SE(n,t,Ft),n!==null){Qe=n;return}if(t=t.sibling,t!==null){Qe=t;return}Qe=t=e}while(t!==null);tt===0&&(tt=5)}function Cr(e,t,n){var s=ye,l=en.transition;try{en.transition=null,ye=1,kE(e,t,n,s)}finally{en.transition=l,ye=s}return null}function kE(e,t,n,s){do vs();while(Qn!==null);if(Ee&6)throw Error(b(327));n=e.finishedWork;var l=e.finishedLanes;if(n===null)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(b(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(dv(e,i),e===st&&(Qe=st=null,ot=0),!(n.subtreeFlags&2064)&&!(n.flags&2064)||si||(si=!0,jp($i,function(){return vs(),null})),i=(n.flags&15990)!==0,n.subtreeFlags&15990||i){i=en.transition,en.transition=null;var a=ye;ye=1;var o=Ee;Ee|=4,Su.current=null,RE(e,n),dp(n,e),Qv(Qo),Bi=!!Ko,Qo=Ko=null,e.current=n,wE(n),nv(),Ee=o,ye=a,en.transition=i}else e.current=n;if(si&&(si=!1,Qn=e,ia=l),i=e.pendingLanes,i===0&&(cr=null),lv(n.stateNode),_t(e,qe()),t!==null)for(s=e.onRecoverableError,n=0;n<t.length;n++)l=t[n],s(l.value,{componentStack:l.stack,digest:l.digest});if(la)throw la=!1,e=vc,vc=null,e;return ia&1&&e.tag!==0&&vs(),i=e.pendingLanes,i&1?e===Ec?cl++:(cl=0,Ec=e):cl=0,vr(),null}function vs(){if(Qn!==null){var e=Km(ia),t=en.transition,n=ye;try{if(en.transition=null,ye=16>e?16:e,Qn===null)var s=!1;else{if(e=Qn,Qn=null,ia=0,Ee&6)throw Error(b(331));var l=Ee;for(Ee|=4,B=e.current;B!==null;){var i=B,a=i.child;if(B.flags&16){var o=i.deletions;if(o!==null){for(var c=0;c<o.length;c++){var u=o[c];for(B=u;B!==null;){var d=B;switch(d.tag){case 0:case 11:case 15:al(8,d,i)}var m=d.child;if(m!==null)m.return=d,B=m;else for(;B!==null;){d=B;var h=d.sibling,E=d.return;if(op(d),d===u){B=null;break}if(h!==null){h.return=E,B=h;break}B=E}}}var N=i.alternate;if(N!==null){var v=N.child;if(v!==null){N.child=null;do{var S=v.sibling;v.sibling=null,v=S}while(v!==null)}}B=i}}if(i.subtreeFlags&2064&&a!==null)a.return=i,B=a;else e:for(;B!==null;){if(i=B,i.flags&2048)switch(i.tag){case 0:case 11:case 15:al(9,i,i.return)}var p=i.sibling;if(p!==null){p.return=i.return,B=p;break e}B=i.return}}var x=e.current;for(B=x;B!==null;){a=B;var j=a.child;if(a.subtreeFlags&2064&&j!==null)j.return=a,B=j;else e:for(a=x;B!==null;){if(o=B,o.flags&2048)try{switch(o.tag){case 0:case 11:case 15:Ia(9,o)}}catch(R){$e(o,o.return,R)}if(o===a){B=null;break e}var y=o.sibling;if(y!==null){y.return=o.return,B=y;break e}B=o.return}}if(Ee=l,vr(),Nn&&typeof Nn.onPostCommitFiberRoot=="function")try{Nn.onPostCommitFiberRoot(Sa,e)}catch{}s=!0}return s}finally{ye=n,en.transition=t}}return!1}function Zd(e,t,n){t=Cs(n,t),t=Qh(e,t,1),e=or(e,t,1),t=gt(),e!==null&&(Ul(e,1,t),_t(e,t))}function $e(e,t,n){if(e.tag===3)Zd(e,e,n);else for(;t!==null;){if(t.tag===3){Zd(t,e,n);break}else if(t.tag===1){var s=t.stateNode;if(typeof t.type.getDerivedStateFromError=="function"||typeof s.componentDidCatch=="function"&&(cr===null||!cr.has(s))){e=Cs(n,e),e=Zh(t,e,1),t=or(t,e,1),e=gt(),t!==null&&(Ul(t,1,e),_t(t,e));break}}t=t.return}}function _E(e,t,n){var s=e.pingCache;s!==null&&s.delete(t),t=gt(),e.pingedLanes|=e.suspendedLanes&n,st===e&&(ot&n)===n&&(tt===4||tt===3&&(ot&130023424)===ot&&500>qe()-Cu?Dr(e,0):yu|=n),_t(e,t)}function Ep(e,t){t===0&&(e.mode&1?(t=Yl,Yl<<=1,!(Yl&130023424)&&(Yl=4194304)):t=1);var n=gt();e=Dn(e,t),e!==null&&(Ul(e,t,n),_t(e,n))}function OE(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Ep(e,n)}function DE(e,t){var n=0;switch(e.tag){case 13:var s=e.stateNode,l=e.memoizedState;l!==null&&(n=l.retryLane);break;case 19:s=e.stateNode;break;default:throw Error(b(314))}s!==null&&s.delete(t),Ep(e,n)}var gp;gp=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||It.current)At=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return At=!1,NE(e,t,n);At=!!(e.flags&131072)}else At=!1,Me&&t.flags&1048576&&Sh(t,Qi,t.index);switch(t.lanes=0,t.tag){case 2:var s=t.type;Ci(e,t),e=t.pendingProps;var l=js(t,ht.current);xs(t,n),l=vu(null,t,s,e,l,n);var i=Eu();return t.flags|=1,typeof l=="object"&&l!==null&&typeof l.render=="function"&&l.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,kt(s)?(i=!0,Xi(t)):i=!1,t.memoizedState=l.state!==null&&l.state!==void 0?l.state:null,fu(t),l.updater=La,t.stateNode=l,l._reactInternals=t,ic(t,s,e,n),t=cc(null,t,s,!0,i,n)):(t.tag=0,Me&&i&&lu(t),vt(null,t,l,n),t=t.child),t;case 16:s=t.elementType;e:{switch(Ci(e,t),e=t.pendingProps,l=s._init,s=l(s._payload),t.type=s,l=t.tag=PE(s),e=ln(s,e),l){case 0:t=oc(null,t,s,e,n);break e;case 1:t=$d(null,t,s,e,n);break e;case 11:t=Hd(null,t,s,e,n);break e;case 14:t=zd(null,t,s,ln(s.type,e),n);break e}throw Error(b(306,s,""))}return t;case 0:return s=t.type,l=t.pendingProps,l=t.elementType===s?l:ln(s,l),oc(e,t,s,l,n);case 1:return s=t.type,l=t.pendingProps,l=t.elementType===s?l:ln(s,l),$d(e,t,s,l,n);case 3:e:{if(np(t),e===null)throw Error(b(387));s=t.pendingProps,i=t.memoizedState,l=i.element,wh(e,t),ea(t,s,null,n);var a=t.memoizedState;if(s=a.element,i.isDehydrated)if(i={element:s,isDehydrated:!1,cache:a.cache,pendingSuspenseBoundaries:a.pendingSuspenseBoundaries,transitions:a.transitions},t.updateQueue.baseState=i,t.memoizedState=i,t.flags&256){l=Cs(Error(b(423)),t),t=Wd(e,t,s,n,l);break e}else if(s!==l){l=Cs(Error(b(424)),t),t=Wd(e,t,s,n,l);break e}else for(Ht=ar(t.stateNode.containerInfo.firstChild),$t=t,Me=!0,on=null,n=Ih(t,null,s,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(Ns(),s===l){t=Mn(e,t,n);break e}vt(e,t,s,n)}t=t.child}return t;case 5:return kh(t),e===null&&rc(t),s=t.type,l=t.pendingProps,i=e!==null?e.memoizedProps:null,a=l.children,Zo(s,l)?a=null:i!==null&&Zo(s,i)&&(t.flags|=32),tp(e,t),vt(e,t,a,n),t.child;case 6:return e===null&&rc(t),null;case 13:return rp(e,t,n);case 4:return mu(t,t.stateNode.containerInfo),s=t.pendingProps,e===null?t.child=Ss(t,null,s,n):vt(e,t,s,n),t.child;case 11:return s=t.type,l=t.pendingProps,l=t.elementType===s?l:ln(s,l),Hd(e,t,s,l,n);case 7:return vt(e,t,t.pendingProps,n),t.child;case 8:return vt(e,t,t.pendingProps.children,n),t.child;case 12:return vt(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(s=t.type._context,l=t.pendingProps,i=t.memoizedProps,a=l.value,Le(Zi,s._currentValue),s._currentValue=a,i!==null)if(mn(i.value,a)){if(i.children===l.children&&!It.current){t=Mn(e,t,n);break e}}else for(i=t.child,i!==null&&(i.return=t);i!==null;){var o=i.dependencies;if(o!==null){a=i.child;for(var c=o.firstContext;c!==null;){if(c.context===s){if(i.tag===1){c=kn(-1,n&-n),c.tag=2;var u=i.updateQueue;if(u!==null){u=u.shared;var d=u.pending;d===null?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,c=i.alternate,c!==null&&(c.lanes|=n),sc(i.return,n,t),o.lanes|=n;break}c=c.next}}else if(i.tag===10)a=i.type===t.type?null:i.child;else if(i.tag===18){if(a=i.return,a===null)throw Error(b(341));a.lanes|=n,o=a.alternate,o!==null&&(o.lanes|=n),sc(a,n,t),a=i.sibling}else a=i.child;if(a!==null)a.return=i;else for(a=i;a!==null;){if(a===t){a=null;break}if(i=a.sibling,i!==null){i.return=a.return,a=i;break}a=a.return}i=a}vt(e,t,l.children,n),t=t.child}return t;case 9:return l=t.type,s=t.pendingProps.children,xs(t,n),l=tn(l),s=s(l),t.flags|=1,vt(e,t,s,n),t.child;case 14:return s=t.type,l=ln(s,t.pendingProps),l=ln(s.type,l),zd(e,t,s,l,n);case 15:return Jh(e,t,t.type,t.pendingProps,n);case 17:return s=t.type,l=t.pendingProps,l=t.elementType===s?l:ln(s,l),Ci(e,t),t.tag=1,kt(s)?(e=!0,Xi(t)):e=!1,xs(t,n),Lh(t,s,l),ic(t,s,l,n),cc(null,t,s,!0,e,n);case 19:return sp(e,t,n);case 22:return ep(e,t,n)}throw Error(b(156,t.tag))};function jp(e,t){return Gm(e,t)}function ME(e,t,n,s){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=s,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Jt(e,t,n,s){return new ME(e,t,n,s)}function Lu(e){return e=e.prototype,!(!e||!e.isReactComponent)}function PE(e){if(typeof e=="function")return Lu(e)?1:0;if(e!=null){if(e=e.$$typeof,e===qc)return 11;if(e===Yc)return 14}return 2}function dr(e,t){var n=e.alternate;return n===null?(n=Jt(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Ti(e,t,n,s,l,i){var a=2;if(s=e,typeof e=="function")Lu(e)&&(a=1);else if(typeof e=="string")a=5;else e:switch(e){case es:return Mr(n.children,l,i,t);case Gc:a=8,l|=8;break;case Io:return e=Jt(12,n,t,l|2),e.elementType=Io,e.lanes=i,e;case ko:return e=Jt(13,n,t,l),e.elementType=ko,e.lanes=i,e;case _o:return e=Jt(19,n,t,l),e.elementType=_o,e.lanes=i,e;case Am:return _a(n,l,i,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case Tm:a=10;break e;case Lm:a=9;break e;case qc:a=11;break e;case Yc:a=14;break e;case Bn:a=16,s=null;break e}throw Error(b(130,e==null?e:typeof e,""))}return t=Jt(a,n,t,l),t.elementType=e,t.type=s,t.lanes=i,t}function Mr(e,t,n,s){return e=Jt(7,e,s,t),e.lanes=n,e}function _a(e,t,n,s){return e=Jt(22,e,s,t),e.elementType=Am,e.lanes=n,e.stateNode={isHidden:!1},e}function po(e,t,n){return e=Jt(6,e,null,t),e.lanes=n,e}function xo(e,t,n){return t=Jt(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function FE(e,t,n,s,l){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=Xa(0),this.expirationTimes=Xa(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Xa(0),this.identifierPrefix=s,this.onRecoverableError=l,this.mutableSourceEagerHydrationData=null}function Au(e,t,n,s,l,i,a,o,c){return e=new FE(e,t,n,o,c),t===1?(t=1,i===!0&&(t|=8)):t=0,i=Jt(3,null,null,t),e.current=i,i.stateNode=e,i.memoizedState={element:s,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},fu(i),e}function UE(e,t,n){var s=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:Jr,key:s==null?null:""+s,children:e,containerInfo:t,implementation:n}}function Np(e){if(!e)return hr;e=e._reactInternals;e:{if(Br(e)!==e||e.tag!==1)throw Error(b(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(kt(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(t!==null);throw Error(b(171))}if(e.tag===1){var n=e.type;if(kt(n))return jh(e,n,t)}return t}function Sp(e,t,n,s,l,i,a,o,c){return e=Au(n,s,!0,e,l,i,a,o,c),e.context=Np(null),n=e.current,s=gt(),l=ur(n),i=kn(s,l),i.callback=t??null,or(n,i,l),e.current.lanes=l,Ul(e,l,s),_t(e,s),e}function Oa(e,t,n,s){var l=t.current,i=gt(),a=ur(l);return n=Np(n),t.context===null?t.context=n:t.pendingContext=n,t=kn(i,a),t.payload={element:e},s=s===void 0?null:s,s!==null&&(t.callback=s),e=or(l,t,a),e!==null&&(dn(e,l,a,i),Ni(e,l,a)),a}function oa(e){if(e=e.current,!e.child)return null;switch(e.child.tag){case 5:return e.child.stateNode;default:return e.child.stateNode}}function Jd(e,t){if(e=e.memoizedState,e!==null&&e.dehydrated!==null){var n=e.retryLane;e.retryLane=n!==0&&n<t?n:t}}function Iu(e,t){Jd(e,t),(e=e.alternate)&&Jd(e,t)}function bE(){return null}var yp=typeof reportError=="function"?reportError:function(e){console.error(e)};function ku(e){this._internalRoot=e}Da.prototype.render=ku.prototype.render=function(e){var t=this._internalRoot;if(t===null)throw Error(b(409));Oa(e,t,null,null)};Da.prototype.unmount=ku.prototype.unmount=function(){var e=this._internalRoot;if(e!==null){this._internalRoot=null;var t=e.containerInfo;$r(function(){Oa(null,e,null,null)}),t[On]=null}};function Da(e){this._internalRoot=e}Da.prototype.unstable_scheduleHydration=function(e){if(e){var t=Jm();e={blockedOn:null,target:e,priority:t};for(var n=0;n<Yn.length&&t!==0&&t<Yn[n].priority;n++);Yn.splice(n,0,e),n===0&&th(e)}};function _u(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)}function Ma(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11&&(e.nodeType!==8||e.nodeValue!==" react-mount-point-unstable "))}function ef(){}function HE(e,t,n,s,l){if(l){if(typeof s=="function"){var i=s;s=function(){var u=oa(a);i.call(u)}}var a=Sp(t,s,e,0,null,!1,!1,"",ef);return e._reactRootContainer=a,e[On]=a.current,Sl(e.nodeType===8?e.parentNode:e),$r(),a}for(;l=e.lastChild;)e.removeChild(l);if(typeof s=="function"){var o=s;s=function(){var u=oa(c);o.call(u)}}var c=Au(e,0,!1,null,null,!1,!1,"",ef);return e._reactRootContainer=c,e[On]=c.current,Sl(e.nodeType===8?e.parentNode:e),$r(function(){Oa(t,c,n,s)}),c}function Pa(e,t,n,s,l){var i=n._reactRootContainer;if(i){var a=i;if(typeof l=="function"){var o=l;l=function(){var c=oa(a);o.call(c)}}Oa(t,a,e,l)}else a=HE(n,t,e,l,s);return oa(a)}Qm=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=Ks(t.pendingLanes);n!==0&&(Qc(t,n|1),_t(t,qe()),!(Ee&6)&&(Rs=qe()+500,vr()))}break;case 13:$r(function(){var s=Dn(e,1);if(s!==null){var l=gt();dn(s,e,1,l)}}),Iu(e,1)}};Zc=function(e){if(e.tag===13){var t=Dn(e,134217728);if(t!==null){var n=gt();dn(t,e,134217728,n)}Iu(e,134217728)}};Zm=function(e){if(e.tag===13){var t=ur(e),n=Dn(e,t);if(n!==null){var s=gt();dn(n,e,t,s)}Iu(e,t)}};Jm=function(){return ye};eh=function(e,t){var n=ye;try{return ye=e,t()}finally{ye=n}};$o=function(e,t,n){switch(t){case"input":if(Mo(e,n),t=n.name,n.type==="radio"&&t!=null){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var s=n[t];if(s!==e&&s.form===e.form){var l=wa(s);if(!l)throw Error(b(90));km(s),Mo(s,l)}}}break;case"textarea":Om(e,n);break;case"select":t=n.value,t!=null&&fs(e,!!n.multiple,t,!1)}};Hm=Ru;zm=$r;var zE={usingClientEntryPoint:!1,Events:[Hl,ss,wa,Um,bm,Ru]},Hs={findFiberByHostInstance:Lr,bundleType:0,version:"18.2.0",rendererPackageName:"react-dom"},$E={bundleType:Hs.bundleType,version:Hs.version,rendererPackageName:Hs.rendererPackageName,rendererConfig:Hs.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:Pn.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return e=Bm(e),e===null?null:e.stateNode},findFiberByHostInstance:Hs.findFiberByHostInstance||bE,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.2.0-next-9e3b772b8-20220608"};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"){var li=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!li.isDisabled&&li.supportsFiber)try{Sa=li.inject($E),Nn=li}catch{}}Vt.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=zE;Vt.createPortal=function(e,t){var n=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!_u(t))throw Error(b(200));return UE(e,t,null,n)};Vt.createRoot=function(e,t){if(!_u(e))throw Error(b(299));var n=!1,s="",l=yp;return t!=null&&(t.unstable_strictMode===!0&&(n=!0),t.identifierPrefix!==void 0&&(s=t.identifierPrefix),t.onRecoverableError!==void 0&&(l=t.onRecoverableError)),t=Au(e,1,!1,null,null,n,!1,s,l),e[On]=t.current,Sl(e.nodeType===8?e.parentNode:e),new ku(t)};Vt.findDOMNode=function(e){if(e==null)return null;if(e.nodeType===1)return e;var t=e._reactInternals;if(t===void 0)throw typeof e.render=="function"?Error(b(188)):(e=Object.keys(e).join(","),Error(b(268,e)));return e=Bm(t),e=e===null?null:e.stateNode,e};Vt.flushSync=function(e){return $r(e)};Vt.hydrate=function(e,t,n){if(!Ma(t))throw Error(b(200));return Pa(null,e,t,!0,n)};Vt.hydrateRoot=function(e,t,n){if(!_u(e))throw Error(b(405));var s=n!=null&&n.hydratedSources||null,l=!1,i="",a=yp;if(n!=null&&(n.unstable_strictMode===!0&&(l=!0),n.identifierPrefix!==void 0&&(i=n.identifierPrefix),n.onRecoverableError!==void 0&&(a=n.onRecoverableError)),t=Sp(t,null,e,1,n??null,l,!1,i,a),e[On]=t.current,Sl(e),s)for(e=0;e<s.length;e++)n=s[e],l=n._getVersion,l=l(n._source),t.mutableSourceEagerHydrationData==null?t.mutableSourceEagerHydrationData=[n,l]:t.mutableSourceEagerHydrationData.push(n,l);return new Da(t)};Vt.render=function(e,t,n){if(!Ma(t))throw Error(b(200));return Pa(null,e,t,!1,n)};Vt.unmountComponentAtNode=function(e){if(!Ma(e))throw Error(b(40));return e._reactRootContainer?($r(function(){Pa(null,null,e,!1,function(){e._reactRootContainer=null,e[On]=null})}),!0):!1};Vt.unstable_batchedUpdates=Ru;Vt.unstable_renderSubtreeIntoContainer=function(e,t,n,s){if(!Ma(n))throw Error(b(200));if(e==null||e._reactInternals===void 0)throw Error(b(38));return Pa(e,t,n,!1,s)};Vt.version="18.2.0-next-9e3b772b8-20220608";function Cp(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(Cp)}catch(e){console.error(e)}}Cp(),Sm.exports=Vt;var Rp=Sm.exports;const WE=Uc(Rp);var wp,tf=Rp;wp=tf.createRoot,tf.hydrateRoot;/**
+ * @remix-run/router v1.15.3
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */function kl(){return kl=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(e[s]=n[s])}return e},kl.apply(this,arguments)}var Zn;(function(e){e.Pop="POP",e.Push="PUSH",e.Replace="REPLACE"})(Zn||(Zn={}));const nf="popstate";function BE(e){e===void 0&&(e={});function t(l,i){let{pathname:a="/",search:o="",hash:c=""}=Vr(l.location.hash.substr(1));return!a.startsWith("/")&&!a.startsWith(".")&&(a="/"+a),Nc("",{pathname:a,search:o,hash:c},i.state&&i.state.usr||null,i.state&&i.state.key||"default")}function n(l,i){let a=l.document.querySelector("base"),o="";if(a&&a.getAttribute("href")){let c=l.location.href,u=c.indexOf("#");o=u===-1?c:c.slice(0,u)}return o+"#"+(typeof i=="string"?i:Tp(i))}function s(l,i){Ou(l.pathname.charAt(0)==="/","relative pathnames are not supported in hash history.push("+JSON.stringify(i)+")")}return GE(t,n,s,e)}function nt(e,t){if(e===!1||e===null||typeof e>"u")throw new Error(t)}function Ou(e,t){if(!e){typeof console<"u"&&console.warn(t);try{throw new Error(t)}catch{}}}function VE(){return Math.random().toString(36).substr(2,8)}function rf(e,t){return{usr:e.state,key:e.key,idx:t}}function Nc(e,t,n,s){return n===void 0&&(n=null),kl({pathname:typeof e=="string"?e:e.pathname,search:"",hash:""},typeof t=="string"?Vr(t):t,{state:n,key:t&&t.key||s||VE()})}function Tp(e){let{pathname:t="/",search:n="",hash:s=""}=e;return n&&n!=="?"&&(t+=n.charAt(0)==="?"?n:"?"+n),s&&s!=="#"&&(t+=s.charAt(0)==="#"?s:"#"+s),t}function Vr(e){let t={};if(e){let n=e.indexOf("#");n>=0&&(t.hash=e.substr(n),e=e.substr(0,n));let s=e.indexOf("?");s>=0&&(t.search=e.substr(s),e=e.substr(0,s)),e&&(t.pathname=e)}return t}function GE(e,t,n,s){s===void 0&&(s={});let{window:l=document.defaultView,v5Compat:i=!1}=s,a=l.history,o=Zn.Pop,c=null,u=d();u==null&&(u=0,a.replaceState(kl({},a.state,{idx:u}),""));function d(){return(a.state||{idx:null}).idx}function m(){o=Zn.Pop;let S=d(),p=S==null?null:S-u;u=S,c&&c({action:o,location:v.location,delta:p})}function h(S,p){o=Zn.Push;let x=Nc(v.location,S,p);n&&n(x,S),u=d()+1;let j=rf(x,u),y=v.createHref(x);try{a.pushState(j,"",y)}catch(R){if(R instanceof DOMException&&R.name==="DataCloneError")throw R;l.location.assign(y)}i&&c&&c({action:o,location:v.location,delta:1})}function E(S,p){o=Zn.Replace;let x=Nc(v.location,S,p);n&&n(x,S),u=d();let j=rf(x,u),y=v.createHref(x);a.replaceState(j,"",y),i&&c&&c({action:o,location:v.location,delta:0})}function N(S){let p=l.location.origin!=="null"?l.location.origin:l.location.href,x=typeof S=="string"?S:Tp(S);return x=x.replace(/ $/,"%20"),nt(p,"No window.location.(origin|href) available to create URL for href: "+x),new URL(x,p)}let v={get action(){return o},get location(){return e(l,a)},listen(S){if(c)throw new Error("A history only accepts one active listener");return l.addEventListener(nf,m),c=S,()=>{l.removeEventListener(nf,m),c=null}},createHref(S){return t(l,S)},createURL:N,encodeLocation(S){let p=N(S);return{pathname:p.pathname,search:p.search,hash:p.hash}},push:h,replace:E,go(S){return a.go(S)}};return v}var sf;(function(e){e.data="data",e.deferred="deferred",e.redirect="redirect",e.error="error"})(sf||(sf={}));function qE(e,t,n){n===void 0&&(n="/");let s=typeof t=="string"?Vr(t):t,l=Ip(s.pathname||"/",n);if(l==null)return null;let i=Lp(e);YE(i);let a=null;for(let o=0;a==null&&o<i.length;++o){let c=ig(l);a=rg(i[o],c)}return a}function Lp(e,t,n,s){t===void 0&&(t=[]),n===void 0&&(n=[]),s===void 0&&(s="");let l=(i,a,o)=>{let c={relativePath:o===void 0?i.path||"":o,caseSensitive:i.caseSensitive===!0,childrenIndex:a,route:i};c.relativePath.startsWith("/")&&(nt(c.relativePath.startsWith(s),'Absolute route path "'+c.relativePath+'" nested under path '+('"'+s+'" is not valid. An absolute child route path ')+"must start with the combined path of all its parent routes."),c.relativePath=c.relativePath.slice(s.length));let u=Pr([s,c.relativePath]),d=n.concat(c);i.children&&i.children.length>0&&(nt(i.index!==!0,"Index routes must not have child routes. Please remove "+('all child routes from route path "'+u+'".')),Lp(i.children,t,d,u)),!(i.path==null&&!i.index)&&t.push({path:u,score:tg(u,i.index),routesMeta:d})};return e.forEach((i,a)=>{var o;if(i.path===""||!((o=i.path)!=null&&o.includes("?")))l(i,a);else for(let c of Ap(i.path))l(i,a,c)}),t}function Ap(e){let t=e.split("/");if(t.length===0)return[];let[n,...s]=t,l=n.endsWith("?"),i=n.replace(/\?$/,"");if(s.length===0)return l?[i,""]:[i];let a=Ap(s.join("/")),o=[];return o.push(...a.map(c=>c===""?i:[i,c].join("/"))),l&&o.push(...a),o.map(c=>e.startsWith("/")&&c===""?"/":c)}function YE(e){e.sort((t,n)=>t.score!==n.score?n.score-t.score:ng(t.routesMeta.map(s=>s.childrenIndex),n.routesMeta.map(s=>s.childrenIndex)))}const XE=/^:[\w-]+$/,KE=3,QE=2,ZE=1,JE=10,eg=-2,lf=e=>e==="*";function tg(e,t){let n=e.split("/"),s=n.length;return n.some(lf)&&(s+=eg),t&&(s+=QE),n.filter(l=>!lf(l)).reduce((l,i)=>l+(XE.test(i)?KE:i===""?ZE:JE),s)}function ng(e,t){return e.length===t.length&&e.slice(0,-1).every((s,l)=>s===t[l])?e[e.length-1]-t[t.length-1]:0}function rg(e,t){let{routesMeta:n}=e,s={},l="/",i=[];for(let a=0;a<n.length;++a){let o=n[a],c=a===n.length-1,u=l==="/"?t:t.slice(l.length)||"/",d=sg({path:o.relativePath,caseSensitive:o.caseSensitive,end:c},u);if(!d)return null;Object.assign(s,d.params);let m=o.route;i.push({params:s,pathname:Pr([l,d.pathname]),pathnameBase:fg(Pr([l,d.pathnameBase])),route:m}),d.pathnameBase!=="/"&&(l=Pr([l,d.pathnameBase]))}return i}function sg(e,t){typeof e=="string"&&(e={path:e,caseSensitive:!1,end:!0});let[n,s]=lg(e.path,e.caseSensitive,e.end),l=t.match(n);if(!l)return null;let i=l[0],a=i.replace(/(.)\/+$/,"$1"),o=l.slice(1);return{params:s.reduce((u,d,m)=>{let{paramName:h,isOptional:E}=d;if(h==="*"){let v=o[m]||"";a=i.slice(0,i.length-v.length).replace(/(.)\/+$/,"$1")}const N=o[m];return E&&!N?u[h]=void 0:u[h]=(N||"").replace(/%2F/g,"/"),u},{}),pathname:i,pathnameBase:a,pattern:e}}function lg(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!0),Ou(e==="*"||!e.endsWith("*")||e.endsWith("/*"),'Route path "'+e+'" will be treated as if it were '+('"'+e.replace(/\*$/,"/*")+'" because the `*` character must ')+"always follow a `/` in the pattern. To get rid of this warning, "+('please change the route path to "'+e.replace(/\*$/,"/*")+'".'));let s=[],l="^"+e.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^${}|()[\]]/g,"\\$&").replace(/\/:([\w-]+)(\?)?/g,(a,o,c)=>(s.push({paramName:o,isOptional:c!=null}),c?"/?([^\\/]+)?":"/([^\\/]+)"));return e.endsWith("*")?(s.push({paramName:"*"}),l+=e==="*"||e==="/*"?"(.*)$":"(?:\\/(.+)|\\/*)$"):n?l+="\\/*$":e!==""&&e!=="/"&&(l+="(?:(?=\\/|$))"),[new RegExp(l,t?void 0:"i"),s]}function ig(e){try{return e.split("/").map(t=>decodeURIComponent(t).replace(/\//g,"%2F")).join("/")}catch(t){return Ou(!1,'The URL path "'+e+'" could not be decoded because it is is a malformed URL segment. This is probably due to a bad percent '+("encoding ("+t+").")),e}}function Ip(e,t){if(t==="/")return e;if(!e.toLowerCase().startsWith(t.toLowerCase()))return null;let n=t.endsWith("/")?t.length-1:t.length,s=e.charAt(n);return s&&s!=="/"?null:e.slice(n)||"/"}function ag(e,t){t===void 0&&(t="/");let{pathname:n,search:s="",hash:l=""}=typeof e=="string"?Vr(e):e;return{pathname:n?n.startsWith("/")?n:og(n,t):t,search:mg(s),hash:hg(l)}}function og(e,t){let n=t.replace(/\/+$/,"").split("/");return e.split("/").forEach(l=>{l===".."?n.length>1&&n.pop():l!=="."&&n.push(l)}),n.length>1?n.join("/"):"/"}function vo(e,t,n,s){return"Cannot include a '"+e+"' character in a manually specified "+("`to."+t+"` field ["+JSON.stringify(s)+"].  Please separate it out to the ")+("`to."+n+"` field. Alternatively you may provide the full path as ")+'a string in <Link to="..."> and the router will parse it for you.'}function cg(e){return e.filter((t,n)=>n===0||t.route.path&&t.route.path.length>0)}function ug(e,t){let n=cg(e);return t?n.map((s,l)=>l===e.length-1?s.pathname:s.pathnameBase):n.map(s=>s.pathnameBase)}function dg(e,t,n,s){s===void 0&&(s=!1);let l;typeof e=="string"?l=Vr(e):(l=kl({},e),nt(!l.pathname||!l.pathname.includes("?"),vo("?","pathname","search",l)),nt(!l.pathname||!l.pathname.includes("#"),vo("#","pathname","hash",l)),nt(!l.search||!l.search.includes("#"),vo("#","search","hash",l)));let i=e===""||l.pathname==="",a=i?"/":l.pathname,o;if(a==null)o=n;else{let m=t.length-1;if(!s&&a.startsWith("..")){let h=a.split("/");for(;h[0]==="..";)h.shift(),m-=1;l.pathname=h.join("/")}o=m>=0?t[m]:"/"}let c=ag(l,o),u=a&&a!=="/"&&a.endsWith("/"),d=(i||a===".")&&n.endsWith("/");return!c.pathname.endsWith("/")&&(u||d)&&(c.pathname+="/"),c}const Pr=e=>e.join("/").replace(/\/\/+/g,"/"),fg=e=>e.replace(/\/+$/,"").replace(/^\/*/,"/"),mg=e=>!e||e==="?"?"":e.startsWith("?")?e:"?"+e,hg=e=>!e||e==="#"?"":e.startsWith("#")?e:"#"+e;function pg(e){return e!=null&&typeof e.status=="number"&&typeof e.statusText=="string"&&typeof e.internal=="boolean"&&"data"in e}const kp=["post","put","patch","delete"];new Set(kp);const xg=["get",...kp];new Set(xg);/**
+ * React Router v6.22.3
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */function _l(){return _l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(e[s]=n[s])}return e},_l.apply(this,arguments)}const Du=f.createContext(null),vg=f.createContext(null),Fa=f.createContext(null),Ua=f.createContext(null),_s=f.createContext({outlet:null,matches:[],isDataRoute:!1}),_p=f.createContext(null);function ba(){return f.useContext(Ua)!=null}function Op(){return ba()||nt(!1),f.useContext(Ua).location}function Dp(e){f.useContext(Fa).static||f.useLayoutEffect(e)}function Eg(){let{isDataRoute:e}=f.useContext(_s);return e?kg():gg()}function gg(){ba()||nt(!1);let e=f.useContext(Du),{basename:t,future:n,navigator:s}=f.useContext(Fa),{matches:l}=f.useContext(_s),{pathname:i}=Op(),a=JSON.stringify(ug(l,n.v7_relativeSplatPath)),o=f.useRef(!1);return Dp(()=>{o.current=!0}),f.useCallback(function(u,d){if(d===void 0&&(d={}),!o.current)return;if(typeof u=="number"){s.go(u);return}let m=dg(u,JSON.parse(a),i,d.relative==="path");e==null&&t!=="/"&&(m.pathname=m.pathname==="/"?t:Pr([t,m.pathname])),(d.replace?s.replace:s.push)(m,d.state,d)},[t,s,a,i,e])}function jg(e,t){return Ng(e,t)}function Ng(e,t,n,s){ba()||nt(!1);let{navigator:l}=f.useContext(Fa),{matches:i}=f.useContext(_s),a=i[i.length-1],o=a?a.params:{};a&&a.pathname;let c=a?a.pathnameBase:"/";a&&a.route;let u=Op(),d;if(t){var m;let S=typeof t=="string"?Vr(t):t;c==="/"||(m=S.pathname)!=null&&m.startsWith(c)||nt(!1),d=S}else d=u;let h=d.pathname||"/",E=h;if(c!=="/"){let S=c.replace(/^\//,"").split("/");E="/"+h.replace(/^\//,"").split("/").slice(S.length).join("/")}let N=qE(e,{pathname:E}),v=wg(N&&N.map(S=>Object.assign({},S,{params:Object.assign({},o,S.params),pathname:Pr([c,l.encodeLocation?l.encodeLocation(S.pathname).pathname:S.pathname]),pathnameBase:S.pathnameBase==="/"?c:Pr([c,l.encodeLocation?l.encodeLocation(S.pathnameBase).pathname:S.pathnameBase])})),i,n,s);return t&&v?f.createElement(Ua.Provider,{value:{location:_l({pathname:"/",search:"",hash:"",state:null,key:"default"},d),navigationType:Zn.Pop}},v):v}function Sg(){let e=Ig(),t=pg(e)?e.status+" "+e.statusText:e instanceof Error?e.message:JSON.stringify(e),n=e instanceof Error?e.stack:null,l={padding:"0.5rem",backgroundColor:"rgba(200,200,200, 0.5)"},i=null;return f.createElement(f.Fragment,null,f.createElement("h2",null,"Unexpected Application Error!"),f.createElement("h3",{style:{fontStyle:"italic"}},t),n?f.createElement("pre",{style:l},n):null,i)}const yg=f.createElement(Sg,null);class Cg extends f.Component{constructor(t){super(t),this.state={location:t.location,revalidation:t.revalidation,error:t.error}}static getDerivedStateFromError(t){return{error:t}}static getDerivedStateFromProps(t,n){return n.location!==t.location||n.revalidation!=="idle"&&t.revalidation==="idle"?{error:t.error,location:t.location,revalidation:t.revalidation}:{error:t.error!==void 0?t.error:n.error,location:n.location,revalidation:t.revalidation||n.revalidation}}componentDidCatch(t,n){console.error("React Router caught the following error during render",t,n)}render(){return this.state.error!==void 0?f.createElement(_s.Provider,{value:this.props.routeContext},f.createElement(_p.Provider,{value:this.state.error,children:this.props.component})):this.props.children}}function Rg(e){let{routeContext:t,match:n,children:s}=e,l=f.useContext(Du);return l&&l.static&&l.staticContext&&(n.route.errorElement||n.route.ErrorBoundary)&&(l.staticContext._deepestRenderedBoundaryId=n.route.id),f.createElement(_s.Provider,{value:t},s)}function wg(e,t,n,s){var l;if(t===void 0&&(t=[]),n===void 0&&(n=null),s===void 0&&(s=null),e==null){var i;if((i=n)!=null&&i.errors)e=n.matches;else return null}let a=e,o=(l=n)==null?void 0:l.errors;if(o!=null){let d=a.findIndex(m=>m.route.id&&(o==null?void 0:o[m.route.id]));d>=0||nt(!1),a=a.slice(0,Math.min(a.length,d+1))}let c=!1,u=-1;if(n&&s&&s.v7_partialHydration)for(let d=0;d<a.length;d++){let m=a[d];if((m.route.HydrateFallback||m.route.hydrateFallbackElement)&&(u=d),m.route.id){let{loaderData:h,errors:E}=n,N=m.route.loader&&h[m.route.id]===void 0&&(!E||E[m.route.id]===void 0);if(m.route.lazy||N){c=!0,u>=0?a=a.slice(0,u+1):a=[a[0]];break}}}return a.reduceRight((d,m,h)=>{let E,N=!1,v=null,S=null;n&&(E=o&&m.route.id?o[m.route.id]:void 0,v=m.route.errorElement||yg,c&&(u<0&&h===0?(_g("route-fallback",!1),N=!0,S=null):u===h&&(N=!0,S=m.route.hydrateFallbackElement||null)));let p=t.concat(a.slice(0,h+1)),x=()=>{let j;return E?j=v:N?j=S:m.route.Component?j=f.createElement(m.route.Component,null):m.route.element?j=m.route.element:j=d,f.createElement(Rg,{match:m,routeContext:{outlet:d,matches:p,isDataRoute:n!=null},children:j})};return n&&(m.route.ErrorBoundary||m.route.errorElement||h===0)?f.createElement(Cg,{location:n.location,revalidation:n.revalidation,component:v,error:E,children:x(),routeContext:{outlet:null,matches:p,isDataRoute:!0}}):x()},null)}var Mp=function(e){return e.UseBlocker="useBlocker",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e}(Mp||{}),ca=function(e){return e.UseBlocker="useBlocker",e.UseLoaderData="useLoaderData",e.UseActionData="useActionData",e.UseRouteError="useRouteError",e.UseNavigation="useNavigation",e.UseRouteLoaderData="useRouteLoaderData",e.UseMatches="useMatches",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e.UseRouteId="useRouteId",e}(ca||{});function Tg(e){let t=f.useContext(Du);return t||nt(!1),t}function Lg(e){let t=f.useContext(vg);return t||nt(!1),t}function Ag(e){let t=f.useContext(_s);return t||nt(!1),t}function Pp(e){let t=Ag(),n=t.matches[t.matches.length-1];return n.route.id||nt(!1),n.route.id}function Ig(){var e;let t=f.useContext(_p),n=Lg(ca.UseRouteError),s=Pp(ca.UseRouteError);return t!==void 0?t:(e=n.errors)==null?void 0:e[s]}function kg(){let{router:e}=Tg(Mp.UseNavigateStable),t=Pp(ca.UseNavigateStable),n=f.useRef(!1);return Dp(()=>{n.current=!0}),f.useCallback(function(l,i){i===void 0&&(i={}),n.current&&(typeof l=="number"?e.navigate(l):e.navigate(l,_l({fromRouteId:t},i)))},[e,t])}const af={};function _g(e,t,n){!t&&!af[e]&&(af[e]=!0)}function Li(e){nt(!1)}function Og(e){let{basename:t="/",children:n=null,location:s,navigationType:l=Zn.Pop,navigator:i,static:a=!1,future:o}=e;ba()&&nt(!1);let c=t.replace(/^\/*/,"/"),u=f.useMemo(()=>({basename:c,navigator:i,static:a,future:_l({v7_relativeSplatPath:!1},o)}),[c,o,i,a]);typeof s=="string"&&(s=Vr(s));let{pathname:d="/",search:m="",hash:h="",state:E=null,key:N="default"}=s,v=f.useMemo(()=>{let S=Ip(d,c);return S==null?null:{location:{pathname:S,search:m,hash:h,state:E,key:N},navigationType:l}},[c,d,m,h,E,N,l]);return v==null?null:f.createElement(Fa.Provider,{value:u},f.createElement(Ua.Provider,{children:n,value:v}))}function Dg(e){let{children:t,location:n}=e;return jg(Sc(t),n)}new Promise(()=>{});function Sc(e,t){t===void 0&&(t=[]);let n=[];return f.Children.forEach(e,(s,l)=>{if(!f.isValidElement(s))return;let i=[...t,l];if(s.type===f.Fragment){n.push.apply(n,Sc(s.props.children,i));return}s.type!==Li&&nt(!1),!s.props.index||!s.props.children||nt(!1);let a={id:s.props.id||i.join("-"),caseSensitive:s.props.caseSensitive,element:s.props.element,Component:s.props.Component,index:s.props.index,path:s.props.path,loader:s.props.loader,action:s.props.action,errorElement:s.props.errorElement,ErrorBoundary:s.props.ErrorBoundary,hasErrorBoundary:s.props.ErrorBoundary!=null||s.props.errorElement!=null,shouldRevalidate:s.props.shouldRevalidate,handle:s.props.handle,lazy:s.props.lazy};s.props.children&&(a.children=Sc(s.props.children,i)),n.push(a)}),n}/**
+ * React Router DOM v6.22.3
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */const Mg="6";try{window.__reactRouterVersion=Mg}catch{}const Pg="startTransition",of=Ox[Pg];function Fg(e){let{basename:t,children:n,future:s,window:l}=e,i=f.useRef();i.current==null&&(i.current=BE({window:l,v5Compat:!0}));let a=i.current,[o,c]=f.useState({action:a.action,location:a.location}),{v7_startTransition:u}=s||{},d=f.useCallback(m=>{u&&of?of(()=>c(m)):c(m)},[c,u]);return f.useLayoutEffect(()=>a.listen(d),[a,d]),f.createElement(Og,{basename:t,children:n,location:o.location,navigationType:o.action,navigator:a,future:s})}var cf;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(cf||(cf={}));var uf;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(uf||(uf={}));const Ug="modulepreload",bg=function(e){return"/templates/"+e},df={},Hg=function(t,n,s){if(!n||n.length===0)return t();const l=document.getElementsByTagName("link");return Promise.all(n.map(i=>{if(i=bg(i),i in df)return;df[i]=!0;const a=i.endsWith(".css"),o=a?'[rel="stylesheet"]':"";if(!!s)for(let d=l.length-1;d>=0;d--){const m=l[d];if(m.href===i&&(!a||m.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${i}"]${o}`))return;const u=document.createElement("link");if(u.rel=a?"stylesheet":Ug,a||(u.as="script",u.crossOrigin=""),u.href=i,document.head.appendChild(u),a)return new Promise((d,m)=>{u.addEventListener("load",d),u.addEventListener("error",()=>m(new Error(`Unable to preload CSS for ${i}`)))})})).then(()=>t()).catch(i=>{const a=new Event("vite:preloadError",{cancelable:!0});if(a.payload=i,window.dispatchEvent(a),!a.defaultPrevented)throw i})},Fp=f.createContext({styled:!1,setStyled:()=>{}}),$=()=>{const e=f.useContext(Fp);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},zg=({children:e,theme:t})=>{const[n,s]=f.useState(!1);return f.useEffect(()=>{if(t){const l=document.createElement("link");return l.href=t,l.rel="stylesheet",l.type="text/css",document.head.appendChild(l),()=>{document.head.removeChild(l)}}else t||Hg(()=>Promise.resolve({}),["assets/trilogy-142b1c5a.css"])},[t]),r.jsx(Fp.Provider,{value:{styled:n,setStyled:s},children:e})};function Up(e){var t,n,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var l=e.length;for(t=0;t<l;t++)e[t]&&(n=Up(e[t]))&&(s&&(s+=" "),s+=n)}else for(n in e)e[n]&&(s&&(s+=" "),s+=n);return s}function g(){for(var e,t,n=0,s="",l=arguments.length;n<l;n++)(e=arguments[n])&&(t=Up(e))&&(s&&(s+=" "),s+=t);return s}const $g="e4daf4e",Wg={HASH:$g},T=(e=!1,t)=>t.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${Wg.HASH}`).join(" "):t,Mu=f.forwardRef((e,t)=>{const{className:n,testId:s,...l}=e,{styled:i}=$(),a=T(i,g("accordions",n));return r.jsx("section",{ref:t,className:a,...l,"data-testid":s})});var bp={exports:{}},Ai=1;function Bg(){return Ai=(Ai*9301+49297)%233280,Ai/233280}function Vg(e){Ai=e}var Gg={nextValue:Bg,seed:Vg},yc=Gg,wr="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_-",Jn,ff,Zs;function Cc(){Zs=!1}function Hp(e){if(!e){Jn!==wr&&(Jn=wr,Cc());return}if(e!==Jn){if(e.length!==wr.length)throw new Error("Custom alphabet for shortid must be "+wr.length+" unique characters. You submitted "+e.length+" characters: "+e);var t=e.split("").filter(function(n,s,l){return s!==l.lastIndexOf(n)});if(t.length)throw new Error("Custom alphabet for shortid must be "+wr.length+" unique characters. These characters were not unique: "+t.join(", "));Jn=e,Cc()}}function qg(e){return Hp(e),Jn}function Yg(e){yc.seed(e),ff!==e&&(Cc(),ff=e)}function Xg(){Jn||Hp(wr);for(var e=Jn.split(""),t=[],n=yc.nextValue(),s;e.length>0;)n=yc.nextValue(),s=Math.floor(n*e.length),t.push(e.splice(s,1)[0]);return t.join("")}function zp(){return Zs||(Zs=Xg(),Zs)}function Kg(e){var t=zp();return t[e]}function Qg(){return Jn||wr}var Pu={get:Qg,characters:qg,seed:Yg,lookup:Kg,shuffled:zp},Eo=typeof window=="object"&&(window.crypto||window.msCrypto),Rc;!Eo||!Eo.getRandomValues?Rc=function(e){for(var t=[],n=0;n<e;n++)t.push(Math.floor(Math.random()*256));return t}:Rc=function(e){return Eo.getRandomValues(new Uint8Array(e))};var Zg=Rc,Jg=function(e,t,n){for(var s=(2<<Math.log(t.length-1)/Math.LN2)-1,l=-~(1.6*s*n/t.length),i="";;)for(var a=e(l),o=l;o--;)if(i+=t[a[o]&s]||"",i.length===+n)return i},ej=Pu,tj=Zg,nj=Jg;function rj(e){for(var t=0,n,s="";!n;)s=s+nj(tj,ej.get(),1),n=e<Math.pow(16,t+1),t++;return s}var sj=rj,ii=sj,lj=1567752802062,ij=7,ai,mf;function aj(e){var t="",n=Math.floor((Date.now()-lj)*.001);return n===mf?ai++:(ai=0,mf=n),t=t+ii(ij),t=t+ii(e),ai>0&&(t=t+ii(ai)),t=t+ii(n),t}var oj=aj,cj=Pu;function uj(e){if(!e||typeof e!="string"||e.length<6)return!1;var t=new RegExp("[^"+cj.get().replace(/[|\\{}()[\]^$+*?.-]/g,"\\$&")+"]");return!t.test(e)}var dj=uj;(function(e){var t=Pu,n=oj,s=dj,l=0;function i(u){return t.seed(u),e.exports}function a(u){return l=u,e.exports}function o(u){return u!==void 0&&t.characters(u),t.shuffled()}function c(){return n(l)}e.exports=c,e.exports.generate=c,e.exports.seed=i,e.exports.worker=a,e.exports.characters=o,e.exports.isValid=s})(bp);var fj=bp.exports,mj=fj;const qt=Uc(mj);var $p=(e=>(e.Browser="browser",e.Server="server",e.Native="native",e))($p||{});const{Browser:Ii,Server:Wp,Native:Bp}=$p,hj=!!(typeof window<"u"&&window.document&&window.document.createElement),pj=typeof navigator<"u"&&navigator.product=="ReactNative",Yr=pj?Bp:hj?Ii:Wp,hf={isBrowser:Yr===Ii,isServer:Yr===Wp,isNative:Yr===Bp,device:Yr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Yr===Ii&&!!window.addEventListener,canUseViewport:Yr===Ii&&!!window.screen},xj=(...e)=>Object.assign({},...e),vj=e=>Object.values(e),Ej=()=>xj((vj(hf),hf));Ej();const er=({active:e,className:t,children:n,id:s=qt.generate(),onClick:l,disabled:i,onClose:a,onOpen:o,...c})=>{const u=f.useRef(null),{styled:d}=$(),[m,h]=f.useState(e||!1),[E,N]=f.useState(),[v,S]=f.useState();f.useEffect(()=>{var fe;const y=u.current;if(!y)return;const{floor:R,abs:L}=Math,w=(fe=y==null?void 0:y.children[1])==null?void 0:fe.firstChild,k=R(L(y.clientHeight+(w==null?void 0:w.clientHeight))).toString(),U=R(L(y.clientHeight)).toString(),F=R(L(y.clientHeight+1)).toString(),se=R(L(y.children[0].clientHeight)).toString();N(m?U:k),S(m?se:F)},[m]),f.useEffect(()=>{h(e||!1)},[e]);const p=T(d,g("accordion",t));let x;n&&(x=Array.isArray(n)?n.map((y,R)=>O.cloneElement(y,{key:`article-${R}`,dataId:R===0?`header-${s}`:`body-${s}`,disabled:i})):n);const j={};return i&&(j.tabIndex=-1,j["aria-disabled"]=!0),r.jsx("details",{open:m,...j,"data-testid":s,className:p,ref:u,id:s,...c,"data-collapsed":v,"data-expanded":E,onClick:y=>{o&&!m&&o(y),a&&m&&a(y),l&&l(y)},children:x})},tr=({children:e,className:t,testId:n,...s})=>{const{styled:l}=$();return r.jsx("summary",{"data-accordion-header":!0,className:T(l,g("accordion-header",t)),role:"button",...s,"data-testid":n,children:e})},nr=({children:e,className:t,dataId:n,testId:s,...l})=>{const{styled:i}=$();return r.jsx("div",{"data-accordion-body":!0,"data-id":n,"data-testid":s,className:T(i,g("accordion-body is-clipped",t)),...l,onClick:a=>{a.stopPropagation()},children:r.jsx("div",{className:T(i,g("accordion-content")),children:e})})},gj={icons:{},colors:{},fontFamily:{}},jj={theme:gj,setTheme:()=>{}},Nj=O.createContext(jj);var ce=(e=>(e.BACKGROUND="WHITE",e.FADE_BACKGROUND="FADE_WHITE",e.MAIN="MAIN",e.FADE_MAIN="FADE_MAIN",e.ACCENT="ACCENT",e.FADE_ACCENT="FADE_ACCENT",e.FONT="FONT",e.FADE_FONT="FADE_FONT",e.SUCCESS="SUCCESS",e.FADE_SUCCESS="FADE_SUCCESS",e.INFO="INFO",e.FADE_INFO="FADE_INFO",e.WARNING="WARNING",e.FADE_WARNING="FADE_WARNING",e.ERROR="ERROR",e.FADE_ERROR="FADE_ERROR",e.DISABLED="DISABLED",e.FADE_DISABLED="FADE_DISABLED",e.NEUTRAL="NEUTRAL",e.FADE_NEUTRAL="FADE_NEUTRAL",e))(ce||{});const ki={WHITE:["#fff","#E9E9E9","white","main"],MAIN:["#3d5d7e","#eff2f8","main","white"],ACCENT:["#da641b","#bb5118","accent","white"],FONT:["#3d5d7e","#BBC6CD","main","white"],SUCCESS:["#007B52","#cae8ca","success","white"],INFO:["#1A688A","#c8dbec","info","white"],WARNING:["#FFBB33","#ecdbc6","warning","white"],ERROR:["#D42D02","#eecccc","error","white"],DISABLED:["#646464","#D1D1D1","disabled","white"],NEUTRAL:["#707070","#F4F4F4","grey","white"]},jt=e=>ki[e][2],Sj=e=>{switch(e){case"CONVERSION":return"conversion";case"PRIMARY":return"primary";case"SECONDARY":return"secondary";case"GHOST":return"ghost";case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";case"DISABLED":return"disabled";default:return"primary"}},rr=(e,t)=>{if(e.startsWith("FADE_")&&(t=1,e=e.replace("FADE_","")),typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=f.useContext(Nj),s=(n==null?void 0:n.colors)||ki,l=s[e]||s.default,i=t&&t!==void 0&&t>=0&&t<l.length?t:0;return!e||!ki[e]?s.default:l[i]}else{const n=ki[e],s=t!==void 0&&t>=0&&t<n.length?t:0;return n[s]}},Bt=e=>e&&typeof e=="object"?`background-${jt(e.color)}${e.fade?"-fade":""}`:e.startsWith("FADE-")?`background-${jt(e.replace("FADE-",""))}-fade`:`background-${jt(e)}`,yj=e=>{switch(e){case"MAIN":return"text-main";case"ACCENT":return"text-accent";case"INFO":return"text-info";case"WHITE":return"text-white";case"NEUTRAL":return"text-neutral";case"SUCCESS":return"text-success";case"WARNING":return"text-warning";case"ERROR":return"text-error";default:return""}};var D=(e=>(e.ALERT="tri-alert",e.ARROW_DOWN="tri-arrow-down",e.ARROW_LEFT="tri-arrow-left",e.ARROW_RIGHT="tri-arrow-right",e.ARROW_UP="tri-arrow-up",e.BELL="tri-bell",e.CHECK_CIRCLE="tri-check-circle",e.CHECK="tri-check",e.EXCLAMATION_CIRCLE="tri-exclamation-circle",e.EYE_SLASH="tri-eye-slash",e.EYE="tri-eye",e.INFOS_CIRCLE="tri-infos-circle",e.SEARCH="tri-search",e.TIMES="tri-times",e.TIMES_CIRCLE="tri-times",e.TRASH="tri-trash",e.PICTO_FACILITI="tri-picto-faciliti",e.PICTO_HANDICAPZERO="tri-picto-handicapzero",e.PICTO_LA_FIBRE="tri-picto-la-fibre",e.PICTO_PAYMENT_AMERICANEXPRESS="tri-picto-payment-americanexpress",e.PICTO_PAYMENT_CB="tri-picto-payment-cb",e.PICTO_PAYMENT_MASTERCARD="tri-picto-payment-mastercard",e.PICTO_PAYMENT_PAYPAL="tri-picto-payment-paypal",e.PICTO_PAYMENT_VISA="tri-picto-payment-visa",e))(D||{}),K=(e=>(e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller",e))(K||{}),Ol=(e=>(e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE",e))(Ol||{}),ws=(e=>(e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.INFO="INFO",e.WARNING="WARNING",e.MAIN="MAIN",e.BACKGROUND="BACKGROUND",e.ACCENT="ACCENT",e.NEUTRAL="NEUTRAL",e.WHITE="WHITE",e.GREY="NEUTRAL",e))(ws||{}),bt=(e=>(e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right",e))(bt||{}),wc=(e=>(e.DIV="div",e.A="a",e.P="p",e.SPAN="span",e))(wc||{}),Tc=(e=>(e.TOP="top",e.BOTTOM="bottom",e))(Tc||{});function Cj(e,t){return!e&&!t?"":Z(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function Vp(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const C=Vp("is"),Z=Vp("has"),pf=({className:e,name:t,status:n,statusPosition:s,size:l,testId:i})=>{const{styled:a}=$(),o=T(a,g("icon",l&&C(`${l}`),C("ancestor"),Z("status"),e)),c=T(a,g("icon is-circled is-descendant",n&&C(`${n.toLowerCase()}`),s&&C(`${s}`))),u=T(a,g(n===Ol.SUCCESS?D.CHECK_CIRCLE:D.TIMES));return r.jsxs("span",{className:o,"aria-hidden":"true","data-testid":i,children:[r.jsx("span",{className:T(a,g(t))}),r.jsx("span",{className:c,children:r.jsx("i",{className:u})})]})},xf=({className:e,name:t,status:n,size:s,color:l,backgroundColor:i,testId:a})=>{const{styled:o}=$(),c=i&&Z(Bt(i))||Cj(n||"",Ol.INFO)||Z(Bt(ce.MAIN)),u=T(o,g("icon",Z(l?yj(l):"text-white"),C(l||ce.BACKGROUND),[C(`${s}`)],C("circled"),c,e)),d=T(o,g(t));return r.jsx("span",{className:u,"data-testid":a,children:r.jsx("i",{className:d})})},vf=({className:e,textClassName:t,name:n,content:s,position:l,markup:i,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=$(),h=i&&(E=>{if(E in wc||Object.values(wc).includes(E))return!0})(i)?i:"span";return l?r.jsxs("span",{className:T(d,g("icon-and-text",(l===bt.UP||l===bt.DOWN)&&C("stacked"),e)),children:[(l===bt.RIGHT||l===bt.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(h,{className:T(d,g(t)),id:a,"aria-level":o,role:c,children:String(s)}):s),r.jsx(z,{name:n,className:e,...u}),(l===bt.UP||l===bt.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(h,{className:T(d,g(t)),id:a,"aria-level":o,role:c,children:String(s)}):s)]}):r.jsxs("span",{className:T(d,g("icon-and-text",e)),children:[r.jsx(z,{name:n,...u}),s&&typeof s.valueOf()=="string"?r.jsx(h,{className:T(d,g(t)),id:a,"aria-level":o,role:c,children:String(s)}):s]})};var Ce=(e=>(e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END",e))(Ce||{});const In=e=>{switch(e){case"ALIGNED_CENTER":return"aligned-center";case"ALIGNED_START":return"aligned-start";case"ALIGNED_END":return"aligned-end";default:return"aligned-start"}},z=({className:e,textClassName:t,size:n,name:s,status:l,circled:i,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:m,stretched:h,color:E,backgroundColor:N,onClick:v,align:S,skeleton:p,verticalAlign:x,testId:j,marginless:y,...R})=>{const{styled:L}=$(),w=T(L,g("icon",h&&C("stretched"),n&&C(n),u&&C("stacked"),E&&C(`${jt(E)}`),p&&C("loading"),d&&C("stacked"),y&&C("marginless"),e));e=g(a&&x&&C(`${In(x)}`),e);const k=T(L,g(S&&In(S)==="aligned-start"&&Z("text-left")||In(S)==="aligned-center"&&Z("text-centered")||In(S)==="aligned-end"&&Z("text-right")));return i||i&&l?S?r.jsx("div",{className:k,children:r.jsx(xf,{testId:j,onClick:v&&v,className:e,name:s,status:l,size:n,color:E,backgroundColor:N,...R})}):r.jsx(xf,{testId:j,onClick:v&&v,className:e,name:s,status:l,size:n,color:E,backgroundColor:N,...R}):l?S?r.jsx("div",{className:k,children:r.jsx(pf,{testId:j,onClick:v&&v,statusPosition:m,className:e,name:s,size:n,status:l,...R})}):r.jsx(pf,{testId:j,onClick:v&&v,statusPosition:m,className:e,name:s,size:n,status:l,...R}):a&&!d?S?r.jsx("div",{className:k,children:r.jsx(vf,{testId:j,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:l,color:E,...R})}):r.jsx(vf,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:l,color:E,...R}):d?S?r.jsxs("div",{className:k,children:[r.jsxs("span",{onClick:v&&v,className:w,...R,children:[r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"}),r.jsx("span",{className:T(L,g("badge",C("up"))),children:d})]}),a&&r.jsx("span",{className:T(L,g(t)),children:a})]}):r.jsxs(r.Fragment,{children:[r.jsxs("span",{onClick:v&&v,className:w,...R,children:[r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"}),r.jsx("span",{className:T(L,g("badge",C("up"))),children:d})]}),a&&r.jsx("span",{className:T(L,g(t)),children:a})]}):h?S?r.jsx("div",{className:k,children:r.jsx("span",{onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})}):E?S?r.jsx("div",{className:k,children:r.jsx("span",{onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})}):S?r.jsx("div",{className:k,children:r.jsx("span",{onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})})}):r.jsx("span",{"data-testid":j,onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})})};var ua=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e))(ua||{});const Ha=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}},Rj=e=>{switch(e){case"SUCCESS":return D.CHECK_CIRCLE;case"INFO":return D.INFOS_CIRCLE;case"WARNING":return D.ALERT;case"ERROR":return D.EXCLAMATION_CIRCLE;default:return D.INFOS_CIRCLE}};var Rr=(e=>(e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL",e))(Rr||{}),Gp=(e=>(e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between",e))(Gp||{});const wj=e=>{switch(e){case"justified-center":return"centered";case"justified-start":return"justified-start";case"justified-end":return"justified-end";case"space-between":return"spaced-between";default:return"justified-start"}},Tj=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Lc=(e=>(e.TOP="TOP",e.BOTTOM="BOTTOM",e))(Lc||{}),qp=(e=>(e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO",e))(qp||{});const Lj=e=>{if(!e)return"";switch(e){case"MAIN":return"main";case"ACCENT":return"accent";case"PRIMARY":return"primary";case"SECONDARY":return"secondary";case"TERTIARY":return"tertiary";case"GHOST":return"ghost";case"INFO":return"info";default:return""}};var fr=(e=>(e.TEXT_CENTERED="has-text-centered",e.TEXT_JUSTIFIED="has-text-justified",e.TEXT_LEFT="has-text-left",e.TEXT_RIGHT="has-text-right",e))(fr||{}),kr=(e=>(e.TEXT_WEIGHT_NORMAL="has-text-weight-normal",e.TEXT_WEIGHT_MEDIUM="has-text-weight-medium",e.TEXT_WEIGHT_SEMIBOLD="has-text-weight-semibold",e.TEXT_WEIGHT_BOLD="has-text-weight-bold",e))(kr||{}),Zt=(e=>(e.TEXT_MAIN="has-text-main",e.TEXT_ACCENT="has-text-accent",e.TEXT_INFO="has-text-info",e.TEXT_SUCCESS="has-text-success",e.TEXT_WARNING="has-text-warning",e.TEXT_ERROR="has-text-error",e.TEXT_NEUTRAL="has-text-grey",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled",e))(Zt||{}),_e=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e))(_e||{}),lt=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(lt||{});const A=({level:e,markup:t,children:n,className:s,href:l,title:i,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:m,htmlContent:h,marginless:E,link:N,numberOfLines:v,...S})=>{const{styled:p}=$(),j=T(p,g(N?"link":"text",e&&(()=>{if(e)switch(e){case _e.ONE:return C("level-1");case _e.TWO:return C("level-2");case _e.THREE:return C("level-3");case _e.FOUR:return C("level-4");default:return C(`level-${e}`)}})(),c&&C("inverted"),o,C(u?"loading":"loaded"),E&&C("marginless"),v&&C("text-ellipsis"),s)),R=t&&(L=>{if(L in lt||Object.values(lt).includes(L))return!0})(t)?t:"p";return r.jsx(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":m,onClick:a,title:i,className:j,...h&&{dangerouslySetInnerHTML:{__html:h}},...R===lt.A&&{href:l},...S,children:n})};var M=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e.FIVE="FIVE",e.SIX="SIX",e))(M||{}),Ac=(e=>(e.H1="h1",e.H2="h2",e.H3="h3",e.H4="h4",e.H5="h5",e.H6="h6",e.P="p",e.SPAN="span",e.DIV="div",e))(Ac||{});const Aj=e=>{if(e)switch(e){case M.ONE:return C("level-1");case M.TWO:return C("level-2");case M.THREE:return C("level-3");case M.FOUR:return C("level-4");case M.FIVE:return C("level-5");case M.SIX:return C("level-6");default:return C(`level-${e}`)}},Ij=e=>e in Ac||Object.values(Ac).includes(e),_=({level:e=M.ONE,markup:t,children:n,className:s,typo:l,skeleton:i,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:m,marginless:h,htmlContent:E,...N})=>{const[v,S]=f.useState(i||!1),{styled:p}=$(),x=T(p,g("title",e&&Aj(e),l,C(v?"loading":"loaded"),a&&C("inverted"),h&&C("marginless"),s)),j=T(p,g("subtitle",l,s)),y=T(p,g("overline",l,s));f.useEffect(()=>{S(i||!1)},[i]);const R=t&&Ij(t)?t:"div",L=()=>d?j:m?y:x;return r.jsx(R,{"data-testid":c,"aria-label":u,onClick:o,className:L(),...E&&{dangerouslySetInnerHTML:{__html:E}},...N,children:n})},Ef=()=>0;O.createContext({show:Ef,hide:Ef});const Yp=({status:e,className:t,iconName:n,title:s,description:l,onClick:i,display:a,testId:o,...c})=>{const{styled:u}=$(),d=T(u,g("alert",Z("body"),e&&C(Ha(e)),t)),m=f.useMemo(()=>n??(e?Rj(e)??D.INFOS_CIRCLE:D.INFOS_CIRCLE),[n,alert]);return a?r.jsxs("div",{"data-testid":o,onClick:h=>{i==null||i(h),h.stopPropagation()},className:d,...c,children:[r.jsx(z,{name:m}),r.jsxs("div",{className:T(u,g("body")),children:[s&&typeof s.valueOf()=="string"?r.jsx(_,{level:M.SIX,children:s}):s,l&&typeof l.valueOf()=="string"?r.jsx(A,{children:l}):l]})]}):r.jsx("div",{})},pn=({children:e})=>r.jsx("div",{className:"autolayout",children:e});var da=(e=>(e.LEFT="left",e.RIGHT="right",e))(da||{}),Xp=(e=>(e.MAIN="MAIN",e))(Xp||{});const zs=({children:e,className:t,textContent:n,content:s,direction:l,onClick:i,testId:a,...o})=>{const{styled:c}=$(),u=T(c,g(n?"badge-and-text":"badge",t));return n?r.jsxs("div",{"data-testid":a,onClick:d=>{i==null||i(d),d.stopPropagation()},className:u,...o,children:[(!l||l===da.LEFT)&&r.jsx(A,{markup:lt.P,children:n}),r.jsx("span",{className:T(c,g("badge is-level")),children:s||e}),l===da.RIGHT&&r.jsx(A,{markup:lt.P,children:n})]}):r.jsx("div",{"data-testid":a,onClick:d=>{i==null||i(d),d.stopPropagation()},children:r.jsx(A,{className:g(n?"badge-and-text":"badge",t),markup:lt.SPAN,...o,children:s||e})})};var Fu=(e=>(e.DIV="div",e.A="a",e))(Fu||{});const ie=({inverted:e,children:t,className:n,onClick:s,markup:l,skeleton:i,to:a,backgroundColor:o,highlighted:c,shadowless:u,backgroundSrc:d,testId:m,flat:h,hat:E,fullheight:N,active:v,...S})=>{const{styled:p}=$(),[x,j]=f.useState(i||!1),y=T(p,g("box",u&&C("shadowless"),n,o&&Z(Bt(o)),d&&Z("background"),e&&C("inverted")||C("base"),C(x?"loading":"loaded"),c&&`${C("highlighted")} ${C(jt(c))}`,h&&C("flat"),E&&Z("hat"),N&&C("fullheight"),v&&C("active")));if(f.useEffect(()=>{j(i||!1)},[i]),l===Fu.A||a)return r.jsx("a",{"data-testid":m,href:a,onClick:L=>{s==null||s(L)},className:y,...S,children:t});const R={cursor:"pointer"};return r.jsx("div",{style:s&&{...R},"data-testid":m,onClick:L=>{s==null||s(L)},className:y,...S,...d&&{style:{backgroundImage:`url(${d})`,backgroundSize:"cover",backgroundPosition:"50%"}},children:t})},he=({children:e,className:t,backgroundColor:n,testId:s,...l})=>{const{styled:i}=$(),a=T(i,g("box-content",n&&Z(Bt(n)),t));return r.jsx("div",{"data-testid":s,className:a,...l,children:e})},Xr=({className:e,children:t,backgroundColor:n,testId:s,...l})=>{const{styled:i}=$();return r.jsx("div",{"data-testid":s,className:T(i,g("box-footer",n&&Z(Bt(n)),e)),...l,children:t})},Rn=({children:e,className:t,help:n,centered:s,pulledLeft:l,pulledRight:i,variant:a,testId:o,...c})=>{const{styled:u}=$(),d=T(u,g("box-header",t,s&&"has-text-centered",i&&"has-text-right",l&&"has-text-left",a&&Z(Bt(a))));return r.jsxs("header",{"data-testid":o,className:d,...c,children:[e&&typeof e.valueOf()=="string"?r.jsx("p",{children:e}):e,n&&r.jsx(A,{testId:o&&`${o}-help`,className:"box-header-help sticker is-small is-success",children:String(e)})]})},oi=e=>8*e;var kj=(e=>(e[e.NONE=0]="NONE",e[e.SMALL=oi(2)]="SMALL",e[e.MEDIUM=oi(4)]="MEDIUM",e[e.LARGE=oi(8)]="LARGE",e[e.HUGE=oi(12)]="HUGE",e))(kj||{});const ci=f.forwardRef((e,t)=>{const{children:n,className:s,testId:l,accessibilityLabel:i,...a}=e,{styled:o}=$();return r.jsx("nav",{ref:t,role:"navigation","data-testid":l,className:T(o,g("breadcrumb",s)),"aria-label":i,...a,children:r.jsx("ul",{children:n})})}),at=({children:e,className:t,removeLinkClass:n,to:s,href:l,title:i,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:m,inverted:h,blank:E,...N})=>{const{styled:v}=$(),S=g(m&&Z("icon"),o,h&&C("inverted"),t);if(d&&s){const x=d||"a",j=()=>r.jsx(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:T(v,g(S)),to:s||"",...E&&{target:"_blank"},...N,children:i||e});return o?r.jsx("div",{className:T(v,g(o)),children:r.jsx(j,{})}):r.jsx(j,{})}const p=()=>r.jsx(A,{link:!0,"data-testid":c,"aria-label":u,onClick:a&&a,title:i,markup:lt.A,className:S,href:l,...E&&{target:"_blank"},...N,children:m?r.jsxs(r.Fragment,{children:[r.jsx(A,{markup:"span",children:e}),r.jsx(z,{name:m,size:K.SMALL})]}):e});return o?r.jsx("div",{className:T(v,g(o)),children:r.jsx(p,{})}):r.jsx(p,{})},ft=({children:e,active:t,className:n,href:s,to:l,routerLink:i,testId:a,onClick:o,...c})=>{const{styled:u}=$(),d=T(u,g(t&&C("active"),n));if(i&&l){const m=i||"a";return r.jsx("li",{"data-testid":a,className:d,onClick:o,"aria-current":t?"page":void 0,children:r.jsx(m,{className:T(u,g("link")),to:l,...c,children:e})})}return r.jsx("li",{className:d,onClick:o,"aria-current":t?"page":void 0,children:r.jsx(at,{href:t?void 0:s,...c,children:e})})};var Ts=(e=>(e.BUTTON="button",e.INPUT="input",e.A="a",e))(Ts||{}),Te=(e=>(e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST",e))(Te||{});const te=({markup:e,loading:t,variant:n,href:s,id:l,fullwidth:i,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:m,name:h,routerLink:E,type:N,iconName:v,...S})=>{const p=S.disabled||!1,{styled:x}=$(),j=w=>{if(w in Ts||Object.values(Ts).includes(w))return!0},R=T(x,((w,k,U,F)=>g("button",C(w?"loading":"loaded"),k&&C(Sj(k)),U&&C("fullwidth"),F))(t,n,i,o)),L=e&&j(e)?e:"button";if(L==="button")return r.jsxs("button",{id:l,"data-testid":d,"aria-label":u,className:R,disabled:p,name:h,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},type:N??"button",...S,children:[v&&r.jsx(z,{className:a?"":"is-marginless",name:v}),a]});if(L==="input")return r.jsx("input",{id:l,"data-testid":d,className:R,"aria-label":u,name:h,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},disabled:p,type:N??"submit",value:`${a}`,...S});if(E&&c&&!p){const w=E||"a";return r.jsxs(w,{"aria-label":u,"data-testid":d,to:c,className:R,...S,children:[v&&r.jsx(z,{className:a?"":"is-marginless",name:v}),a]})}return r.jsxs("a",{id:l,"data-testid":d,"aria-label":u,className:R,href:s,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},...S,children:[v&&r.jsx(z,{className:a?"":"is-marginless",name:v}),a]})},Js=({className:e,centered:t,isMobile:n,vertical:s,...l})=>{const{styled:i}=$();return r.jsx("div",{className:T(i,g("buttons",e,t&&Z("text-centered"),n&&"is-mobile",s&&"is-vertical")),...l})};var Uu=(e=>(e.DIV="div",e.A="a",e))(Uu||{});f.createContext({horizontal:!1});const Ze=O.forwardRef((e,t)=>{const{className:n,backgroundColor:s,backgroundSrc:l,inverted:i,flat:a,horizontal:o,floating:c,align:u,justify:d,skeleton:m,onClick:h,reversed:E,testId:N,markup:v,to:S,fullheight:p,active:x,...j}=e,[y,R]=f.useState(m||!1),{styled:L}=$();f.useEffect(()=>{R(m||!1)},[m]);const w={cursor:"pointer"},k=T(L,g("card",s&&Z(Bt(s)),l&&Z("background"),i&&C("inverted")||C("base"),a&&!c&&C("flat"),o&&[C("horizontal"),C("vcentered")],c&&!a&&C("floating"),u&&C(In(u)),d&&C(d),C(y?"loading":"loaded"),E&&C("reversed"),n,p&&C("fullheight"),x&&C("active")));return v===Uu.A?r.jsx("a",{"data-testid":N,href:S,onClick:U=>{h==null||h(U),U.stopPropagation()},...j,className:k,ref:t}):r.jsx("div",{"data-testid":N,onClick:h&&h,className:k,style:h&&{...w},...j,ref:t})}),Ut=({src:e,alt:t,className:n,size:s,onClick:l,...i})=>{const{styled:a}=$(),o=T(a,g("card-image",s&&C(`${s}`),n));return r.jsx("div",{onClick:c=>{l==null||l(c),c.stopPropagation()},className:o,children:r.jsx("figure",{className:T(a,g("image")),...i,children:r.jsx("img",{src:typeof e=="string"?e:"",alt:t})})})},Je=({children:e,className:t,titleSup:n,titleSupLevel:s,title:l,titleLevel:i,buttonText:a,buttonMarkup:o,buttonVariant:c,buttonClick:u,text:d,textLevel:m,onClick:h,testId:E,...N})=>{const{styled:v}=$();return e?r.jsx("div",{"data-testid":E,className:T(v,g("card-content",t)),...N,children:e}):r.jsxs("div",{"data-testid":E,onClick:S=>{h==null||h(S),S.stopPropagation()},className:T(v,g("card-content",t)),...N,children:[n&&r.jsx(A,{level:s,className:"suptitle",children:n}),l&&r.jsx(_,{testId:E?`${E}-title`:void 0,level:i||M.THREE,children:l}),d&&r.jsx(A,{level:m,children:d}),a&&r.jsx(te,{testId:E?`${E}-btn`:void 0,onClick:u,variant:c||"PRIMARY",markup:o||Ts.BUTTON,children:a})]})},En=({checked:e,className:t,disabled:n,readonly:s,id:l=qt.generate(),label:i,onChange:a,onClick:o,name:c,value:u,tile:d,description:m,iconTile:h,horizontalTile:E,testId:N,...v})=>{const{styled:S}=$(),[p,x]=f.useState(e||!1);return f.useEffect(()=>{s||x(e||!1)},[e,s]),r.jsxs("div",{className:T(S,g(d?"checkbox-tile":"checkbox",E&&C("horizontal"),t)),tabIndex:0,children:[r.jsx("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:l,"data-testid":N,disabled:n,name:c,value:u,checked:s?e:p,onChange:j=>j,onClick:j=>{const y=j.target;!s&&y.checked!==void 0&&x(y.checked),y.value=u||"",a&&a({checkboxId:y.id,checkboxValue:y.value,checkboxName:y.name,checkboxChecked:y.checked}),o&&o({checkboxId:y.id,checkboxValue:y.value,checkboxName:y.name,checkboxChecked:y.checked})},...v}),r.jsxs("label",{htmlFor:l,className:T(S,g("checkbox-label")),children:[h&&r.jsx(z,{name:h,size:K.MEDIUM}),E?r.jsxs("span",{children:[d?r.jsx("span",{className:T(S,g("checkbox-title")),children:i}):i,d&&m&&r.jsx("span",{className:T(S,g("checkbox-description")),children:m})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:T(S,g("checkbox-title")),children:i}):i,d&&m&&r.jsx("span",{className:T(S,g("checkbox-description")),children:m})]})]})]})},Un=({className:e,onClick:t,children:n,active:s,disabled:l,id:i,testId:a,...o})=>{const{styled:c}=$(),u=T(c,g("chips",s&&C("active"),e));return r.jsx("button",{disabled:l,"aria-disabled":l,"data-testid":a,id:i,"aria-pressed":!!s,className:u,onClick:d=>{t==null||t(d)},...o,children:n})},gf=f.forwardRef((e,t)=>{const{children:n,multiple:s,...l}=e,{styled:i}=$(),a=T(i,g("chips-list",s&&C("multiple")));return r.jsx("div",{ref:t,role:"group",className:a,...l,children:n})}),Ye=f.forwardRef((e,t)=>{const{className:n,multiline:s,inlined:l,mobile:i,centered:a,verticalCentered:o,gapless:c,marginSize:u,...d}=e,{styled:m}=$(),h=T(m,g("columns",s&&C("multiline"),l&&C("inlined"),i&&C("mobile"),a&&C("centered"),o&&C("vcentered"),!u&&c&&C("gapless"),!c&&u&&[C("variable"),C(`${u}`)],n));return r.jsx("div",{ref:t,className:h,...d})}),q=f.forwardRef((e,t)=>{const{className:n,size:s,mobileSize:l,tabletSize:i,touchSize:a,desktopSize:o,widescreenSize:c,fullhdSize:u,offset:d,mobileOffset:m,tabletOffset:h,touchOffset:E,desktopOffset:N,widescreenOffset:v,fullhdOffset:S,narrow:p,verticalCenter:x,centered:j,align:y,...R}=e,{styled:L}=$(),w=T(L,g("column",s&&C(`${s}`),l&&C(`${l}-mobile`),i&&C(`${i}-tablet`),a&&C(`${a}-tablet`),o&&C(`${o}-desktop`),c&&C(`${c}-widescreen`),u&&C(`${u}-fullhd`),d&&C(`offset-${d}`),m&&C(`offset-${m}-mobile`),h&&C(`offset-${h}-tablet`),E&&C(`offset-${E}-tablet`),N&&C(`offset-${N}-desktop`),v&&C(`offset-${v}-widescreen`),S&&C(`offset-${S}-fullhd`),p&&C("narrow"),x&&C("vcentered"),j&&Z("text-centered"),y&&C(In(y)),n));return r.jsx("div",{ref:t,className:w,...R})}),De=({className:e,fluid:t,centered:n,verticalCentered:s,medium:l,fullwidth:i,sticky:a,stickyOffSetTop:o,stickyOffSetBottom:c,backgroundColor:u,backgroundSrc:d,inverted:m,pulledRight:h,pulledLeft:E,...N})=>{const{styled:v}=$(),S=()=>{switch(a){case Lc.TOP:return C("sticky-top");case Lc.BOTTOM:return C("sticky-bottom");default:return""}},p=T(v,g("container",t&&C("fluid"),l&&C("medium"),n&&C("centered"),i&&C("fullwidth"),s&&C("vcentered"),h&&C("pulled-right"),E&&C("pulled-left"),a&&S(),u&&Z(Bt(u)),d&&Z("background"),m&&C("inverted"),e)),x={top:o,bottom:c};return r.jsx("div",{className:p,...N,style:x})};var ul=(e=>(e.DAY_HOUR_MIN_SEC="dd-hh-mm-ss",e.HOUR_MIN_SEC="hh-mm-ss",e.MIN_SEC="mm-ss",e.SEC="ss",e.DAY="dd",e.DAY_HOUR="dd-hh",e.DAY_HOUR_MIN="dd-hh-mm",e))(ul||{}),Mt=(e=>(e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC",e))(Mt||{});const _j=e=>{const t=Math.floor(e/1e3%60),n=Math.floor(e/1e3/60%60),s=Math.floor(e/(1e3*60*60)%24);return{days:Math.floor(e/(1e3*60*60*24)),hours:s,minutes:n,seconds:t}},jf=({deadline:e,className:t,format:n,event:s,small:l,inverted:i,...a})=>{const{styled:o}=$(),[c]=f.useState(e),u=e.getTime()-new Date().getTime(),d=_j(u),[m,h]=f.useState(d),[E,N]=f.useState(!1),v=[m.days!=0,m.hours!=0,m.minutes!=0,m.seconds!=0],S=n==null?void 0:n.split("-"),p=T(o,g("countdown",i&&C("inverted"),l&&C("small"),t));return S?S.forEach(x=>{switch(x){case"dd":v[Mt.DAY]=!0;break;case"hh":v[Mt.HOUR]=!0;break;case"mm":v[Mt.MIN]=!0;break;case"ss":v[Mt.SEC]=!0;break}}):(v[Mt.DAY]=!0,v[Mt.HOUR]=!0,v[Mt.MIN]=!0,v[Mt.SEC]=!0),f.useEffect(()=>{setInterval(()=>{const x=c.getTime()-new Date().getTime();if(x>0)switch(n){case ul.DAY:h({days:Math.ceil(x/(1e3*60*60*24)),hours:0,minutes:0,seconds:0});break;case ul.DAY_HOUR:h({days:Math.floor(x/(1e3*60*60*24)),hours:Math.ceil(x/(1e3*60*60)%24),minutes:0,seconds:0});break;case ul.DAY_HOUR_MIN:h({days:Math.floor(x/(1e3*60*60*24)),hours:Math.floor(x/(1e3*60*60)%24),minutes:Math.ceil(x/1e3/60%60),seconds:0});break;default:h({days:Math.floor(x/(1e3*60*60*24)),hours:Math.floor(x/(1e3*60*60)%24),minutes:Math.floor(x/1e3/60%60),seconds:Math.floor(x/1e3%60)});break}N(!0)},1e3)},[c,n]),f.useEffect(()=>{m.days+m.hours+m.minutes+m.seconds===0&&s&&E&&(s(null),N(!1))},[m,s,E]),r.jsxs("ul",{className:p,...a,children:[(v[Mt.DAY]||m.days!=0)&&r.jsxs("li",{className:T(o,g("count")),children:[r.jsx("span",{className:T(o,g("value")),children:m.days?m.days:0}),"j"]}),(v[Mt.HOUR]||m.hours!=0)&&r.jsxs("li",{className:T(o,g("count")),children:[r.jsx("span",{className:T(o,g("value")),children:m.hours?m.hours:0}),"h"]}),(v[Mt.MIN]||m.minutes!=0)&&r.jsxs("li",{className:T(o,g("count")),children:[r.jsx("span",{className:T(o,g("value")),children:m.minutes?m.minutes:0}),"m"]}),(v[Mt.SEC]||m.seconds!=0)&&r.jsxs("li",{className:T(o,g("count")),children:[r.jsx("span",{className:T(o,g("value")),children:m.seconds?m.seconds:0}),"s"]})]})},V=({className:e,unboxed:t,content:n,marginless:s,iconName:l,color:i,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=$(),d=T(u,g("divider",t&&C("unboxed"),s&&C("marginless"),e,i&&Z(`background-${jt(i)}`),l&&"has-icon")),m=T(u,g("divider-content",o&&Z(`text-${jt(o)}`),a&&Z(`background-${jt(a)}`)));return n&&l?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:m,children:n})}):n?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:m,children:n})}):l?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:m,children:r.jsx(z,{name:l,size:a?K.SMALL:K.MEDIUM})})}):r.jsx("div",{"data-testid":"separator",className:d,...c})},Oj=({children:e,extended:t,iconName:n,accessibilityLabel:s,onClick:l,className:i,fixed:a=!0,top:o,bottom:c,left:u,right:d,testId:m,disabled:h,...E})=>{const{styled:N}=$(),[v,S]=f.useState(t||!1);f.useEffect(()=>{S(t||!1)},[v]);const p=o||c||u||d?{position:a?"fixed":"absolute",top:o??"auto",bottom:c??"auto",left:u??"auto",right:d??"auto"}:{position:"relative"},x=T(N,g("fab",t&&C("extended"),i));return r.jsxs("button",{disabled:h,"data-testid":m,"aria-label":s,onClick:j=>{l==null||l(j),j.stopPropagation()},style:{...p},...E,className:x,children:[r.jsx(z,{name:n}),e]})},_i=({children:e,backgroundColor:t,backgroundSrc:n,inverted:s,className:l,align:i,justify:a,onClick:o,overlap:c,...u})=>{const{styled:d}=$(),m=T(d,g("hero",t&&Z(Bt(t)),n&&Z("background"),s&&C("inverted")||C("base"),i&&C(In(i)),a&&C(a),c&&C("overlapped"),l));return r.jsx("section",{onClick:o&&o,...n&&{style:{backgroundImage:`url(${n})`}},className:m,...u,children:r.jsx("div",{className:T(d,g("hero-body")),children:e})})},go=({src:e,alt:t,className:n,rounded:s,width:l,height:i,onClick:a,...o})=>{const{styled:c}=$(),u=T(c,g("image",n)),d={image:{width:l,height:i}};return r.jsx("figure",{onClick:m=>{a==null||a(m),m.stopPropagation()},className:u,...o,children:r.jsx("img",{style:d.image,className:T(c,g(s?C("rounded"):"")),src:typeof e=="string"?e:"",alt:t})})};var we=(e=>(e.TEXT="text",e.NUMBER="number",e.PASSWORD="password",e.SEARCH="search",e.DATE="date",e.DATETIME_LOCAL="datetime-local",e.EMAIL="email",e))(we||{}),Et=(e=>(e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default",e))(Et||{}),Kp=(e=>(e.ADDITIONAL_NAME="additional-name",e.ADDRESS_LINE1="address-line1",e.ADDRESS_LINE2="address-line2",e.CC_CSC="cc-csc",e.CC_EXP="cc-exp",e.CC_EXP_DAY="cc-exp-day",e.CC_EXP_MONTH="cc-exp-month",e.CC_EXP_YEAR="cc-exp-year",e.CC_NUMBER="cc-number",e.COUNTRY="country",e.CURRENT_PASSWORD="current-password",e.EMAIL="email",e.FAMILY_NAME="family-name",e.GIVEN_NAME="given-name",e.HONORIFIX_PREFIX="honorific-prefix",e.HONORIFIC_SUFFIX="honorific-suffix",e.NAME="name",e.NEW_PASSWORD="new-password",e.OFF="off",e.ONE_TIME_CODE="one-time-code",e.POSTAL_CODE="postal-code",e.STREET_ADDRESS="street-address",e.TEL="tel",e.USERNAME="username",e.CC_FAMILY_NAME="cc-family-name",e.CC_GIVEN_NAME="cc-given-name",e.CC_MIDDLE_NAME="cc-middle-name",e.CC_NAME="cc-name",e.CC_TYPE="cc-type",e.NICKNAME="nickname",e.ORGANIZATION="organization",e.ORGANIZATION_TITLE="organization-title",e.URL="url",e.GENDER="gender",e.NAME_FAMILY="name-family",e.NAME_GIVEN="name-given",e.NAME_MIDDLE="name-middle",e.NAME_MIDDLE_INITIAL="name-middle-initial",e.NAME_PREFIX="name-prefix",e.NAME_SUFFIX="name-suffix",e.PASSWORD="password",e.PASSWORD_NEW="password-new",e.POSTAL_ADDRESS="postal-address",e.POSTAL_ADDRESS_COUNTRY="postal-address-country",e.POSTAL_ADDRESS_EXTENDED="postal-address-extended",e.POSTAL_ADDRESS_EXTENDED_POSTAL_CODE="postal-address-extended-postal-code",e.POSTAL_ADDRESS_LOCALITY="postal-address-locality",e.POSTAL_ADDRESS_REGION="postal-address-region",e.SMS_OTP="sms-otp",e.TEL_COUNTRY_CODE="tel-country-code",e.TEL_DEVICE="tel-device",e.TEL_NATIONAL="tel-national",e.USERNAME_NEW="username-new",e))(Kp||{});const jo=e=>typeof e=="string"?e:e.label,Dj=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),Mj=(e,t)=>{const n=Dj(t),s=new RegExp(`^${n}`,"i");return e.filter(l=>s.test(typeof l=="string"?l:l.label))},Pj=({children:e,suggestionSelected:t,testId:n,item:s,active:l})=>{const{styled:i}=$(),[a,o]=f.useState(!1);return r.jsx("div",{onMouseOver:()=>o(!0),onMouseOut:()=>o(!1),role:"listitem","data-testid":n,className:T(i,g("autocomplete-item",l&&C("active"),a&&C("active"))),onClick:()=>t?t(s):"",children:e})},Fj=({children:e,className:t,absolute:n,fullwidth:s,testId:l})=>{const{styled:i}=$();return r.jsx("div",{role:"list","data-testid":l,className:T(i,g("autocomplete-menu",n&&C("absolute"),s&&C("fullwidth"),t)),children:e})},Uj=(e,t)=>{let n;return async(...s)=>{const i=function(){n=null,e.apply(void 0,s)};n&&clearTimeout(n),n=setTimeout(i,t)}},bj=({defaultValue:e,value:t,classNameMenu:n,absoluteMenu:s,fullwidthMenu:l,placeholder:i,data:a,status:o,onBlur:c,testId:u,onChange:d,name:m,matching:h=Mj,displayMenu:E=!0,onItemSelected:N,customIcon:v,reference:S,disabled:p,children:x,accessibilityLabel:j,onIconClick:y,getSuggestions:R,debounceSuggestionsTimeout:L,onFocus:w,loading:k,...U})=>{const{styled:F}=$(),{Input:se}=U,[fe,Ae]=f.useState(null),[re,Y]=f.useState(t??""),[ae,me]=f.useState(0),[H,G]=f.useState(E||!1),[W,X]=f.useState([]),ge=T(F,g(C("autocomplete"),C("active")));f.useEffect(()=>{Y(t||"")},[t]),f.useEffect(()=>{me(0),a!=null&&a.length&&h&&X(h(a,re)),fe&&jo(fe)!==re&&Ae(null)},[re]),f.useEffect(()=>{X(h(a,re))},[a]);const Ot=async pe=>{if(G(!0),d&&d({inputName:m||"",inputValue:pe.inputValue,inputSelectionStart:null}),pe.inputValue.startsWith("/")&&pe.inputValue.endsWith("/"))try{const Fe=pe.inputValue.substring(1,pe.inputValue.lastIndexOf("/"));Y(new RegExp(Fe,"i").source)}catch{Y(pe.inputValue)}else Y(pe.inputValue);if(R){const Fe=await R(pe.inputValue);X(Fe)}else h&&a&&X(h(a,pe.inputValue))},Ct=L?Uj(Ot,L):Ot,xn=(pe,Fe,Yt)=>{G(!1),Y(jo(pe)),Ae(pe),(Fe||Yt)&&N&&N({value:pe,index:pe?(Fe.length?Fe:Yt).indexOf(pe):-1})},ee=pe=>{switch(pe.inputKeyCode){case 38:if(ae===0)return;me(ae-1);break;case 40:if(ae===W.length-1)return;me(ae+1);break;case 13:W[ae]!=null&&xn(W[ae],a,W);break}},Pe=pe=>{G(!0),w&&w(pe)};return r.jsxs("div",{className:T(F,g("control")),children:[r.jsx(se,{defaultValue:e,accessibilityLabel:j,...v?{customIcon:v}:{},reference:S,placeholder:i,...m?{name:m}:{},className:"autocomplete-input",type:"text",testId:u,status:o,autoCompleteType:Kp.OFF,disabled:p,onBlur:pe=>{setTimeout(()=>G(!1),250),c&&c(pe)},onFocus:Pe,onKeyUp:ee,value:re,onChange:pe=>{Ct(pe)},onIconClick:y,loading:k}),H&&r.jsx("div",{className:ge,children:W.length>0&&r.jsx(Fj,{testId:u,absolute:s,fullwidth:l,className:n,children:W.map((pe,Fe)=>r.jsx(Pj,{active:ae===Fe,testId:u,item:pe,suggestionSelected:Yt=>xn(Yt,a,W),children:x?x(pe):jo(pe)},Fe))})}),r.jsx("div",{})]})},Hj=({validationRules:e,inputValue:t})=>{var j,y;const[n,s]=O.useState(0),l={isVerify:!1,color:ws.NEUTRAL},[i,a]=O.useState(l),[o,c]=O.useState(l),[u,d]=O.useState(l),[m,h]=O.useState(l),[E,N]=O.useState(l),v=O.useMemo(()=>e&&Object.values(e).filter(R=>R).length||0,[e]),S=O.useMemo(()=>{const R=Number((n/v*100).toFixed(0));return R<=50&&R>0?"50%":R<=99&&R>50?"75%":R===100?"100%":"0%"},[n,v]),p=O.useMemo(()=>{const R=Number((n/v*100).toFixed(0));return R<=50&&R>0?rr(ce.ERROR):R<=99&&R>50?rr(ce.WARNING):rr(R===100?ce.SUCCESS:ce.FADE_NEUTRAL)},[n,v]),x=f.useMemo(()=>{var R,L,w,k,U,F,se,fe,Ae,re;switch(!0){case(((R=e==null?void 0:e.length)==null?void 0:R.min)!==void 0&&((L=e==null?void 0:e.length)==null?void 0:L.max)!==void 0):return`Entre ${(w=e==null?void 0:e.length)==null?void 0:w.min} et ${(k=e==null?void 0:e.length)==null?void 0:k.max} caractères`;case(((U=e==null?void 0:e.length)==null?void 0:U.min)&&!((F=e==null?void 0:e.length)!=null&&F.max)):return`Minimum ${(se=e==null?void 0:e.length)==null?void 0:se.min} caractères`;case(((fe=e==null?void 0:e.length)==null?void 0:fe.max)&&!((Ae=e==null?void 0:e.length)!=null&&Ae.min)):return`Maximum ${(re=e==null?void 0:e.length)==null?void 0:re.max} caractères`;default:return""}},[(j=e==null?void 0:e.length)==null?void 0:j.min,(y=e==null?void 0:e.length)==null?void 0:y.max]);return f.useEffect(()=>{var U,F;const R=((U=e==null?void 0:e.length)==null?void 0:U.min)||0,L=((F=e==null?void 0:e.length)==null?void 0:F.max)||"",w=new RegExp(`^.{${R},${L}}$`),k=[];e!=null&&e.specialChars&&k.push({test:/[^\w]/.test(t),setState:c}),e!=null&&e.number&&k.push({test:/[0-9]/.test(t),setState:d}),e!=null&&e.uppercase&&k.push({test:/[A-Z]/.test(t),setState:h}),e!=null&&e.lowercase&&k.push({test:/[a-z]/.test(t),setState:N}),e!=null&&e.length&&k.push({test:w.test(t),setState:a}),k.forEach(({test:se,setState:fe})=>fe(se?{isVerify:!0,color:ws.SUCCESS}:l)),s(k.filter(se=>se.test).length)},[t,e]),{LengthvalidationRulesText:x,colorGauge:p,widthGauge:S,isLengthVerify:i,isLowerercaseVerify:E,isNumberVerify:u,isSpecialCharsVerify:o,isUppercaseVerify:m}},zj=({validationRules:e,styled:t,inputValue:n})=>{var m,h;const{widthGauge:s,colorGauge:l,LengthvalidationRulesText:i,isLengthVerify:a,isLowerercaseVerify:o,isNumberVerify:c,isSpecialCharsVerify:u,isUppercaseVerify:d}=Hj({validationRules:e,inputValue:n});return r.jsxs("div",{"data-testid":"security-gauge",className:T(t,g("security-gauge-container")),children:[r.jsx("div",{className:T(t,g("security-gauge")),children:r.jsx("div",{"data-gauge":!0,style:{width:s,backgroundColor:l},className:T(t,g("gauge"))})}),r.jsxs("div",{className:T(t,g("security-gauge-verifies")),children:[r.jsxs("div",{children:[r.jsx($s,{display:!!(e!=null&&e.length),dataAttribute:{"data-security-special-chars":!0},type:i,classes:"security-length","data-length-min":(m=e==null?void 0:e.length)==null?void 0:m.min,"data-length-max":(h=e==null?void 0:e.length)==null?void 0:h.max,color:a.color,iconName:a.isVerify?D.CHECK_CIRCLE:D.TIMES,styled:t}),r.jsx($s,{display:!!(e!=null&&e.specialChars),dataAttribute:{"data-security-special-chars":!0},classes:"security-special-chars",type:"Caractères spéciaux",color:u.color,iconName:u.isVerify?D.CHECK_CIRCLE:D.TIMES,styled:t}),r.jsx($s,{display:!!(e!=null&&e.number),dataAttribute:{"data-security-number":!0},classes:"security-number",type:"Chiffre",color:c.color,iconName:c.isVerify?D.CHECK_CIRCLE:D.TIMES,styled:t})]}),r.jsxs("div",{children:[r.jsx($s,{display:!!(e!=null&&e.uppercase),dataAttribute:{"data-security-uppercase":!0},classes:"security-uppercase",type:"Majuscule",color:d.color,iconName:d.isVerify?D.CHECK_CIRCLE:D.TIMES,styled:t}),r.jsx($s,{display:!!(e!=null&&e.lowercase),dataAttribute:{"data-security-lowercase":!0},classes:"security-lowercase",type:"Minuscule",color:o.color,iconName:o.isVerify?D.CHECK_CIRCLE:D.TIMES,styled:t})]})]})]})},$s=({dataAttribute:e,type:t,display:n,color:s,iconName:l,classes:i,styled:a})=>n?r.jsxs("div",{...e,className:T(a,g("security",i)),children:[r.jsx(z,{color:s,name:l,size:K.SMALLER}),r.jsx("span",{children:t})]}):null,xe=({forceControl:e,label:t,sample:n,className:s,disabled:l,onChange:i,onKeyPress:a,onKeyUp:o,onIconClick:c,onClick:u,onFocus:d,onBlur:m,patternValidator:h,onMouseEnter:E,onMouseLeave:N,name:v,placeholder:S,type:p="text",defaultValue:x,value:j,loading:y,focused:R,hasIcon:L,customIcon:w,status:k,help:U,iconClassname:F,reference:se,onStatusChange:fe,customValidator:Ae,onSubmit:re,minLength:Y,maxLength:ae,testId:me,accessibilityLabel:H,autoCompleteType:G,customIconLeft:W,customIconRight:X,securityGauge:ge,validationRules:Ot,required:Ct,...xn})=>{const{styled:ee}=$(),Pe=S!==void 0&&S.length>0,pe=new Map;pe.set(Et.SUCCESS,D.CHECK_CIRCLE),pe.set(Et.WARNING,D.EXCLAMATION_CIRCLE),pe.set(Et.ERROR,D.EXCLAMATION_CIRCLE);const[Fe,Yt]=f.useState(x??""),[Er,Wa]=f.useState(R??!1),[bu,ox]=f.useState(!1),[Hu,cx]=f.useState(!1),[rn,zu]=f.useState(k||Et.DEFAULT),[Gr,$u]=f.useState(p),[ux,Wu]=f.useState(!1),dx=g("help",rn&&C(rn)),fx=T(ee,g("input",rn&&C(rn))),mx=T(ee,g("field",s,p==="password"&&ge&&"has-gauge")),hx=T(ee,g("control",Pe&&p!==we.SEARCH&&Z("dynamic-placeholder"),{[Z("icons-right")]:L??(w||X||p==="password"),"has-icons-left":W||p===we.SEARCH})),Bu=f.useCallback(je=>{const Dt=je.target;return{inputName:Dt.name,inputValue:Dt.value,inputKeyCode:je.keyCode,inputTarget:Dt,preventDefault:()=>je.preventDefault()}},[]),gr=f.useCallback(({className:je,name:Dt,color:$l,closeIconSearch:px,onPress:Gu})=>r.jsxs("div",{...p==="password"&&{"data-show-pwd":!0},onClick:xx=>{Gu&&Gu(),c&&c({inputName:Dt??"",inputValue:Fe,inputTarget:xx.target})},children:[r.jsx(z,{className:je,name:Dt,size:K.SMALL,color:$l}),Fe&&Fe.length>0&&px&&r.jsx(z,{onClick:()=>Yt(""),className:T(ee,g(C("justified-self"))),name:D.TIMES_CIRCLE,size:K.SMALL})]}),[Fe,ee]),Vu=!Ae&&h?je=>h.test(je)?Et.SUCCESS:Et.ERROR:Ae;return f.useEffect(()=>{Yt(j??x??"")},[j,x]),f.useEffect(()=>{Wa(R??!1)},[R]),f.useEffect(()=>{Er?ox(!0):bu&&cx(!0)},[Er,bu]),f.useEffect(()=>{!Vu||!Hu||zu(Vu(Fe))},[Er,Hu]),f.useEffect(()=>{zu(k||Et.DEFAULT)},[k]),f.useEffect(()=>{fe&&fe(rn)},[rn]),r.jsxs("div",{className:mx,"data-has-gauge":ge?!0:void 0,children:[!Pe&&r.jsxs("label",{className:"input-label",children:[t," ",t&&Ct&&r.jsx(A,{markup:lt.SPAN,typo:Zt.TEXT_ERROR,children:"*"})]}),!Pe&&t&&n&&r.jsx(A,{className:"input-sample",level:_e.TWO,typo:Zt.TEXT_DISABLED,children:n}),r.jsxs("div",{className:hx,children:[r.jsx("input",{required:Ct,role:"textbox",...xn,"data-testid":me,"aria-label":H,type:Gr,className:fx,value:Fe,defaultValue:x,name:v,onSubmit:re,ref:se,disabled:l,minLength:Y,maxLength:ae,autoComplete:G,onKeyUp:je=>o&&o(Bu(je)),onKeyPress:je=>a&&a(Bu(je)),onMouseEnter:je=>E==null?void 0:E(je),onMouseLeave:je=>N==null?void 0:N(je),placeholder:S,onClick:je=>{const Dt=je.target;u&&u({inputName:Dt.name,inputValue:Dt.value,inputTarget:Dt})},onChange:je=>{if(Gr!==we.DATE&&Gr!==we.DATETIME_LOCAL&&Gr!==we.NUMBER&&Gr!==we.EMAIL){const Dt=je.target.selectionStart,$l=je.target;window.requestAnimationFrame(()=>{$l.selectionStart=Dt,$l.selectionEnd=Dt})}e||Yt(je.target.value),i&&i({inputName:je.target.name,inputValue:je.target.value,inputSelectionStart:je.target.selectionStart,inputTarget:je.target})},onFocus:je=>{d==null||d(je),Wa(!0)},onBlur:je=>{m==null||m(je),Wa(!1)}}),Pe&&p!==we.SEARCH&&r.jsx("label",{children:S}),L&&rn&&!w&&!y&&!W&&!X&&r.jsx(gr,{className:F,name:pe.get(rn)}),w&&!rn&&!y&&r.jsx(gr,{className:F,name:w}),W&&!y&&r.jsx(gr,{className:g(W&&"icon-left",F),name:W}),X&&!y&&p!=="password"&&r.jsx(gr,{className:g(X&&"icon-right",F),name:X}),!y&&p==="password"&&r.jsx(gr,{className:g("icon-right",F),name:ux?"tri-eye-slash":"tri-eye",onPress:()=>{Gr==="password"?($u("text"),Wu(!0)):($u("password"),Wu(!1))}}),w&&rn&&!y&&r.jsx(gr,{className:F,name:w}),p===we.SEARCH&&!w&&rn==="default"&&!y&&r.jsx(gr,{color:ws.MAIN,className:F,name:D.SEARCH,closeIconSearch:!0}),y&&r.jsx("span",{className:T(ee,g(C("searching")))})]}),U&&r.jsx(A,{className:dx,children:U}),ge&&p==="password"&&r.jsx(zj,{validationRules:Ot,styled:ee,inputValue:Fe})]})};xe.AutoComplete=e=>{const t={...e,Input:xe};return r.jsx(bj,{...t})};const ui=f.forwardRef((e,t)=>{const{className:n,hasIcon:s,children:l,testId:i,...a}=e,{styled:o}=$(),c=T(o,g(s?"icon-list":"list",n));return r.jsx("ul",{ref:t,"data-testid":i,className:c,...a,children:l})}),Rt=({className:e,children:t,customIcon:n,status:s,title:l,description:i,testId:a,action:o,divider:c,deletable:u})=>{const{styled:d}=$(),m=g(C(jt(s?ce[s]:ce.BACKGROUND)),e);return r.jsxs("li",{className:T(d,g(m,o&&Z("action"))),"data-testid":a,children:[r.jsxs("div",{className:T(d,g("list-item_content")),children:[n&&typeof n=="string"&&r.jsx("div",{className:T(d,g("list-item_content_puce")),children:r.jsx(z,{className:m,name:u?"tri-trash":n,size:K.SMALL})}),n&&typeof n!="string"&&r.jsx("div",{className:T(d,g("list-item_content_puce")),children:n}),r.jsxs("div",{children:[(l||i)&&r.jsxs(r.Fragment,{children:[l&&r.jsx("b",{children:l}),t||i&&r.jsx("p",{children:t||i})]}),!l&&!i&&r.jsx("div",{children:t})]})]}),o&&r.jsx("div",{className:T(d,g("list-item_action")),children:o}),c&&r.jsx(V,{})]})};qt.generate();qt.generate();qt.generate();const $j=(e,t)=>e?e.split("").map(n=>n===""?null:Number(n)):new Array(t).fill(null),Nf=e=>e.map(t=>t===null?"_":t).join(""),Wj=e=>e.every(t=>t!==null),Sf=(e,t)=>{const n=e.nextElementSibling;n?(t&&(n.value=t),e.value.length&&n.focus()):e.focus()},yf=e=>{const t=e.previousElementSibling;t?t.focus():e.focus()},Qp=(e,t,n)=>{const s=Number(e);if(isNaN(s)||e.length<1)return n;const l=n.map((i,a)=>a===t?Number(e.slice(0,1)):i);return Qp(e.slice(1),t+1,l)},Bj=e=>{const{key:t}=e,n=e.target;if(t==="ArrowRight"||t==="ArrowDown")return Sf(n);if(t==="ArrowLeft"||t==="ArrowUp")return yf(n);if(t==="Backspace")return n.value===""&&yf(n);t>="0"&&t<="9"&&Sf(n)},di=({className:e,code:t,codeSize:n=6,disabled:s,error:l,onCompleted:i,onChange:a,onFocus:o,label:c,errorMessage:u,autoFocus:d,...m})=>{const[h,E]=f.useState($j(t,n)||new Array(n).fill(null)),N=f.useRef(!1),{styled:v}=$(),S=T(v,g("otp-list",l&&C("error"),e));f.useEffect(()=>{s||Wj(h)&&(i==null||i(Nf(h)))},[n,h,i,s]),f.useEffect(()=>{N.current=h.find(j=>j!==null)!==void 0,N.current&&(a==null||a(Nf(h)))},[h]);const p=(j,y)=>{const{target:R}=j,L=R.value.trim();L.length>0?E(Qp(L,y,h)):E(h.map((w,k)=>k===y?null:w))},x=j=>{const{target:y}=j;y.setSelectionRange(0,y.value.length)};return r.jsxs(r.Fragment,{children:[c&&r.jsx(A,{markup:lt.P,typo:s&&Zt.TEXT_NEUTRAL||l&&Zt.TEXT_ERROR||Zt.TEXT_MAIN,children:c}),r.jsx("div",{"data-testid":"otp-input",className:S,onClick:()=>{s||o==null||o(!0)},children:h.map((j,y)=>r.jsx("input",{"aria-disabled":s,tabIndex:0,type:"text",inputMode:"numeric",autoComplete:"one-time-code",autoFocus:y===0&&d,pattern:"\\d{1}",maxLength:n,className:"otp",value:`${j??""}`,onKeyUp:Bj,onFocus:x,onChange:R=>p(R,y),disabled:s,...m},y))}),u&&r.jsx(A,{className:T(v,g("otp-error-message")),markup:lt.P,typo:l&&Zt.TEXT_ERROR||Zt.TEXT_MAIN,children:u})]})},No=({className:e,count:t,defaultPage:n=1,pageSize:s=10,onClick:l,testId:i,href:a,...o})=>{const[c,u]=f.useState(n),{styled:d}=$(),m=T(d,g("pagination",C("centered"),e)),h=f.useRef(c),E=O.useMemo(()=>{const v=Math.ceil(t/s);let S=1,p=5;v<=5?(S=1,p=v):c<=3?(S=1,p=5):c+3>=v?(S=v-4,p=v):(S=c-2,p=c+2);const x=[...Array(p+1-S).keys()].map(j=>S+j);return{currentPage:c,pageSize:s,totalPages:v,endPage:p,pages:x}},[c,s,t]);f.useEffect(()=>{l&&h.current!==E.currentPage&&l(E),u(E.currentPage),h.current=E.currentPage},[E.currentPage]);const N=t/s;return r.jsxs("nav",{"data-testid":i,className:m,...o,children:[r.jsx("a",{className:T(d,g("pagination-previous")),...c===1?{"aria-disabled":!0}:{},onClick:()=>{c!==1&&u(c-1)},href:a==null?void 0:a(c-1),children:r.jsx(z,{name:D.ARROW_LEFT})}),r.jsxs("ul",{className:T(d,g("pagination-list")),children:[!E.pages.includes(1)&&r.jsx("li",{children:r.jsx("span",{className:T(d,g("pagination-ellipsis")),children:"…"})}),E.pages.map(v=>r.jsx("li",{"data-testid":`${i}_${v}`,children:r.jsx("a",{className:T(d,g("pagination-link")),...c===v?{"aria-current":!0}:{},"aria-label":`Aller à la page ${v}`,onClick:()=>{u(v)},href:a==null?void 0:a(v),children:v})},v)),!E.pages.includes(N)&&r.jsx("li",{children:r.jsx("span",{className:T(d,g("pagination-ellipsis")),children:"…"})})]}),r.jsx("a",{className:T(d,g("pagination-next")),...c===Math.max(E.totalPages)?{"aria-disabled":!0}:{},onClick:()=>{c!==Math.max(E.totalPages)&&u(c+1)},href:a==null?void 0:a(c+1),children:r.jsx(z,{name:D.ARROW_RIGHT})})]})},bn=({className:e,direction:t,children:n,active:s,arrowPosition:l,content:i,testId:a,...o})=>{const{styled:c}=$(),u=T(c,g("popover",t&&C(`popover-${t}`),s&&C("popover-active"),l&&C(`arrow-${l}`),e));return r.jsxs("div",{"data-testid":a,className:u,...o,children:[n,i&&r.jsx("div",{"data-testid":`${a}_content`,className:T(c,g("popover-content")),children:i})]})};var Oi=(e=>(e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Oi||{});const Vj=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},ke=({className:e,amount:t,mention:n,period:s,showCents:l,level:i,inverted:a,align:o,inline:c,testId:u,accessibilityLabel:d,striked:m,suptitle:h,tagAmount:E,tagSymbol:N,...v})=>{var F;const{styled:S}=$(),p=T(S,g("price",i&&C(`level-${i}`),a&&C("inverted"),c&&C("inlined"),m&&C("striked"),h&&Z("suptitle"),e)),x=T(S,g(o==Ce.ALIGNED_START&&Z("text-left")||o==Ce.ALIGNED_CENTER&&Z("text-centered")||o==Ce.ALIGNED_END&&Z("text-right")||"")),j=t<0,y=Math.abs(t),R=Math.floor(y),L=j?-R:R;let w=Vj(((F=y.toString().split(/[.,]/)[1])==null?void 0:F.substring(0,2))||"");w=w&&w.length===1&&`${w}0`||w;const k=c&&l&&`,${w||"00"} €`||l&&`€${w||"00"}`||"€",U=r.jsxs("span",{className:E?T(S,g(C("aligned-center"),C("flex"))):"",children:[r.jsxs("span",{"data-testid":u,"aria-label":d,className:p,...v,children:[h&&r.jsx("span",{className:"price-suptitle",children:h}),r.jsx(A,{markup:lt.SPAN,children:`${L}`}),r.jsxs("span",{className:T(S,g("price-details")),children:[r.jsxs("span",{className:T(S,g("cents")),children:[c&&k==="€"?r.jsxs(r.Fragment,{children:[" ",k]}):k,n&&r.jsx("sup",{children:n})]}),s&&r.jsxs("span",{className:T(S,g("period")),children:["/",s]})]})]}),E&&r.jsxs("span",{className:T(S,g("price-tag")),children:[r.jsxs(A,{markup:lt.SPAN,typo:[kr.TEXT_WEIGHT_SEMIBOLD,Zt.TEXT_WHITE],children:[E," ",N||"€"]}),N==="€"&&s&&r.jsxs(A,{markup:lt.SPAN,typo:[kr.TEXT_WEIGHT_NORMAL,Zt.TEXT_WHITE],children:[" /",s]})]})]});return o?r.jsx("div",{className:x,children:U}):U};var Xt=(e=>(e[e.LEVEL1=1]="LEVEL1",e[e.LEVEL2=2]="LEVEL2",e[e.LEVEL3=3]="LEVEL3",e[e.LEVEL4=4]="LEVEL4",e[e.LEVEL5=5]="LEVEL5",e[e.LEVEL6=6]="LEVEL6",e[e.LEVEL7=7]="LEVEL7",e))(Xt||{});const Gj=({children:e,className:t,active:n,arrowDirection:s,arrowAlign:l,closeable:i,avatarSrc:a,avatarDirection:o,...c})=>{const[u,d]=f.useState(n||!1),{styled:m}=$();f.useEffect(()=>{d(n||!1)},[n]);const h=T(m,g("product-tour",u&&C("active"),o&&Z(`icon-${o}`),t));return r.jsxs("div",{className:h,...c,children:[s&&r.jsx("div",{className:T(m,g("arrow",C(s),l&&C(l)))}),a&&r.jsx("span",{className:T(m,g("icon",C("medium"))),children:r.jsx("img",{className:T(m,g(C("rounded"))),src:a})}),i&&r.jsx("div",{style:{cursor:"pointer"},onClick:()=>d(!u),children:r.jsx(z,{size:K.SMALL,name:D.TIMES,className:"close"})}),r.jsx("div",{className:T(m,g("product-tour-content")),children:e})]})};var Zp=(e=>(e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Zp||{}),Jp=(e=>(e.LEFT="left",e.RIGHT="right",e))(Jp||{});f.forwardRef((e,t)=>{const{children:n,className:s,percent:l,maxPercent:i=100,status:a,small:o,stacked:c,uniqueLegend:u,firstExtremLegend:d,secondExtremLegend:m,...h}=e,{styled:E}=$(),N=T(E,g("progress",a&&C(Ha(a)),!a&&C("primary"),o&&C("small"),s)),v=T(E,g("progress",c&&C("stacked"),s));return n&&c?r.jsx("div",{ref:t,className:v,...h,children:n}):r.jsxs(r.Fragment,{children:[r.jsx("progress",{className:N,value:l,max:i,...h,children:l}),u&&r.jsx(A,{className:Z("text-centered"),level:_e.TWO,children:u}),d&&m&&r.jsxs(Ye,{mobile:!0,marginSize:3,children:[r.jsx(q,{children:r.jsx(A,{level:_e.TWO,children:d})}),r.jsx(q,{narrow:!0,children:r.jsx(A,{level:_e.TWO,children:m})})]})]})});f.forwardRef((e,t)=>{const{className:n,percent:s,maxPercent:l=100,minPercent:i=0,status:a,accessibilityLabel:o,...c}=e,{styled:u}=$(),d=T(u,g("progress-bar",a&&C(Ha(a)),!a&&C("primary"),n));return r.jsx("div",{ref:t,...s&&{style:{width:`${s}%`}},className:d,role:"progressbar","aria-valuenow":s,"aria-valuemin":i,"aria-valuemax":l,"aria-label":o,...c})});const Cf=({className:e,centered:t,isMobile:n,vertical:s,...l})=>{const{styled:i}=$();return r.jsx("div",{className:T(i,g("radios",e,t&&Z("text-centered"),n&&C("mobile"),s&&C("vertical"))),...l})},Pt=({checked:e,className:t,disabled:n,readonly:s,id:l=qt.generate(),label:i,onChange:a,onClick:o,name:c,value:u,tile:d,description:m,iconTile:h,horizontalTile:E,children:N,narrow:v,marginless:S,testId:p,...x})=>{const{styled:j}=$(),[y,R]=f.useState({checked:e||!1});return f.useEffect(()=>{s||R({checked:e||!1})},[e,s]),r.jsxs("div",{tabIndex:0,className:T(j,g(d?"radio-tile":"radio",v&&C("narrow"),S&&C("marginless"),E&&C("horizontal"),t)),children:[r.jsx("input",{"data-testid":p,type:"radio",readOnly:s,id:l,disabled:n,name:c,value:u,checked:s?e:y.checked,onChange:L=>L,onClick:L=>{const w=L.target;!s&&w.checked&&R({checked:w.checked}),w.value=u||"",a&&a({radioId:w.id,radioValue:w.value,radioName:w.name,radioChecked:w.checked}),o&&o({radioId:w.id,radioValue:w.value,radioName:w.name,radioChecked:w.checked})},...x}),r.jsx("label",{htmlFor:l,className:T(j,g("radio-label")),children:N||r.jsxs(r.Fragment,{children:[h&&r.jsx(z,{name:h,size:K.MEDIUM}),E?r.jsxs("span",{children:[d?r.jsx("span",{className:T(j,g("radio-title")),children:i}):i,d&&m&&r.jsx("span",{className:T(j,g("radio-description")),children:m})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:T(j,g("radio-title")),children:i}):i,d&&m&&r.jsx("span",{className:T(j,g("radio-description")),children:m})]})]})})]})},qj=({min:e,max:t,label:n,valueCursorMin:s,valueCursorMax:l,labelValueCursorMin:i,labelValueCursorMax:a,onChangeMin:o,onChangeMax:c,nameMin:u,idMin:d,nameMax:m,idMax:h,testId:E,gap:N=0})=>{const{styled:v}=$(),[S,p]=f.useState(s??0),[x,j]=f.useState(l??t),y=f.useRef(null);f.useEffect(()=>{if(y.current){const U=y.current;U.style.background=`linear-gradient(to right, ${rr(ce.FADE_NEUTRAL)} ${S/t*100}% , ${rr(ce.MAIN,1)} ${S/t*100}% , ${rr(ce.MAIN,1)} ${x/t*100}%, ${rr(ce.FADE_NEUTRAL)} ${x/t*100}%) `}},[S,x]),f.useEffect(()=>{p(s||0)},[s]),f.useEffect(()=>{j(l||t)},[l]);const R=f.useCallback(U=>{Number(U.target.value)<x-N&&p(Number(U.target.value))},[x,S]),L=f.useCallback(U=>{Number(U.target.value)>S+N&&j(Number(U.target.value))},[x,S]),w=f.useCallback(()=>{o&&o({inputName:u,inputValue:S})},[o,u,S]),k=f.useCallback(()=>{c&&c({inputName:m,inputValue:x})},[c,m,x]);return r.jsxs("div",{"data-testid":E,className:T(v,g("range-container")),children:[r.jsx("label",{className:T(v,g("range-label")),children:n}),r.jsxs("div",{className:T(v,g("range")),children:[r.jsx("div",{ref:y,className:T(v,g("range-track"))}),r.jsx("input",{"data-testid":`${E}_min`,className:T(v,g("range-cursor range-cursor-min")),onMouseUp:w,onChange:R,value:S,type:"range",min:e,max:t,name:u,id:d,"aria-label":n}),r.jsx("input",{"data-testid":`${E}_max`,className:T(v,g("range-cursor range-cursor-max")),onMouseUp:k,onChange:L,value:x,type:"range",min:e,max:t,name:m,id:h,"aria-label":n})]}),r.jsxs("div",{className:T(v,g("range-values")),children:[r.jsxs("div",{children:[r.jsx("span",{className:T(v,g("range-value-min")),children:S}),i&&r.jsxs("span",{children:[" ",i]})]}),r.jsxs("div",{children:[r.jsx("span",{className:T(v,g("range-value-max")),children:x}),a&&r.jsxs("span",{children:[" ",a]})]})]})]})},Ic=f.forwardRef((e,t)=>{const{className:n,gapless:s,...l}=e,{styled:i}=$();return r.jsx("div",{ref:t,className:T(i,g("rows",s&&C("gapless"),n)),...l})}),ds=f.forwardRef((e,t)=>{const{className:n,narrow:s,...l}=e,{styled:i}=$(),a=T(i,g("row",s&&C("narrow"),n));return r.jsx("div",{ref:t,className:a,...l})}),za=f.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:l}=$(),a=T(l,g("scroll-view",t&&(()=>{switch(t){case(Rr==null?void 0:Rr.HORIZONTAL):return C("horizontal");case(Rr==null?void 0:Rr.VERTICAL):return C("vertical");default:return""}})()));return r.jsx("div",{ref:s,className:a,id:e,children:n})});za.displayName="ScrollView";const Q=O.forwardRef((e,t)=>{const{className:n,skeleton:s,backgroundColor:l,backgroundSrc:i,inverted:a,paddingless:o,verticalPaddingless:c,fullwidth:u,...d}=e,{styled:m}=$(),[h,E]=f.useState(s||!1);f.useEffect(()=>{E(s||!1)},[s]);const N=T(m,g("section",n,l&&Z(Bt(l)),i&&Z("background"),a&&C("inverted"),C(h?"loading":"loaded"),u&&C("fullwidth"),o&&C("paddingless"),c&&C("vertical-paddingless")));return r.jsx("section",{ref:t,...i&&{style:{backgroundImage:`url(${i})`}},className:N,...d})}),el=({active:e,onClick:t,disabled:n,className:s,children:l})=>{const[i,a]=f.useState(e||!1),{styled:o}=$();return f.useEffect(()=>{a(e||!1)},[e]),r.jsx("button",{disabled:n,className:T(o,g("segmented-control-item",s,{"is-active":i})),onClick:c=>{const u=c.target;a(e||!1),u.active=e,t&&t(c)},children:l})},Yj=({className:e,onClick:t,disabled:n,marginless:s,children:l,activeIndex:i})=>{const{styled:a}=$(),o=T(a,g("segmented-control",s&&C("marginless"),e)),[c,u]=f.useState(i||0),d=(h,E)=>{if(typeof E<"u"&&!c)return E;if(h===c)return!0},m=(h,E)=>{if(n)return!1;u(E),t&&t(h)};return O.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:o,children:l&&Array.isArray(l)&&l.map((h,E)=>{const N={active:!!d(E,h.props.active)||!1,disabled:h.props.disabled,key:E,onClick:v=>{m(v,E),h&&h.props.onClick&&h.props.onClick(v)}};return h&&typeof h.valueOf()=="string"?r.jsx(el,{disabled:N.disabled,active:N.active,onClick:v=>t==null?void 0:t(v),children:h},N.key):O.cloneElement(h,N)})})},Xj=({onChange:e,nullable:t,disabled:n,onFocus:s,onBlur:l,children:i,selected:a,name:o,id:c,testId:u,label:d,iconName:m,multiple:h,className:E})=>{const{styled:N}=$(),[v,S]=O.useState(!1),[p,x]=O.useState(a),[j,y]=O.useState([]),R=O.useId(),L=O.useMemo(()=>T(N,g("select",E)),[N,E]),[w,k]=f.useState(-1),U=O.useCallback(()=>{S(Y=>!Y)},[]),F=O.useCallback(Y=>{Y===13&&S(ae=>h&&!ae?!0:h&&ae?ae:!ae)},[h]),se=f.useCallback(Y=>h&&p&&typeof p!="string"&&typeof p!="number"?p==null?void 0:p.includes(Y):p===Y,[h,p]),fe=f.useCallback(({isChecked:Y,children:ae,label:me,value:H})=>{const G=[];return Y&&x(W=>{switch(!0){case(Array.isArray(W)&&t):y(ge=>ge.filter(Ot=>![ae,me].includes(Ot)));const X=W.filter(ge=>ge!==H);return G.push(...X),X;case(Array.isArray(W)&&!t):return G.push(...W),W;case(!Array.isArray(W)&&!t):return G.push(H),W;case(!Array.isArray(W)&&t):y([]);return;default:return H}}),Y||(x(W=>{if(Array.isArray(W)){const X=[...W,H];return G.push(...X),X}return G.push(H),H}),y(W=>h?[...W,ae||me]:[ae||me])),G},[h,t]);O.useEffect(()=>{var ae;const Y=(ae=O.Children.map(i,me=>{if(!O.isValidElement(me))return!1;const H=me.props.children||me.props.label;switch(!0){case(Array.isArray(a)&&a.includes(me.props.value)||!Array.isArray(a)&&me.props.value===a):return H;default:return!1}}))==null?void 0:ae.filter(me=>me);Y&&y(Y),x(a)},[a]),O.useEffect(()=>{const Y=ae=>{const me=i,H=me[w];switch(ae.preventDefault(),!0){case ae.key==="ArrowDown":re&&k(W=>{let X=(W+1)%re.length;return me[X].props.disabled&&X++,X%re.length});break;case(ae.key==="ArrowUp"&&w!==-1):re&&k(W=>{let X=(W-1+re.length)%re.length;return me[X].props.disabled&&X--,X===-1&&(X=re.length-1),X%re.length});break;case(ae.key==="ArrowUp"&&w===-1):re&&k(()=>{let W=re.length-1;return me[W].props.disabled&&W--,W});break;case(["Enter"].includes(ae.key)&&w!==-1&&!H.props.disabled):const G=se(H.props.value);fe({children:H.props.children,label:H.props.label,value:H.props.value,isChecked:G});break;case ae.key==="Escape":k(-1),S(!1);break;default:return}};return v&&document.addEventListener("keydown",Y),!v&&k(-1),()=>document.removeEventListener("keydown",Y)},[v,w,i,se]);const Ae=f.useMemo(()=>r.jsx("div",{role:"presentation",className:"select-trilogy_modal_open",onClick:()=>S(!1)}),[]),re=O.useMemo(()=>O.Children.map(i,(Y,ae)=>{if(!O.isValidElement(Y))return null;const me=G=>{switch(!0){case(t&&h&&(p==null?void 0:p.includes(Y.props.value))||t&&!h&&p===Y.props.value):return;default:return G}},H={...Y.props,checked:se(Y.props.value),focused:w===ae?"true":void 0,onClick:()=>{const G=fe({children:Y.props.children,label:Y.props.label,value:Y.props.value,isChecked:se(Y.props.value)});e&&e({selectValue:me(Y.props.value),selectName:me(Y.props.children||Y.props.label),selectId:me(Y.props.id),name:me(Y.props.children||Y.props.label),selectedOptions:G}),Y.props.onClick&&Y.props.onClick()}};return f.createElement(Re,{...H,key:`${R}_${ae}`})}),[h,t,p,w,i]);return r.jsxs("div",{className:L,children:[r.jsx(xe,{value:j.join(", "),testId:u,name:o,disabled:n,placeholder:d,onFocus:s,customIconLeft:m,customIconRight:v?"tri-arrow-up":"tri-arrow-down",onBlur:l,onClick:U,className:T(N,g(v&&"focus")),onKeyPress:Y=>{Y.preventDefault()},onKeyUp:Y=>{Y.preventDefault(),F(Y.inputKeyCode)},readOnly:!0,id:c,role:"listbox"}),v&&r.jsx("div",{className:T(N,g("select-options")),children:re}),v&&WE.createPortal(Ae,document.body)]})},Kj=({onChange:e,disabled:t,onFocus:n,onBlur:s,children:l,selected:i,name:a,id:o,testId:c,label:u,iconName:d,multiple:m,className:h,accessibilityLabel:E,...N})=>{const{styled:v}=$(),S=f.useMemo(()=>T(v,g("select",h)),[v,h,d]),[p,x]=f.useState(!1),[j,y]=f.useState(i);f.useEffect(()=>{y(i)},[i]);const R=f.useMemo(()=>({input:T(v,g("input",t&&C("disabled"),"select-native",m&&"multiple",h)),control:T(v,g("control",Z("dynamic-placeholder"),d&&"has-icons-left",d&&"has-icons-right"))}),[v,t,d,h,m]),L=f.useCallback(k=>{x(!0),n&&n(k)},[]),w=f.useCallback(k=>{x(!1),s&&s(k)},[]);return r.jsx("div",{className:S,children:r.jsx("div",{className:T(v,g("field",p&&"focus")),children:r.jsxs("div",{className:R.control,children:[r.jsx("div",{className:R.input,children:r.jsx("select",{multiple:m,className:T(v,g(!u&&"no-label")),value:j,"aria-label":E,"data-testid":c,onChange:k=>{const U=Array.from(k.target.selectedOptions).map(F=>F.value);y(U),e&&e({selectValue:k.target.value,selectName:k.target.name,selectId:k.target.id,name:k.target.name,selectedOptions:U})},onFocus:L,onBlur:w,id:o?String(o):void 0,name:a,disabled:t,...N,role:"listbox",children:f.Children.map(l,k=>{if(!f.isValidElement(k))return null;const U={...k.props,native:"true"};return r.jsx(Re,{...U})})})}),u&&!m&&r.jsx("label",{htmlFor:o,children:u}),d&&r.jsx("div",{children:r.jsx(z,{name:d,size:"small"})}),!m&&r.jsx("div",{children:r.jsx(z,{className:"icon-right",name:p?"tri-arrow-up":"tri-arrow-down",size:K.SMALL})})]})})})},Kr=({native:e,...t})=>e?r.jsx(Kj,{...t}):r.jsx(Xj,{...t}),Re=f.forwardRef((e,t)=>{const{id:n,className:s,value:l,disabled:i,children:a,onClick:o,label:c,iconName:u,testId:d,...m}=e,{checked:h,native:E,focused:N,...v}=m,S=f.useMemo(()=>g(N&&"focus",s),[N,s]);return E?r.jsx("option",{ref:t,role:"option",id:n,value:l,disabled:i,"aria-label":c,"data-testid":d,onClick:o,...v,children:a||c}):r.jsx(Pt,{checked:h,tile:!0,horizontalTile:!0,marginless:!0,className:S,value:l,disabled:i,onClick:o,iconTile:u,description:c||a,testId:d,...m})}),Di=({active:e,children:t,className:n,onClick:s,...l})=>{const[i,a]=f.useState(e||!1),o={li:{role:"presentation"},a:{role:"selector","aria-selected":i}};return f.useEffect(()=>{a(e||!1)},[e]),r.jsx("li",{className:g(n,{"is-active":i}),...o.li,...l,onClick:c=>{const u=c.target;a(e||!1),u.active=e,s&&s(c)},children:t&&typeof t.valueOf()=="string"&&r.jsx(A,{markup:lt.A,...o.a,...l,children:String(t)})})},Qj=({children:e,className:t,onClick:n,activeIndex:s,disabled:l,align:i,justify:a,...o})=>{const[c,u]=f.useState(s||0),d=g("selector",i&&C(In(i)),a&&C(a),t),m=(E,N)=>{if(typeof N<"u"&&!c)return N;if(E===c)return!0},h=(E,N)=>{if(l)return!1;u(N),n&&n(E)};return f.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:d,role:"tablist",...o,children:r.jsx("ul",{children:e&&Array.isArray(e)&&e.map((E,N)=>{const v={active:!!m(N,E.props.active)||!1,key:N,tabIndex:N,onClick:S=>{h(S,N),E&&E.props.onClick&&E.props.onClick(S)}};return typeof E.valueOf()=="string"?r.jsx(Di,{active:v.active,onClick:S=>n==null?void 0:n(S),children:r.jsx(A,{children:String(E)})}):O.cloneElement(E,v)})})})},ve=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return r.jsx("div",{style:n.spacer})},Ws=e=>8*e;var be=(e=>(e[e.NONE=0]="NONE",e[e.SMALLER=Ws(.5)]="SMALLER",e[e.SMALL=Ws(1)]="SMALL",e[e.MEDIUM=Ws(2)]="MEDIUM",e[e.LARGE=Ws(3)]="LARGE",e[e.HUGE=Ws(4)]="HUGE",e))(be||{});const Zj=f.forwardRef((e,t)=>{const{className:n,centered:s,children:l,...i}=e,{styled:a}=$(),o=T(a,g("stepper-wrapper",n)),c=T(a,g("section",Z("text-centered"),n)),[u,d]=f.useState(0),m=f.useMemo(()=>l&&Array.isArray(l)?l.length:l&&!Array.isArray(l)?1:0,[l]);return f.useEffect(()=>{if(l)if(Array.isArray(l)){let h=!1;l.map(E=>{var N;(N=E==null?void 0:E.props)!=null&&N.current&&(h=!0,d(E.props.step))}),h||d(1)}else d(1)},[l]),s?r.jsx("section",{ref:t,className:c,children:r.jsxs("div",{className:o,...i,children:[l,r.jsxs("div",{className:"step-count",children:[u,"/",m]})]})}):r.jsxs("div",{ref:t,className:o,...i,children:[l,r.jsxs("div",{className:"step-count",children:[u,"/",m]})]})});var Mi=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(Mi||{});const Bs=O.forwardRef((e,t)=>{const{children:n,className:s,active:l,markup:i,current:a,done:o,label:c,iconName:u,error:d,...m}=e,{styled:h}=$(),E=T(h,g("step-label")),N=T(h,g("stepper-item",l&&C("active"),a&&C("current"),o&&C("done"),d&&C("error"),s)),S=i&&(p=>{if(p in Mi||Object.values(Mi).includes(p))return!0})(i)?i:Mi.DIV;return r.jsx(S,{ref:t,className:N,"data-label":c,...m,children:r.jsxs("div",{className:E,children:[c||n,!o&&u&&r.jsx(z,{name:u&&u,className:"step-icon",size:K.MEDIUM})]})})});var kc=(e=>(e.DIV="div",e.P="p",e.SPAN="span",e))(kc||{});const jr=({className:e,children:t,variant:n,small:s,hat:l,markup:i,outlined:a,...o})=>{const{styled:c}=$(),u=T(c,g("sticker",n&&C(Lj(n)),s&&C("small"),l&&C("hat"),e,a&&C("outlined"))),m=i&&(h=>{if(h in kc||Object.values(kc).includes(h))return!0})(i)?i:"div";return r.jsx(m,{className:u,...o,children:t})},Nr=({className:e,id:t=qt.generate(),label:n,value:s,checked:l,onChange:i,onClick:a,status:o,disabled:c,readonly:u,name:d,reversed:m,...h})=>{const[E,N]=f.useState(l||!1),{styled:v}=$();return O.useEffect(()=>{N(l||!1)},[l]),f.useEffect(()=>{u||N(l||!1)},[l,u]),r.jsxs("div",{className:T(v,g("switch",m&&C("reversed"),e)),children:[r.jsx("input",{onChange:S=>{u||N(!E),i&&i({switchState:S.target.checked,switchName:S.target.name})},onClick:S=>{u||N(!E),a&&a({switchState:S.target.checked,switchName:S.target.name})},name:d,value:s,checked:u?l:E,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:T(v,g(o&&C(Ha(o)))),...h}),r.jsx("label",{htmlFor:`switch-${t}`,children:n})]})},So=({className:e,fullwidth:t,bordered:n,comparative:s,striped:l,compact:i,...a})=>{const{styled:o}=$(),c=T(o,g("table",t&&C("fullwidth"),n&&C("bordered"),s&&C("comparative"),l&&C("striped"),i&&C("compact"),e));return r.jsx("table",{className:c,...a})},yo=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:l}=$(),i=T(l,g(e,n&&Z(Bt(n)),t&&C(jt(t))));return r.jsx("thead",{className:i,...s})},Co=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:l}=$(),i=T(l,g(e,n&&Z(Bt(n)),t&&C(jt(t))));return r.jsx("tbody",{className:i,...s})},Ke=({className:e,colSpan:t,rowSpan:n,...s})=>{const{styled:l}=$(),i=T(l,g(e));return r.jsx("th",{className:i,colSpan:t,rowSpan:n,...s})},pt=({className:e,expandable:t,expanded:n,expansion:s,color:l,...i})=>{const{styled:a}=$(),o=T(a,g(e,t&&C("expandable"),n&&C("expanded"),s&&C("expansion"),l&&jt(l)));return r.jsx("tr",{className:o,...i})},J=({className:e,rowSpan:t,colSpan:n,...s})=>{const{styled:l}=$(),i=T(l,g(e));return r.jsx("td",{className:i,rowSpan:t,colSpan:n,...s})},Sr=O.forwardRef((e,t)=>{const{children:n,className:s,onClick:l,activeIndex:i,disabled:a,rightAlign:o,fullwidth:c,align:u,centered:d,marginless:m,inverted:h,shadowless:E,textAlign:N,testId:v,...S}=e,[p,x]=f.useState(i||0),{styled:j}=$(),[y,R]=O.useState(!1),L=T(j,g("tabs",o&&C("right"),c&&C("fullwidth"),d&&C("centered"),m&&C("marginless"),y&&C("icons"),s)),w=O.useCallback((U,F)=>{if(typeof F<"u"&&!p)return F;if(U===p)return!0},[p]),k=O.useCallback((U,F)=>{if(a)return!1;x(F),l&&l(U)},[a]);return f.useEffect(()=>{x(p)},[i]),r.jsx("div",{ref:t,className:T(j,g("tab-context",h&&C("inverted"),u&&Z(`text-${u}`),E&&C("shadowless"),N&&N)),"data-tabs-context":"","data-testid":v,children:r.jsx("div",{className:L,role:"tablist",...S,children:O.Children.map(n,(U,F)=>{if(O.isValidElement(U)){!y&&U.props.iconName&&R(!0);const Ae={active:!!w(F,U.props.active)||!1,key:F,onClick:re=>{k(re,F),U&&U.props.onClick&&U.props.onClick(re)}};return O.cloneElement(U,Ae)}})})})}),oe=O.forwardRef((e,t)=>{const{active:n,children:s,className:l,onClick:i,to:a,href:o,routerLink:c,iconName:u,disabled:d,testId:m,...h}=e,[E,N]=f.useState(n||!1),{styled:v}=$(),S={a:{"aria-selected":E,"data-tab-navigation":""}};f.useEffect(()=>{N(n||!1)},[n]);const p=T(v,g("tab",l,{"is-active":E}));if(c&&(a||o)){const x=c||"a";return r.jsxs(x,{ref:t,"data-testid":m,tabIndex:0,...S.a,to:a,href:o,className:p,...h,onClick:j=>{if(!d){const y=j.target;N(n||!1),y.active=n,i&&i(j)}},children:[r.jsx("div",{className:"tab-icon",children:u&&r.jsx(z,{align:"ALIGNED_CENTER",size:"small",name:u})}),s]})}return r.jsxs("button",{ref:t,"aria-disabled":d,disabled:d,className:p,role:"tab","data-testid":m,...S.a,...h,onClick:x=>{if(!d){const j=x.target;N(n||!1),j.active=n,i&&i(x)}},children:[r.jsx("div",{className:"tab-icon",children:u&&r.jsx(z,{align:"ALIGNED_CENTER",size:"small",name:u})}),s]})}),We=({children:e,className:t,variant:n,deletable:s,onClick:l,inverted:i,small:a,iconName:o,testId:c,...u})=>{const[d,m]=f.useState(s||!1),{styled:h}=$(),E=T(h,g("tag",!s&&n&&C(jt(n)),!s&&i&&C("inverted"),a&&C("small"),!s&&t,s&&!d&&C("hidden"))),N=T(h,g(n&&C(jt(n)))),v=p=>{m(!1),l&&l(p)},S=T(h,g("tags",n&&C(jt(n)),s&&[Z("addons"),C("delete")],i&&C("inverted"),a&&C("small"),t));return s&&d?r.jsxs("div",{"data-testid":c,className:S,children:[r.jsx("span",{className:E,children:e}),r.jsx("a",{"data-testid":`${c}_close_button`,onClick:v,className:E})]}):r.jsxs("span",{"data-testid":c,onClick:l&&l,className:E,...u,children:[o&&r.jsx(z,{className:N,name:o}),e]})},Ro=f.forwardRef((e,t)=>{const{className:n,gapless:s,centered:l,marginless:i,...a}=e,{styled:o}=$();return r.jsx("span",{ref:t,className:T(o,g("tags",l&&C("centered"),s&&C("gapless"),i&&C("marginless"),n)),...a})});var Be=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING",e))(Be||{});const yn=({className:e,sample:t,required:n,disabled:s,onChange:l,placeholder:i,defaultValue:a,help:o,status:c,statusIconName:u,dynamicPlaceholder:d=!0,rows:m,ref:h,label:E,maxLength:N,minLength:v,iconName:S,typo:p,testId:x,...j})=>{const[y,R]=f.useState(a||""),{styled:L}=$();f.useEffect(()=>{R(a||"")},[a]);const w=T(L,g("textarea-wrapper",e,c&&C(c))),k=T(L,g("textarea",d&&Z("dynamic-label"),S&&Z("icon"))),U=g("help"),F=T(L,g("counter",N));return r.jsxs("div",{className:w,children:[!d&&r.jsxs("label",{className:"textarea-label",children:[E," ",E&&n&&r.jsx(A,{markup:lt.SPAN,typo:Zt.TEXT_ERROR,children:"*"})]}),!d&&E&&t&&r.jsx(A,{className:"textarea-sample",level:_e.TWO,typo:Zt.TEXT_DISABLED,children:t}),r.jsx("textarea",{"data-testid":x,minLength:v,disabled:s,ref:h,...j,className:k,value:y,onChange:se=>{R(se.target.value),l&&l({textareaName:se.target.name,textareaValue:se.target.value})},placeholder:i,rows:m,maxLength:N,required:n}),d&&r.jsx("label",{children:E}),S&&r.jsx(z,{name:S,size:"small"}),u&&r.jsx(z,{name:u,size:"small"}),o&&r.jsx(A,{typo:p,className:U,children:o}),N&&r.jsx("div",{className:F,children:`${y.length}/${N==null?void 0:N.toString()}`})]})},Hn=({children:e,className:t,heading:n,content:s,link:l,contentLink:i,onClick:a,...o})=>{const{styled:c}=$(),u=T(c,g("timeline-content",t));return e?r.jsx("div",{className:u,...o,children:e}):r.jsxs("div",{className:u,...o,onClick:d=>{a==null||a(d),d.stopPropagation()},children:[n&&r.jsx(A,{markup:lt.P,children:n}),s&&r.jsx(A,{className:"main-content",markup:lt.P,children:s}),l&&r.jsx(at,{href:l,children:i||l})]})},zn=f.forwardRef((e,t)=>{const{className:n,done:s,active:l,undone:i,cancel:a,...o}=e,{styled:c}=$(),u=T(c,g("timeline-item",s&&"done",l&&"active",i&&"undone",a&&"cancel",n));return r.jsx("div",{ref:t,className:u,...o})}),$n=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:l,...i})=>{const{styled:a}=$(),o=T(a,g("timeline-marker",C("icon"),e)),c=g(t);return r.jsx("div",{className:o,...i,"data-testid":l,children:r.jsx("div",{className:"card-header-icon",children:r.jsx(z,{color:s,className:c,name:n,size:K.SMALL})})})},Rf=f.forwardRef((e,t)=>{const{className:n,notifications:s,horizontal:l,...i}=e,{styled:a}=$(),o=T(a,g("timeline",s&&s,l&&C("horizontal"),n));return r.jsx("div",{ref:t,className:o,...i})});var Es=(e=>(e.BUTTON="button",e.INPUT="input",e.A="a",e.SPAN="span",e.DIV="div",e.P="p",e.UL="ul",e.LI="li",e.LABEL="label",e))(Es||{});const Ge=({children:e,style:t,className:n,loading:s,onClick:l,backgroundColor:i,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:m,align:h,...E})=>{const{styled:N}=$(),S=u&&(x=>{if(x in Es||Object.values(Es).includes(x))return!0})(u)?u:"div",p=T(N,g(typeof s=="string"&&C(Tj(s)),C(typeof s=="boolean"?"loading":"loaded"),i&&Z(Bt(i)),a&&Z("background"),o&&C("inverted")||C("base"),c&&C("fullwidth"),d&&C("flex"),typeof m=="string"&&C(wj(m)),typeof h=="string"&&C(In(h)),n));return r.jsx(S,{onClick:l,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...E,children:e})},Jj=()=>r.jsxs(Q,{children:[r.jsx(_,{level:M.TWO,children:"Base"}),r.jsx(ve,{size:10}),r.jsxs(Mu,{children:[r.jsxs(er,{id:"ONE",active:!0,children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(nr,{dataId:"totooooo-test-id",testId:"totooooo",children:r.jsx(A,{children:"Lorem ipsum dolor sit amet lorem"})})]}),r.jsxs(er,{active:!0,id:"TWO",children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(nr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(er,{id:"THREE",children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(nr,{children:r.jsx(A,{children:"Collpased by default"})})]}),r.jsxs(er,{disabled:!0,id:"FOUR",children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(nr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(V,{})]}),wf=()=>0,ex=O.createContext({show:wf,hide:wf}),e0={icons:{},colors:{},fontFamily:{}},t0={theme:e0,setTheme:()=>{}},n0=O.createContext(t0);var Ve;(function(e){e.BACKGROUND="WHITE",e.FADE_BACKGROUND="FADE_WHITE",e.MAIN="MAIN",e.FADE_MAIN="FADE_MAIN",e.ACCENT="ACCENT",e.FADE_ACCENT="FADE_ACCENT",e.FONT="FONT",e.FADE_FONT="FADE_FONT",e.SUCCESS="SUCCESS",e.FADE_SUCCESS="FADE_SUCCESS",e.INFO="INFO",e.FADE_INFO="FADE_INFO",e.WARNING="WARNING",e.FADE_WARNING="FADE_WARNING",e.ERROR="ERROR",e.FADE_ERROR="FADE_ERROR",e.DISABLED="DISABLED",e.FADE_DISABLED="FADE_DISABLED",e.NEUTRAL="NEUTRAL",e.FADE_NEUTRAL="FADE_NEUTRAL"})(Ve||(Ve={}));const Pi={[Ve.BACKGROUND]:["#fff","#E9E9E9","white","main"],[Ve.MAIN]:["#3d5d7e","#eff2f8","main","white"],[Ve.ACCENT]:["#da641b","#bb5118","accent","white"],[Ve.FONT]:["#3d5d7e","#BBC6CD","main","white"],[Ve.SUCCESS]:["#007B52","#cae8ca","success","white"],[Ve.INFO]:["#1A688A","#c8dbec","info","white"],[Ve.WARNING]:["#FFBB33","#ecdbc6","warning","white"],[Ve.ERROR]:["#D42D02","#eecccc","error","white"],[Ve.DISABLED]:["#646464","#D1D1D1","disabled","white"],[Ve.NEUTRAL]:["#707070","#F4F4F4","grey","white"]},Fr=e=>Pi[e][2],r0=e=>{switch(e){case"CONVERSION":return"conversion";case"PRIMARY":return"primary";case"SECONDARY":return"secondary";case"GHOST":return"ghost";case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";case"DISABLED":return"disabled";default:return"primary"}},tx=(e,t)=>{if(e.startsWith("FADE_")&&(t=1,e=e.replace("FADE_","")),typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=f.useContext(n0),s=(n==null?void 0:n.colors)||Pi,l=s[e]||s.default,i=t&&t!==void 0&&t>=0&&t<l.length?t:0;return!e||!Pi[e]?s.default:l[i]}else{const n=Pi[e],s=t!==void 0&&t>=0&&t<n.length?t:0;return n[s]}},Dl=e=>e&&typeof e=="object"?`background-${Fr(e.color)}${e.fade?"-fade":""}`:e.startsWith("FADE-")?`background-${Fr(e.replace("FADE-",""))}-fade`:`background-${Fr(e)}`;var Tf;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(Tf||(Tf={}));const s0=e=>{switch(e){case"MAIN":return"text-main";case"ACCENT":return"text-accent";case"INFO":return"text-info";case"WHITE":return"text-white";case"NEUTRAL":return"text-neutral";case"SUCCESS":return"text-success";case"WARNING":return"text-warning";case"ERROR":return"text-error";default:return""}};var cn;(function(e){e.ALERT="tri-alert",e.ARROW_DOWN="tri-arrow-down",e.ARROW_LEFT="tri-arrow-left",e.ARROW_RIGHT="tri-arrow-right",e.ARROW_UP="tri-arrow-up",e.BELL="tri-bell",e.CHECK_CIRCLE="tri-check-circle",e.CHECK="tri-check",e.EXCLAMATION_CIRCLE="tri-exclamation-circle",e.EYE_SLASH="tri-eye-slash",e.EYE="tri-eye",e.INFOS_CIRCLE="tri-infos-circle",e.SEARCH="tri-search",e.TIMES="tri-times",e.TIMES_CIRCLE="tri-times",e.TRASH="tri-trash",e.PICTO_FACILITI="tri-picto-faciliti",e.PICTO_HANDICAPZERO="tri-picto-handicapzero",e.PICTO_LA_FIBRE="tri-picto-la-fibre",e.PICTO_PAYMENT_AMERICANEXPRESS="tri-picto-payment-americanexpress",e.PICTO_PAYMENT_CB="tri-picto-payment-cb",e.PICTO_PAYMENT_MASTERCARD="tri-picto-payment-mastercard",e.PICTO_PAYMENT_PAYPAL="tri-picto-payment-paypal",e.PICTO_PAYMENT_VISA="tri-picto-payment-visa"})(cn||(cn={}));var hn;(function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller"})(hn||(hn={}));var fa;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE"})(fa||(fa={}));var _c;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.INFO="INFO",e.WARNING="WARNING",e.MAIN="MAIN",e.BACKGROUND="BACKGROUND",e.ACCENT="ACCENT",e.NEUTRAL="NEUTRAL",e.WHITE="WHITE",e.GREY="NEUTRAL"})(_c||(_c={}));var Gn;(function(e){e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right"})(Gn||(Gn={}));var ma;(function(e){e.DIV="div",e.A="a",e.P="p",e.SPAN="span"})(ma||(ma={}));var Lf;(function(e){e.TOP="top",e.BOTTOM="bottom"})(Lf||(Lf={}));function l0(e,t){return!e&&!t?"":Se(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function nx(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const I=nx("is"),Se=nx("has"),i0="e4daf4e",a0={HASH:i0},P=(e=!1,t)=>t.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${a0.HASH}`).join(" "):t;var Oc;(function(e){e.Browser="browser",e.Server="server",e.Native="native"})(Oc||(Oc={}));const{Browser:Fi,Server:rx,Native:sx}=Oc,o0=!!(typeof window<"u"&&window.document&&window.document.createElement),c0=typeof navigator<"u"&&navigator.product=="ReactNative",Qr=c0?sx:o0?Fi:rx,Af={isBrowser:Qr===Fi,isServer:Qr===rx,isNative:Qr===sx,device:Qr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Qr===Fi&&!!window.addEventListener,canUseViewport:Qr===Fi&&!!window.screen},u0=(...e)=>Object.assign({},...e),d0=e=>Object.values(e),f0=()=>u0((d0(Af),Af));f0();const m0=f.createContext({styled:!1,setStyled:()=>{}}),ne=()=>{const e=f.useContext(m0);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},If=({className:e,name:t,status:n,statusPosition:s,size:l,testId:i})=>{const{styled:a}=ne(),o=P(a,g("icon",l&&I(`${l}`),I("ancestor"),Se("status"),e)),c=P(a,g("icon is-circled is-descendant",n&&I(`${n.toLowerCase()}`),s&&I(`${s}`))),u=P(a,g(n===fa.SUCCESS?cn.CHECK_CIRCLE:cn.TIMES));return f.createElement("span",{className:o,"aria-hidden":"true","data-testid":i},f.createElement("span",{className:P(a,g(t))}),f.createElement("span",{className:c},f.createElement("i",{className:u})))},kf=({className:e,name:t,status:n,size:s,color:l,backgroundColor:i,testId:a})=>{const{styled:o}=ne(),c=i&&Se(Dl(i))||l0(n||"",fa.INFO)||Se(Dl(Ve.MAIN)),u=P(o,g("icon",Se(l?s0(l):"text-white"),I(l||Ve.BACKGROUND),[I(`${s}`)],I("circled"),c,e)),d=P(o,g(t));return f.createElement("span",{className:u,"data-testid":a},f.createElement("i",{className:d}))},Dc=({className:e,textClassName:t,name:n,content:s,position:l,markup:i,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=ne(),h=i&&(E=>{if(E in ma||Object.values(ma).includes(E))return!0})(i)?i:"span";return l?f.createElement("span",{className:P(d,g("icon-and-text",(l===Gn.UP||l===Gn.DOWN)&&I("stacked"),e))},(l===Gn.RIGHT||l===Gn.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?f.createElement(h,{className:P(d,g(t)),id:a,"aria-level":o,role:c},String(s)):s),f.createElement(Nt,{name:n,className:e,...u}),(l===Gn.UP||l===Gn.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?f.createElement(h,{className:P(d,g(t)),id:a,"aria-level":o,role:c},String(s)):s)):f.createElement("span",{className:P(d,g("icon-and-text",e))},f.createElement(Nt,{name:n,...u}),s&&typeof s.valueOf()=="string"?f.createElement(h,{className:P(d,g(t)),id:a,"aria-level":o,role:c},String(s)):s)};var dl;(function(e){e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END"})(dl||(dl={}));const _r=e=>{switch(e){case"ALIGNED_CENTER":return"aligned-center";case"ALIGNED_START":return"aligned-start";case"ALIGNED_END":return"aligned-end";default:return"aligned-start"}},Nt=({className:e,textClassName:t,size:n,name:s,status:l,circled:i,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:m,stretched:h,color:E,backgroundColor:N,onClick:v,align:S,skeleton:p,verticalAlign:x,testId:j,marginless:y,...R})=>{const{styled:L}=ne(),w=P(L,g("icon",h&&I("stretched"),n&&I(n),u&&I("stacked"),E&&I(`${Fr(E)}`),p&&I("loading"),d&&I("stacked"),y&&I("marginless"),e));e=g(a&&x&&I(`${_r(x)}`),e);const k=P(L,g(S&&_r(S)==="aligned-start"&&Se("text-left")||_r(S)==="aligned-center"&&Se("text-centered")||_r(S)==="aligned-end"&&Se("text-right")));return i||i&&l?S?f.createElement("div",{className:k},f.createElement(kf,{testId:j,onClick:v&&v,className:e,name:s,status:l,size:n,color:E,backgroundColor:N,...R})):f.createElement(kf,{testId:j,onClick:v&&v,className:e,name:s,status:l,size:n,color:E,backgroundColor:N,...R}):l?S?f.createElement("div",{className:k},f.createElement(If,{testId:j,onClick:v&&v,statusPosition:m,className:e,name:s,size:n,status:l,...R})):f.createElement(If,{testId:j,onClick:v&&v,statusPosition:m,className:e,name:s,size:n,status:l,...R}):a&&!d?S?f.createElement("div",{className:k},f.createElement(Dc,{testId:j,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:l,color:E,...R})):f.createElement(Dc,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:l,color:E,...R}):d?S?f.createElement("div",{className:k},f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}),f.createElement("span",{className:P(L,g("badge",I("up")))},d)),a&&f.createElement("span",{className:P(L,g(t))},a)):f.createElement(f.Fragment,null,f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}),f.createElement("span",{className:P(L,g("badge",I("up")))},d)),a&&f.createElement("span",{className:P(L,g(t))},a)):h?S?f.createElement("div",{className:k},f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}))):f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"})):E?S?f.createElement("div",{className:k},f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}))):f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"})):S?f.createElement("div",{className:k},f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}))):f.createElement("span",{"data-testid":j,onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}))};var Tn;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR"})(Tn||(Tn={}));const $a=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}};var qn;(function(e){e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL"})(qn||(qn={}));var _f;(function(e){e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between"})(_f||(_f={}));const h0=e=>{switch(e){case"justified-center":return"centered";case"justified-start":return"justified-start";case"justified-end":return"justified-end";case"space-between":return"spaced-between";default:return"justified-start"}};var Of;(function(e){e.LOADING="LOADING",e.LOADED="LOADED"})(Of||(Of={}));const p0=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Df;(function(e){e.TOP="TOP",e.BOTTOM="BOTTOM"})(Df||(Df={}));var fl;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(fl||(fl={}));var Ls;(function(e){e.TEXT_CENTERED="has-text-centered",e.TEXT_JUSTIFIED="has-text-justified",e.TEXT_LEFT="has-text-left",e.TEXT_RIGHT="has-text-right"})(Ls||(Ls={}));var Ml;(function(e){e.TEXT_WEIGHT_NORMAL="has-text-weight-normal",e.TEXT_WEIGHT_MEDIUM="has-text-weight-medium",e.TEXT_WEIGHT_SEMIBOLD="has-text-weight-semibold",e.TEXT_WEIGHT_BOLD="has-text-weight-bold"})(Ml||(Ml={}));var ha;(function(e){e.TEXT_MAIN="has-text-main",e.TEXT_ACCENT="has-text-accent",e.TEXT_INFO="has-text-info",e.TEXT_SUCCESS="has-text-success",e.TEXT_WARNING="has-text-warning",e.TEXT_ERROR="has-text-error",e.TEXT_NEUTRAL="has-text-grey",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled"})(ha||(ha={}));var Mf;(function(e){e.TEXT_CAPITALIZED="is-capitalized",e.TEXT_LOWERCASE="is-lowercase",e.TEXT_UPPERCASE="is-uppercase",e.TEXT_ITALIC="is-italic"})(Mf||(Mf={}));var zt;(function(e){e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR"})(zt||(zt={}));var fn;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(fn||(fn={}));const Xe=({level:e,markup:t,children:n,className:s,href:l,title:i,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:m,htmlContent:h,marginless:E,link:N,numberOfLines:v,...S})=>{const{styled:p}=ne(),j=P(p,g(N?"link":"text",e&&(()=>{if(e)switch(e){case zt.ONE:return I("level-1");case zt.TWO:return I("level-2");case zt.THREE:return I("level-3");case zt.FOUR:return I("level-4");default:return I(`level-${e}`)}})(),c&&I("inverted"),o,I(u?"loading":"loaded"),E&&I("marginless"),v&&I("text-ellipsis"),s)),R=t&&(L=>{if(L in fn||Object.values(fn).includes(L))return!0})(t)?t:"p";return f.createElement(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":m,onClick:a,title:i,className:j,...h&&{dangerouslySetInnerHTML:{__html:h}},...R===fn.A&&{href:l},...S},n)};var ue;(function(e){e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e.FIVE="FIVE",e.SIX="SIX"})(ue||(ue={}));var Pl;(function(e){e.H1="h1",e.H2="h2",e.H3="h3",e.H4="h4",e.H5="h5",e.H6="h6",e.P="p",e.SPAN="span",e.DIV="div"})(Pl||(Pl={}));const x0=e=>{if(e)switch(e){case ue.ONE:return I("level-1");case ue.TWO:return I("level-2");case ue.THREE:return I("level-3");case ue.FOUR:return I("level-4");case ue.FIVE:return I("level-5");case ue.SIX:return I("level-6");default:return I(`level-${e}`)}},v0=e=>e in Pl||Object.values(Pl).includes(e),Ne=({level:e=ue.ONE,markup:t,children:n,className:s,typo:l,skeleton:i,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:m,marginless:h,htmlContent:E,...N})=>{const[v,S]=f.useState(i||!1),{styled:p}=ne(),x=P(p,g("title",e&&x0(e),l,I(v?"loading":"loaded"),a&&I("inverted"),h&&I("marginless"),s)),j=P(p,g("subtitle",l,s)),y=P(p,g("overline",l,s));f.useEffect(()=>{S(i||!1)},[i]);const R=t&&v0(t)?t:"div",L=()=>d?j:m?y:x;return O.createElement(R,{"data-testid":c,"aria-label":u,onClick:o,className:L(),...E&&{dangerouslySetInnerHTML:{__html:E}},...N},n)};var Or;(function(e){e.TOP="top",e.BOTTOM="bottom"})(Or||(Or={}));const E0=({props:e,...t})=>{const{styled:n}=ne(),{title:s,position:l,description:i,iconName:a,status:o,closable:c,onClick:u,className:d,offset:m,children:h}=e,E=!!s,N={top:m||0,position:"fixed"},v={bottom:m||0,position:"fixed"},S=P(n,g("toaster",o&&I($a(o)),!alert&&I("info"),d));return E?h?f.createElement("div",{"data-testid":e.testId,style:l===Or.TOP&&N||l===Or.BOTTOM&&v||N,onClick:p=>{u==null||u(p),p.stopPropagation()},className:S,...t},h):s?f.createElement("div",{"data-testid":e.testId,style:l===Or.TOP&&N||l===Or.BOTTOM&&v||N,onClick:p=>{u==null||u(p),p.stopPropagation()},className:S,...t},a&&f.createElement(Nt,{name:a,size:hn.SMALL}),f.createElement("div",{className:P(n,g("body"))},s&&f.createElement(Ne,{level:ue.SIX},s),i&&f.createElement(Xe,null,i)),c&&f.createElement(Nt,{onClick:c,className:"toaster-close",name:cn.TIMES,size:hn.SMALL})):null:null},g0=({children:e})=>{const[t,n]=f.useState(null),[s,l]=f.useState(5e3),i=f.useRef(null),a=o=>{n(o),o.duration&&o.duration>0&&l(o.duration),i.current&&clearTimeout(i.current)};return f.useEffect(()=>{i.current=setTimeout(()=>{n(null)},s)},[t,t==null?void 0:t.title]),f.createElement(ex.Provider,{value:{show:a,hide:()=>null}},e,f.createElement(E0,{props:{title:t==null?void 0:t.title,description:t==null?void 0:t.description,position:t==null?void 0:t.position,iconName:t==null?void 0:t.iconName,status:t==null?void 0:t.status,onClick:t==null?void 0:t.onClick,onHide:t==null?void 0:t.onHide,closable:t==null?void 0:t.closable,offset:t==null?void 0:t.offset,testId:t==null?void 0:t.testId}}))},j0=()=>{const e=()=>{const[t]=f.useState(50),[n]=f.useState(1e3),[s]=f.useState("toasterId"),[l]=f.useState("Why do we use it?"),[i]=f.useState("It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)."),{show:a}=f.useContext(ex),o=()=>{a({testId:s,position:Or.TOP,duration:n,offset:t,title:l,description:i,iconName:D.ALERT,status:ua.WARNING,onClick:()=>console.log("onClick"),closable:()=>alert("closable"),onHide:()=>console.log("onHide")})};return r.jsx(Q,{children:r.jsx(De,{children:r.jsx(te,{variant:"PRIMARY",onClick:o,children:"Open toast"})})})};return r.jsxs(g0,{children:[r.jsx(e,{}),r.jsx(De,{children:r.jsx(Ge,{children:Object.values(ua).map((t,n)=>r.jsxs(pn,{children:[r.jsxs(_,{level:M.TWO,children:["StatusState : ",t]}),r.jsx(ve,{size:10}),r.jsx(Yp,{display:!0,status:t,title:t,description:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.."}),r.jsx(V,{})]},n))})})]})};f.forwardRef((e,t)=>{const{className:n,testId:s,...l}=e,{styled:i}=ne(),a=P(i,g("accordions",n));return f.createElement("section",{ref:t,className:a,...l,"data-testid":s})});const N0=({children:e})=>f.createElement("div",{className:"autolayout"},e);var Pf;(function(e){e.LEFT="left",e.RIGHT="right"})(Pf||(Pf={}));var Ff;(function(e){e.MAIN="MAIN"})(Ff||(Ff={}));var Uf;(function(e){e.DIV="div",e.A="a"})(Uf||(Uf={}));const fi=e=>8*e;var bf;(function(e){e[e.NONE=0]="NONE",e[e.SMALL=fi(2)]="SMALL",e[e.MEDIUM=fi(4)]="MEDIUM",e[e.LARGE=fi(8)]="LARGE",e[e.HUGE=fi(12)]="HUGE"})(bf||(bf={}));f.forwardRef((e,t)=>{const{children:n,className:s,testId:l,accessibilityLabel:i,...a}=e,{styled:o}=ne();return f.createElement("nav",{ref:t,role:"navigation","data-testid":l,className:P(o,g("breadcrumb",s)),"aria-label":i,...a},f.createElement("ul",null,n))});const S0=({children:e,className:t,removeLinkClass:n,to:s,href:l,title:i,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:m,inverted:h,blank:E,...N})=>{const{styled:v}=ne(),S=g(m&&Se("icon"),o,h&&I("inverted"),t);if(d&&s){const x=d||"a",j=()=>f.createElement(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:P(v,g(S)),to:s||"",...E&&{target:"_blank"},...N},i||e);return o?f.createElement("div",{className:P(v,g(o))},f.createElement(j,null)):f.createElement(j,null)}const p=()=>f.createElement(Xe,{link:!0,"data-testid":c,"aria-label":u,onClick:a&&a,title:i,markup:fn.A,className:S,href:l,...E&&{target:"_blank"},...N},m?f.createElement(f.Fragment,null,f.createElement(Xe,{markup:"span"},e),f.createElement(Nt,{name:m,size:hn.SMALL})):e);return o?f.createElement("div",{className:P(v,g(o))},f.createElement(p,null)):f.createElement(p,null)};var pa;(function(e){e.BUTTON="button",e.INPUT="input",e.A="a"})(pa||(pa={}));var Mc;(function(e){e.BUTTON="button",e.RESET="reset",e.SUBMIT="submit"})(Mc||(Mc={}));var Hf;(function(e){e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST"})(Hf||(Hf={}));const Zr=({markup:e,loading:t,variant:n,href:s,id:l,fullwidth:i,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:m,name:h,routerLink:E,type:N,iconName:v,...S})=>{const p=S.disabled||!1,{styled:x}=ne(),j=w=>{if(w in pa||Object.values(pa).includes(w))return!0},R=P(x,((w,k,U,F)=>g("button",I(w?"loading":"loaded"),k&&I(r0(k)),U&&I("fullwidth"),F))(t,n,i,o)),L=e&&j(e)?e:"button";if(L==="button")return O.createElement("button",{id:l,"data-testid":d,"aria-label":u,className:R,disabled:p,name:h,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},type:N??"button",...S},v&&O.createElement(Nt,{className:a?"":"is-marginless",name:v}),a);if(L==="input")return O.createElement("input",{id:l,"data-testid":d,className:R,"aria-label":u,name:h,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},disabled:p,type:N??"submit",value:`${a}`,...S});if(E&&c&&!p){const w=E||"a";return O.createElement(w,{"aria-label":u,"data-testid":d,to:c,className:R,...S},v&&O.createElement(Nt,{className:a?"":"is-marginless",name:v}),a)}return O.createElement("a",{id:l,"data-testid":d,"aria-label":u,className:R,href:s,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},...S},v&&O.createElement(Nt,{className:a?"":"is-marginless",name:v}),a)},lx=({className:e,centered:t,isMobile:n,vertical:s,...l})=>{const{styled:i}=ne();return f.createElement("div",{className:P(i,g("buttons",e,t&&Se("text-centered"),n&&"is-mobile",s&&"is-vertical")),...l})};var Pc;(function(e){e.DIV="div",e.A="a"})(Pc||(Pc={}));f.createContext({horizontal:!1});O.forwardRef((e,t)=>{const{className:n,backgroundColor:s,backgroundSrc:l,inverted:i,flat:a,horizontal:o,floating:c,align:u,justify:d,skeleton:m,onClick:h,reversed:E,testId:N,markup:v,to:S,fullheight:p,active:x,...j}=e,[y,R]=f.useState(m||!1),{styled:L}=ne();f.useEffect(()=>{R(m||!1)},[m]);const w={cursor:"pointer"},k=P(L,g("card",s&&Se(Dl(s)),l&&Se("background"),i&&I("inverted")||I("base"),a&&!c&&I("flat"),o&&[I("horizontal"),I("vcentered")],c&&!a&&I("floating"),u&&I(_r(u)),d&&I(d),I(y?"loading":"loaded"),E&&I("reversed"),n,p&&I("fullheight"),x&&I("active")));return v===Pc.A?O.createElement("a",{"data-testid":N,href:S,onClick:U=>{h==null||h(U),U.stopPropagation()},...j,className:k,ref:t}):O.createElement("div",{"data-testid":N,onClick:h&&h,className:k,style:h&&{...w},...j,ref:t})});var zf;(function(e){e[e.SIZE_1=1]="SIZE_1",e[e.SIZE_2=2]="SIZE_2",e[e.SIZE_3=3]="SIZE_3",e[e.SIZE_4=4]="SIZE_4"})(zf||(zf={}));const y0=({checked:e,className:t,disabled:n,readonly:s,id:l=qt.generate(),label:i,onChange:a,onClick:o,name:c,value:u,tile:d,description:m,iconTile:h,horizontalTile:E,testId:N,...v})=>{const{styled:S}=ne(),[p,x]=f.useState(e||!1);return f.useEffect(()=>{s||x(e||!1)},[e,s]),O.createElement("div",{className:P(S,g(d?"checkbox-tile":"checkbox",E&&I("horizontal"),t)),tabIndex:0},O.createElement("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:l,"data-testid":N,disabled:n,name:c,value:u,checked:s?e:p,onChange:j=>j,onClick:j=>{const y=j.target;!s&&y.checked!==void 0&&x(y.checked),y.value=u||"",a&&a({checkboxId:y.id,checkboxValue:y.value,checkboxName:y.name,checkboxChecked:y.checked}),o&&o({checkboxId:y.id,checkboxValue:y.value,checkboxName:y.name,checkboxChecked:y.checked})},...v}),O.createElement("label",{htmlFor:l,className:P(S,g("checkbox-label"))},h&&O.createElement(Nt,{name:h,size:hn.MEDIUM}),E?O.createElement("span",null,d?O.createElement("span",{className:P(S,g("checkbox-title"))},i):i,d&&m&&O.createElement("span",{className:P(S,g("checkbox-description"))},m)):O.createElement(O.Fragment,null,d?O.createElement("span",{className:P(S,g("checkbox-title"))},i):i,d&&m&&O.createElement("span",{className:P(S,g("checkbox-description"))},m))))};f.forwardRef((e,t)=>{const{children:n,multiple:s,...l}=e,{styled:i}=ne(),a=P(i,g("chips-list",s&&I("multiple")));return f.createElement("div",{ref:t,role:"group",className:a,...l},n)});const Fc=f.forwardRef((e,t)=>{const{className:n,multiline:s,inlined:l,mobile:i,centered:a,verticalCentered:o,gapless:c,marginSize:u,...d}=e,{styled:m}=ne(),h=P(m,g("columns",s&&I("multiline"),l&&I("inlined"),i&&I("mobile"),a&&I("centered"),o&&I("vcentered"),!u&&c&&I("gapless"),!c&&u&&[I("variable"),I(`${u}`)],n));return f.createElement("div",{ref:t,className:h,...d})}),Tr=f.forwardRef((e,t)=>{const{className:n,size:s,mobileSize:l,tabletSize:i,touchSize:a,desktopSize:o,widescreenSize:c,fullhdSize:u,offset:d,mobileOffset:m,tabletOffset:h,touchOffset:E,desktopOffset:N,widescreenOffset:v,fullhdOffset:S,narrow:p,verticalCenter:x,centered:j,align:y,...R}=e,{styled:L}=ne(),w=P(L,g("column",s&&I(`${s}`),l&&I(`${l}-mobile`),i&&I(`${i}-tablet`),a&&I(`${a}-tablet`),o&&I(`${o}-desktop`),c&&I(`${c}-widescreen`),u&&I(`${u}-fullhd`),d&&I(`offset-${d}`),m&&I(`offset-${m}-mobile`),h&&I(`offset-${h}-tablet`),E&&I(`offset-${E}-tablet`),N&&I(`offset-${N}-desktop`),v&&I(`offset-${v}-widescreen`),S&&I(`offset-${S}-fullhd`),p&&I("narrow"),x&&I("vcentered"),j&&Se("text-centered"),y&&I(_r(y)),n));return f.createElement("div",{ref:t,className:w,...R})});var $f;(function(e){e.DAY_HOUR_MIN_SEC="dd-hh-mm-ss",e.HOUR_MIN_SEC="hh-mm-ss",e.MIN_SEC="mm-ss",e.SEC="ss",e.DAY="dd",e.DAY_HOUR="dd-hh",e.DAY_HOUR_MIN="dd-hh-mm"})($f||($f={}));var Wf;(function(e){e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC"})(Wf||(Wf={}));const Tt=({className:e,unboxed:t,content:n,marginless:s,iconName:l,color:i,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=ne(),d=P(u,g("divider",t&&I("unboxed"),s&&I("marginless"),e,i&&Se(`background-${Fr(i)}`),l&&"has-icon")),m=P(u,g("divider-content",o&&Se(`text-${Fr(o)}`),a&&Se(`background-${Fr(a)}`)));return n&&l?f.createElement("div",{"data-testid":"separator",className:d},f.createElement("p",{className:m},n)):n?f.createElement("div",{"data-testid":"separator",className:d},f.createElement("p",{className:m},n)):l?f.createElement("div",{"data-testid":"separator",className:d},f.createElement("p",{className:m},f.createElement(Nt,{name:l,size:a?hn.SMALL:hn.MEDIUM}))):f.createElement("div",{"data-testid":"separator",className:d,...c})},C0=({src:e,alt:t,className:n,rounded:s,width:l,height:i,onClick:a,...o})=>{const{styled:c}=ne(),u=P(c,g("image",n)),d={image:{width:l,height:i}};return f.createElement("figure",{onClick:m=>{a==null||a(m),m.stopPropagation()},className:u,...o},f.createElement("img",{style:d.image,className:P(c,g(s?I("rounded"):"")),src:typeof e=="string"?e:"",alt:t}))};var Bf;(function(e){e.TEXT="text",e.NUMBER="number",e.PASSWORD="password",e.SEARCH="search",e.DATE="date",e.DATETIME_LOCAL="datetime-local",e.EMAIL="email"})(Bf||(Bf={}));var Vf;(function(e){e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default"})(Vf||(Vf={}));var Gf;(function(e){e.DEFAULT="default",e.LIGHT="light",e.DARK="dark"})(Gf||(Gf={}));var qf;(function(e){e.NONE="none",e.SENTENCES="sentences",e.WORDS="words",e.CHARACTERS="characters"})(qf||(qf={}));var Yf;(function(e){e.ADDITIONAL_NAME="additional-name",e.ADDRESS_LINE1="address-line1",e.ADDRESS_LINE2="address-line2",e.CC_CSC="cc-csc",e.CC_EXP="cc-exp",e.CC_EXP_DAY="cc-exp-day",e.CC_EXP_MONTH="cc-exp-month",e.CC_EXP_YEAR="cc-exp-year",e.CC_NUMBER="cc-number",e.COUNTRY="country",e.CURRENT_PASSWORD="current-password",e.EMAIL="email",e.FAMILY_NAME="family-name",e.GIVEN_NAME="given-name",e.HONORIFIX_PREFIX="honorific-prefix",e.HONORIFIC_SUFFIX="honorific-suffix",e.NAME="name",e.NEW_PASSWORD="new-password",e.OFF="off",e.ONE_TIME_CODE="one-time-code",e.POSTAL_CODE="postal-code",e.STREET_ADDRESS="street-address",e.TEL="tel",e.USERNAME="username",e.CC_FAMILY_NAME="cc-family-name",e.CC_GIVEN_NAME="cc-given-name",e.CC_MIDDLE_NAME="cc-middle-name",e.CC_NAME="cc-name",e.CC_TYPE="cc-type",e.NICKNAME="nickname",e.ORGANIZATION="organization",e.ORGANIZATION_TITLE="organization-title",e.URL="url",e.GENDER="gender",e.NAME_FAMILY="name-family",e.NAME_GIVEN="name-given",e.NAME_MIDDLE="name-middle",e.NAME_MIDDLE_INITIAL="name-middle-initial",e.NAME_PREFIX="name-prefix",e.NAME_SUFFIX="name-suffix",e.PASSWORD="password",e.PASSWORD_NEW="password-new",e.POSTAL_ADDRESS="postal-address",e.POSTAL_ADDRESS_COUNTRY="postal-address-country",e.POSTAL_ADDRESS_EXTENDED="postal-address-extended",e.POSTAL_ADDRESS_EXTENDED_POSTAL_CODE="postal-address-extended-postal-code",e.POSTAL_ADDRESS_LOCALITY="postal-address-locality",e.POSTAL_ADDRESS_REGION="postal-address-region",e.SMS_OTP="sms-otp",e.TEL_COUNTRY_CODE="tel-country-code",e.TEL_DEVICE="tel-device",e.TEL_NATIONAL="tel-national",e.USERNAME_NEW="username-new"})(Yf||(Yf={}));var Xf;(function(e){e.NONE="none",e.URL="URL",e.ADDRESS_CITY="addressCity",e.ADDRESS_CITY_STATE="addressCityAndState",e.ADDRESS_STATE="addressState",e.COUNTRY_NAME="countryName",e.CREDIT_CARD_NUMBER="creditCardNumber",e.EMAIL_ADDRESS="emailAddress",e.FAMILY_NAME="familyName",e.FULL_STREET_ADDRESS="fullStreetAddress",e.GIVEN_NAME="givenName",e.JOB_TITLE="jobTitle",e.LOCATION="location",e.MIDDLE_NAME="middleName",e.NAME="name",e.NAME_PREFIX="namePrefix",e.NAME_SUFFIX="nameSuffix",e.NICKNAME="nickname",e.ORGANIZATION_NAME="organizationName",e.POSTAL_CODE="postalCode",e.STREET_ADDRESS_LINE_ONE="streetAddressLine1",e.STREET_ADDRESS_LINE_TWO="streetAddressLine2",e.SUB_LOCALITY="sublocality",e.TELEPHONE_NUMBER="telephoneNumber",e.USERNAME="username",e.PASSWORD="password",e.NEW_PASSWORD="newPassword",e.ONE_TIME_CODE="oneTimeCode"})(Xf||(Xf={}));var Kf;(function(e){e.DEFAULT="default",e.EMAIL_ADDRESS="email-address",e.NUMERIC="numeric",e.PHONE_PAD="phone-pad",e.NUMBER_PAD="number-pad",e.DECIMAL_PAD="decimal-pad",e.VISIBLE_PASSWORD="visible-password",e.ASCII_CAPABLE="ascii-capable",e.NUMBERS_AND_PUNCTUATION="numbers-and-punctuation",e.URL="url",e.NAME_PHONE_PAD="name-phone-pad",e.TWITTER="twitter",e.WEB_SEARCH="web-search"})(Kf||(Kf={}));f.forwardRef((e,t)=>{const{className:n,hasIcon:s,children:l,testId:i,...a}=e,{styled:o}=ne(),c=P(o,g(s?"icon-list":"list",n));return f.createElement("ul",{ref:t,"data-testid":i,className:c,...a},l)});const mi=({children:e,className:t})=>{const{styled:n}=ne();return f.createElement("dd",{className:P(n,g(t))},e)};var xa;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR"})(xa||(xa={}));const ix=({children:e,className:t})=>{const{styled:n}=ne();return f.createElement("div",{className:P(n,g("modal-footer",t))},e)};var va;(function(e){e.H1="h1",e.H2="h2",e.H3="h3",e.H4="h4",e.H5="h5",e.H6="h6",e.P="p",e.SPAN="span",e.DIV="div",e.BUTTON="button",e.A="a"})(va||(va={}));var Qf;(function(e){e.BUTTON="button",e.DIV="div",e.A="a"})(Qf||(Qf={}));const Ui=({children:e,className:t,iconColor:n,iconName:s,...l})=>{const{styled:i}=ne(),{textId:a}=l;return f.createElement("div",{className:P(i,g("modal-title",t))},s?f.createElement(Dc,{markup:"p",color:n,size:"large",name:s,content:e,position:"up",textId:a,textAriaLevel:1,textRole:"heading"}):e)},Zf=qt.generate(),Jf=qt.generate(),R0=qt.generate(),Vs=({children:e,className:t,contentClassNames:n,active:s,title:l,content:i,triggerMarkup:a,triggerContent:o,triggerClassNames:c="button is-primary",ctaContent:u,ctaOnClick:d,onClose:m,onOpen:h,iconName:E,ctaCancelOnClick:N,closeIcon:v,iconColor:S,panel:p,footerClassNames:x,footer:j,fullwidth:y,disableHandlingClickOutside:R=!1,testId:L,titleButtonClose:w,...k})=>{const U=f.useRef(null),[F,se]=f.useState(s||!1),{styled:fe}=ne(),Ae=`${R0}-modal`,re=f.useRef([]),Y=f.useRef(null),[,ae]=f.useState(0),me=ee=>{var Pe;!((Pe=U==null?void 0:U.current)===null||Pe===void 0)&&Pe.contains(ee.target)||X(m,ee)};f.useEffect(()=>{se(s||!1)},[s]),f.useEffect(()=>{F&&re.current[0]&&re.current[0].focus()},[F,re==null?void 0:re.current.length]),f.useEffect(()=>(F&&!R?document.addEventListener("mousedown",me):document.removeEventListener("mousedown",me),()=>{document.removeEventListener("mousedown",me)}),[F,R]);const H=O.useMemo(()=>P(fe,g("modal",F&&I("active"),p&&I("panel"),y&&I("fullwidth"),t)),[s,F,p,t,fe]),G=O.useMemo(()=>P(fe,g("modal-content",n)),[n,fe]),W=O.useMemo(()=>g("modal-footer",x),[x,fe]);function X(ee,Pe){se(!1),Y.current&&Y.current.focus(),ee&&ee(Pe)}function ge(ee,Pe){se(!0),ee&&ee(Pe)}const Ot=ee=>{if(ee in va||Object.values(va).includes(ee))return!0},Ct=O.useMemo(()=>a&&Ot(a)?a:"button",[a]),xn=f.useCallback(ee=>{if(F&&re.current){const Pe=re.current.filter(Fe=>Fe),{key:pe}=ee;pe==="Tab"&&(ee.preventDefault(),ae(Fe=>{var Yt;const Er=(Fe+1)%Pe.length;return Pe[Er]&&((Yt=Pe[Er])===null||Yt===void 0||Yt.focus()),Er}))}},[re.current.length,F]);return O.createElement("div",{"data-testid":L,onKeyDown:xn},o&&O.createElement(Ct,{"aria-haspopup":"dialog",ref:Y,"aria-controls":Ae,onClick:ee=>{ge(h,ee)},className:P(fe,g(c))},o),O.createElement("div",{className:H,role:"dialog","aria-modal":F?"true":void 0,"aria-labelledby":l?Jf:void 0,"aria-describedby":i?Zf:void 0,...k},O.createElement("div",{ref:U,className:G},v&&O.createElement("button",{onClick:ee=>{X(m,ee)},className:P(fe,g("modal-close",I("large"))),"aria-label":"close",type:Mc.BUTTON,title:w,"aria-controls":Ae,ref:ee=>ee&&(re.current[0]=ee)}),(l||E)&&O.createElement(Ui,{iconColor:S,iconName:E,textId:Jf},l),i&&typeof i=="string"?O.createElement(Xe,{id:Zf},i):i,e!=null&&e,O.createElement(ix,{className:W},(d!=null||N!=null)&&O.createElement(lx,{centered:!0,className:I("flex")},N&&O.createElement("button",{onClick:ee=>{X(N,ee)},className:P(fe,g("button",I("secondary"))),"aria-controls":Ae,ref:ee=>re.current[1]=ee},"Annuler"),d&&O.createElement("button",{className:P(fe,g("button",I("primary"))),title:u,"aria-controls":Ae,ref:ee=>re.current[2]=ee,onClick:d},O.createElement("span",{className:"sr-only"}," ",u)))||j))))};var em;(function(e){e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(em||(em={}));var tm;(function(e){e.START="start",e.END="end"})(tm||(tm={}));const w0=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},T0=({className:e,amount:t,mention:n,period:s,showCents:l,level:i,inverted:a,align:o,inline:c,testId:u,accessibilityLabel:d,striked:m,suptitle:h,tagAmount:E,tagSymbol:N,...v})=>{var S;const{styled:p}=ne(),x=P(p,g("price",i&&I(`level-${i}`),a&&I("inverted"),c&&I("inlined"),m&&I("striked"),h&&Se("suptitle"),e)),j=P(p,g(o==dl.ALIGNED_START&&Se("text-left")||o==dl.ALIGNED_CENTER&&Se("text-centered")||o==dl.ALIGNED_END&&Se("text-right")||"")),y=t<0,R=Math.abs(t),L=Math.floor(R),w=y?-L:L;let k=w0(((S=R.toString().split(/[.,]/)[1])===null||S===void 0?void 0:S.substring(0,2))||"");k=k&&k.length===1&&`${k}0`||k;const U=c&&l&&`,${k||"00"} €`||l&&`€${k||"00"}`||"€",F=f.createElement("span",{className:E?P(p,g(I("aligned-center"),I("flex"))):""},f.createElement("span",{"data-testid":u,"aria-label":d,className:x,...v},h&&f.createElement("span",{className:"price-suptitle"},h),f.createElement(Xe,{markup:fn.SPAN},`${w}`),f.createElement("span",{className:P(p,g("price-details"))},f.createElement("span",{className:P(p,g("cents"))},c&&U==="€"?f.createElement(f.Fragment,null," ",U):U,n&&f.createElement("sup",null,n)),s&&f.createElement("span",{className:P(p,g("period"))},"/",s))),E&&f.createElement("span",{className:P(p,g("price-tag"))},f.createElement(Xe,{markup:fn.SPAN,typo:[Ml.TEXT_WEIGHT_SEMIBOLD,ha.TEXT_WHITE]},E," ",N||"€"),N==="€"&&s&&f.createElement(Xe,{markup:fn.SPAN,typo:[Ml.TEXT_WEIGHT_NORMAL,ha.TEXT_WHITE]}," /",s)));return o?f.createElement("div",{className:j},F):F};var nm;(function(e){e[e.LEVEL1=1]="LEVEL1",e[e.LEVEL2=2]="LEVEL2",e[e.LEVEL3=3]="LEVEL3",e[e.LEVEL4=4]="LEVEL4",e[e.LEVEL5=5]="LEVEL5",e[e.LEVEL6=6]="LEVEL6",e[e.LEVEL7=7]="LEVEL7"})(nm||(nm={}));var rm;(function(e){e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(rm||(rm={}));var sm;(function(e){e.ONE_FIFTH="one-fifth",e.ONE_QUARTER="one-quarter",e.ONE_THRID="one-thrid",e.TWO_FIFTHS="two-fifths",e.THREE_FIFTHS="three-fifths",e.TWO_THIRDS="two-thirds",e.THREE_QUARTERS="three-quarters",e.FOUR_FIFTHS="four-fifths"})(sm||(sm={}));var lm;(function(e){e.LEFT="left",e.RIGHT="right"})(lm||(lm={}));const Wn=f.forwardRef((e,t)=>{const{children:n,className:s,percent:l,maxPercent:i=100,status:a,small:o,stacked:c,uniqueLegend:u,firstExtremLegend:d,secondExtremLegend:m,...h}=e,{styled:E}=ne(),N=P(E,g("progress",a&&I($a(a)),!a&&I("primary"),o&&I("small"),s)),v=P(E,g("progress",c&&I("stacked"),s));return n&&c?f.createElement("div",{ref:t,className:v,...h},n):f.createElement(f.Fragment,null,f.createElement("progress",{className:N,value:l,max:i,...h},l),u&&f.createElement(Xe,{className:Se("text-centered"),level:zt.TWO},u),d&&m&&f.createElement(Fc,{mobile:!0,marginSize:3},f.createElement(Tr,null,f.createElement(Xe,{level:zt.TWO},d)),f.createElement(Tr,{narrow:!0},f.createElement(Xe,{level:zt.TWO},m))))}),hi=f.forwardRef((e,t)=>{const{className:n,percent:s,maxPercent:l=100,minPercent:i=0,status:a,accessibilityLabel:o,...c}=e,{styled:u}=ne(),d=P(u,g("progress-bar",a&&I($a(a)),!a&&I("primary"),n));return f.createElement("div",{ref:t,...s&&{style:{width:`${s}%`}},className:d,role:"progressbar","aria-valuenow":s,"aria-valuemin":i,"aria-valuemax":l,"aria-label":o,...c})}),Gs=({children:e,percent:t=0,secondPercent:n=0,label:s,description:l,skeleton:i,className:a,small:o,...c})=>{const{styled:u}=ne(),[d,m]=f.useState(0),[h,E]=f.useState(0),N=P(u,g("progress-radial",i&&I("loading"),o&&I("small"),a)),v=P(u,g("progress-radial-content")),S=f.useRef(null),p=(x,j)=>{const y=S.current;if(!y)return;const R=360*x/100,L=360*j/100,w=R;let k;k="radial-gradient(circle at center, white 58%, transparent 58.1%),",k+=`conic-gradient(#0C7B91 0 ${R}deg, #${tx("MAIN")} ${w}deg ${w+L}deg, gainsboro ${w+L}deg 360deg)`,y.style.background=k};return f.useEffect(()=>{let x;m(0),E(0),p(t,n);const j=()=>{m(y=>y<t?y+1:y),E(y=>y<n?y+1:y),x=requestAnimationFrame(j)};return x=requestAnimationFrame(j),()=>cancelAnimationFrame(x)},[t,n]),f.useEffect(()=>{p(d,h)},[d,h]),O.createElement("div",{...c,className:N,ref:S},O.createElement("div",{className:v},s&&O.createElement(Ne,{level:ue.TWO,marginless:!0},s),l&&O.createElement(Xe,{level:zt.ONE,marginless:!0},l),!s&&!l&&e))},ax=({checked:e,className:t,disabled:n,readonly:s,id:l=qt.generate(),label:i,onChange:a,onClick:o,name:c,value:u,tile:d,description:m,iconTile:h,horizontalTile:E,children:N,narrow:v,marginless:S,testId:p,...x})=>{const{styled:j}=ne(),[y,R]=f.useState({checked:e||!1});return f.useEffect(()=>{s||R({checked:e||!1})},[e,s]),O.createElement("div",{tabIndex:0,className:P(j,g(d?"radio-tile":"radio",v&&I("narrow"),S&&I("marginless"),E&&I("horizontal"),t))},O.createElement("input",{"data-testid":p,type:"radio",readOnly:s,id:l,disabled:n,name:c,value:u,checked:s?e:y.checked,onChange:L=>L,onClick:L=>{const w=L.target;!s&&w.checked&&R({checked:w.checked}),w.value=u||"",a&&a({radioId:w.id,radioValue:w.value,radioName:w.name,radioChecked:w.checked}),o&&o({radioId:w.id,radioValue:w.value,radioName:w.name,radioChecked:w.checked})},...x}),O.createElement("label",{htmlFor:l,className:P(j,g("radio-label"))},N||O.createElement(O.Fragment,null,h&&O.createElement(Nt,{name:h,size:hn.MEDIUM}),E?O.createElement("span",null,d?O.createElement("span",{className:P(j,g("radio-title"))},i):i,d&&m&&O.createElement("span",{className:P(j,g("radio-description"))},m)):O.createElement(O.Fragment,null,d?O.createElement("span",{className:P(j,g("radio-title"))},i):i,d&&m&&O.createElement("span",{className:P(j,g("radio-description"))},m)))))};f.forwardRef((e,t)=>{const{className:n,gapless:s,...l}=e,{styled:i}=ne();return f.createElement("div",{ref:t,className:P(i,g("rows",s&&I("gapless"),n)),...l})});f.forwardRef((e,t)=>{const{className:n,narrow:s,...l}=e,{styled:i}=ne(),a=P(i,g("row",s&&I("narrow"),n));return f.createElement("div",{ref:t,className:a,...l})});const L0=f.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:l}=ne(),a=P(l,g("scroll-view",t&&(()=>{switch(t){case(qn==null?void 0:qn.HORIZONTAL):return I("horizontal");case(qn==null?void 0:qn.VERTICAL):return I("vertical");default:return""}})()));return f.createElement("div",{ref:s,className:a,id:e},n)});L0.displayName="ScrollView";const Lt=O.forwardRef((e,t)=>{const{className:n,skeleton:s,backgroundColor:l,backgroundSrc:i,inverted:a,paddingless:o,verticalPaddingless:c,fullwidth:u,...d}=e,{styled:m}=ne(),[h,E]=f.useState(s||!1);f.useEffect(()=>{E(s||!1)},[s]);const N=P(m,g("section",n,l&&Se(Dl(l)),i&&Se("background"),a&&I("inverted"),I(h?"loading":"loaded"),u&&I("fullwidth"),o&&I("paddingless"),c&&I("vertical-paddingless")));return O.createElement("section",{ref:t,...i&&{style:{backgroundImage:`url(${i})`}},className:N,...d})});f.forwardRef((e,t)=>{const{id:n,className:s,value:l,disabled:i,children:a,onClick:o,label:c,iconName:u,testId:d,...m}=e,{checked:h,native:E,focused:N,...v}=m,S=f.useMemo(()=>g(N&&"focus",s),[N,s]);return E?f.createElement("option",{ref:t,role:"option",id:n,value:l,disabled:i,"aria-label":c,"data-testid":d,onClick:o,...v},a||c):f.createElement(ax,{checked:h,tile:!0,horizontalTile:!0,marginless:!0,className:S,value:l,disabled:i,onClick:o,iconTile:u,description:c||a,testId:d,...m})});const xt=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return f.createElement("div",{style:n.spacer})},qs=e=>8*e;var Ea;(function(e){e[e.NONE=0]="NONE",e[e.SMALLER=qs(.5)]="SMALLER",e[e.SMALL=qs(1)]="SMALL",e[e.MEDIUM=qs(2)]="MEDIUM",e[e.LARGE=qs(3)]="LARGE",e[e.HUGE=qs(4)]="HUGE"})(Ea||(Ea={}));f.forwardRef((e,t)=>{const{className:n,centered:s,children:l,...i}=e,{styled:a}=ne(),o=P(a,g("stepper-wrapper",n)),c=P(a,g("section",Se("text-centered"),n)),[u,d]=f.useState(0),m=f.useMemo(()=>l&&Array.isArray(l)?l.length:l&&!Array.isArray(l)?1:0,[l]);return f.useEffect(()=>{if(l)if(Array.isArray(l)){let h=!1;l.map(E=>{var N;!((N=E==null?void 0:E.props)===null||N===void 0)&&N.current&&(h=!0,d(E.props.step))}),h||d(1)}else d(1)},[l]),s?f.createElement("section",{ref:t,className:c},f.createElement("div",{className:o,...i},l,f.createElement("div",{className:"step-count"},u,"/",m))):f.createElement("div",{ref:t,className:o,...i},l,f.createElement("div",{className:"step-count"},u,"/",m))});var ml;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(ml||(ml={}));O.forwardRef((e,t)=>{const{children:n,className:s,active:l,markup:i,current:a,done:o,label:c,iconName:u,error:d,...m}=e,{styled:h}=ne(),E=P(h,g("step-label")),N=P(h,g("stepper-item",l&&I("active"),a&&I("current"),o&&I("done"),d&&I("error"),s)),S=i&&(p=>{if(p in ml||Object.values(ml).includes(p))return!0})(i)?i:ml.DIV;return O.createElement(S,{ref:t,className:N,"data-label":c,...m},O.createElement("div",{className:E},c||n,!o&&u&&O.createElement(Nt,{name:u&&u,className:"step-icon",size:hn.MEDIUM})))});var im;(function(e){e.PRIMARY="primary",e.SUCCESS="success",e.INFO="info"})(im||(im={}));var am;(function(e){e.DIV="div",e.P="p",e.SPAN="span"})(am||(am={}));const om=({className:e,id:t=qt.generate(),label:n,value:s,checked:l,onChange:i,onClick:a,status:o,disabled:c,readonly:u,name:d,reversed:m,...h})=>{const[E,N]=f.useState(l||!1),{styled:v}=ne();return O.useEffect(()=>{N(l||!1)},[l]),f.useEffect(()=>{u||N(l||!1)},[l,u]),O.createElement("div",{className:P(v,g("switch",m&&I("reversed"),e))},O.createElement("input",{onChange:S=>{u||N(!E),i&&i({switchState:S.target.checked,switchName:S.target.name})},onClick:S=>{u||N(!E),a&&a({switchState:S.target.checked,switchName:S.target.name})},name:d,value:s,checked:u?l:E,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:P(v,g(o&&I($a(o)))),...h}),O.createElement("label",{htmlFor:`switch-${t}`},n))};O.forwardRef((e,t)=>{const{children:n,className:s,onClick:l,activeIndex:i,disabled:a,rightAlign:o,fullwidth:c,align:u,centered:d,marginless:m,inverted:h,shadowless:E,textAlign:N,testId:v,...S}=e,[p,x]=f.useState(i||0),{styled:j}=ne(),[y,R]=O.useState(!1),L=P(j,g("tabs",o&&I("right"),c&&I("fullwidth"),d&&I("centered"),m&&I("marginless"),y&&I("icons"),s)),w=O.useCallback((U,F)=>{if(typeof F<"u"&&!p)return F;if(U===p)return!0},[p]),k=O.useCallback((U,F)=>{if(a)return!1;x(F),l&&l(U)},[a]);return f.useEffect(()=>{x(p)},[i]),O.createElement("div",{ref:t,className:P(j,g("tab-context",h&&I("inverted"),u&&Se(`text-${u}`),E&&I("shadowless"),N&&N)),"data-tabs-context":"","data-testid":v},O.createElement("div",{className:L,role:"tablist",...S},O.Children.map(n,(U,F)=>{if(O.isValidElement(U)){!y&&U.props.iconName&&R(!0);const Ae={active:!!w(F,U.props.active)||!1,key:F,onClick:re=>{k(re,F),U&&U.props.onClick&&U.props.onClick(re)}};return O.cloneElement(U,Ae)}})))});O.forwardRef((e,t)=>{const{active:n,children:s,className:l,onClick:i,to:a,href:o,routerLink:c,iconName:u,disabled:d,testId:m,...h}=e,[E,N]=f.useState(n||!1),{styled:v}=ne(),S={a:{"aria-selected":E,"data-tab-navigation":""}};f.useEffect(()=>{N(n||!1)},[n]);const p=P(v,g("tab",l,{"is-active":E}));if(c&&(a||o)){const x=c||"a";return O.createElement(x,{ref:t,"data-testid":m,tabIndex:0,...S.a,to:a,href:o,className:p,...h,onClick:j=>{if(!d){const y=j.target;N(n||!1),y.active=n,i&&i(j)}}},O.createElement("div",{className:"tab-icon"},u&&O.createElement(Nt,{align:"ALIGNED_CENTER",size:"small",name:u})),s)}return O.createElement("button",{ref:t,"aria-disabled":d,disabled:d,className:p,role:"tab","data-testid":m,...S.a,...h,onClick:x=>{if(!d){const j=x.target;N(n||!1),j.active=n,i&&i(x)}}},O.createElement("div",{className:"tab-icon"},u&&O.createElement(Nt,{align:"ALIGNED_CENTER",size:"small",name:u})),s)});f.forwardRef((e,t)=>{const{className:n,gapless:s,centered:l,marginless:i,...a}=e,{styled:o}=ne();return f.createElement("span",{ref:t,className:P(o,g("tags",l&&I("centered"),s&&I("gapless"),i&&I("marginless"),n)),...a})});var cm;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING"})(cm||(cm={}));const wo=({children:e,className:t,heading:n,content:s,link:l,contentLink:i,onClick:a,...o})=>{const{styled:c}=ne(),u=P(c,g("timeline-content",t));return e?f.createElement("div",{className:u,...o},e):f.createElement("div",{className:u,...o,onClick:d=>{a==null||a(d),d.stopPropagation()}},n&&f.createElement(Xe,{markup:fn.P},n),s&&f.createElement(Xe,{className:"main-content",markup:fn.P},s),l&&f.createElement(S0,{href:l},i||l))},To=f.forwardRef((e,t)=>{const{className:n,done:s,active:l,undone:i,cancel:a,...o}=e,{styled:c}=ne(),u=P(c,g("timeline-item",s&&"done",l&&"active",i&&"undone",a&&"cancel",n));return f.createElement("div",{ref:t,className:u,...o})}),Lo=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:l,...i})=>{const{styled:a}=ne(),o=P(a,g("timeline-marker",I("icon"),e)),c=g(t);return f.createElement("div",{className:o,...i,"data-testid":l},f.createElement("div",{className:"card-header-icon"},f.createElement(Nt,{color:s,className:c,name:n,size:hn.SMALL})))},A0=f.forwardRef((e,t)=>{const{className:n,notifications:s,horizontal:l,...i}=e,{styled:a}=ne(),o=P(a,g("timeline",s&&s,l&&I("horizontal"),n));return f.createElement("div",{ref:t,className:o,...i})});var ga;(function(e){e.BUTTON="button",e.INPUT="input",e.A="a",e.SPAN="span",e.DIV="div",e.P="p",e.UL="ul",e.LI="li",e.LABEL="label"})(ga||(ga={}));const I0=({children:e,style:t,className:n,loading:s,onClick:l,backgroundColor:i,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:m,align:h,...E})=>{const{styled:N}=ne(),S=u&&(x=>{if(x in ga||Object.values(ga).includes(x))return!0})(u)?u:"div",p=P(N,g(typeof s=="string"&&I(p0(s)),I(typeof s=="boolean"?"loading":"loaded"),i&&Se(Dl(i)),a&&Se("background"),o&&I("inverted")||I("base"),c&&I("fullwidth"),d&&I("flex"),typeof m=="string"&&I(h0(m)),typeof h=="string"&&I(_r(h)),n));return f.createElement(S,{onClick:l,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...E},e)};var um;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.INFO="INFO",e.WARNING="WARNING",e.TERTIARY="TERTIARY",e.WHITE="WHITE"})(um||(um={}));var dm;(function(e){e.SPACE_BETWEEN="space-between",e.SPACE_AROUND="space-around",e.FLEX_START="flex-start",e.FLEX_END="flex-end",e.CENTER="center"})(dm||(dm={}));const k0=async()=>[{label:"name",data:{info:1}},{label:"age",data:{info:2}},{label:"car",data:{info:3}},{label:"test",data:{info:4}},{label:"trilogy",data:{info:5}}],_0=()=>{const[e,t]=f.useState(""),[n,s]=f.useState(""),[l,i]=f.useState(!1),[a]=[["name","age","car","test","trilogy"]],o=u=>{console.log("OnChange Autocomplete : ",u),t(u.inputValue)},c=u=>{console.log("onIconClick Autocomplete : ",u)};return r.jsxs(r.Fragment,{children:[r.jsxs(Lt,{children:[r.jsx(_,{level:M.THREE,children:"Autocomplete With Debounce Suggests"}),r.jsx(xe.AutoComplete,{getSuggestions:async u=>(await(await fetch(`https://v3.sg.media-imdb.com/suggestion/x/${u}.json`)).json()).d.map(h=>({label:h.l,data:{description:h.s}})),data:[],placeholder:"Marque et modèle de votre ancien téléphone",onItemSelected:({value:u})=>{console.log("value : ",u)},value:n,onChange:({inputValue:u})=>s(u),debounceSuggestionsTimeout:500,onFocus:u=>console.log("FOCUS : ",u),onBlur:u=>console.log("BLUR : ",u)})]}),r.jsx(V,{}),r.jsxs(Lt,{children:[r.jsx(_,{level:M.THREE,children:"Autocomplete custom data"}),r.jsx(xe.AutoComplete,{customIcon:D.INFOS_CIRCLE,displayMenu:!1,data:[{label:"name",data:{info:1}},{label:"age",data:{info:2}},{label:"car",data:{info:3}},{label:"test",data:{info:4}},{label:"trilogy",data:{info:5}}],placeholder:"Autocomplete",onItemSelected:u=>console.log("itemSelected => ",u),onChange:u=>console.log("OnChange Autocomplete : ",u),onFocus:u=>console.log("FOCUS : ",u),onBlur:u=>console.log("BLUR : ",u),children:u=>r.jsxs(A,{children:["La super info : ",u.data.info]})})]}),r.jsx(V,{}),r.jsxs(Lt,{children:[r.jsx(_,{level:M.THREE,children:"Autocomplete with getSuggestions function"}),r.jsx(xe.AutoComplete,{customIcon:D.INFOS_CIRCLE,displayMenu:!1,data:[],getSuggestions:k0,placeholder:"Autocomplete",onItemSelected:u=>console.log("itemSelected => ",u),onChange:u=>console.log("OnChange Autocomplete : ",u),onFocus:u=>console.log("FOCUS : ",u),onBlur:u=>console.log("BLUR : ",u),children:u=>r.jsxs(A,{children:["La super info : ",u.data.info]})})]}),r.jsx(V,{}),r.jsxs(Lt,{children:[r.jsx(_,{level:M.THREE,children:"Autocomplete"}),r.jsxs(Ye,{children:[r.jsx(q,{children:r.jsxs(A,{children:["value: ",JSON.stringify(e)]})}),r.jsx(q,{children:r.jsxs(lx,{children:[r.jsx(te,{variant:Te.SECONDARY,onClick:()=>t(""),children:"reset"}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>i(!l),children:l?"enable":"disable"})]})})]}),r.jsx(xe.AutoComplete,{customIcon:D.INFOS_CIRCLE,displayMenu:!0,value:e,data:a,absoluteMenu:!0,fullwidthMenu:!0,disabled:l,placeholder:"Autocomplete",onItemSelected:u=>{t(u.value||""),console.log("onItemSelected : ",u.value)},onChange:o,onIconClick:c,onFocus:u=>console.log("FOCUS : ",u),onBlur:u=>console.log("BLUR : ",u)})]})]})},O0=()=>r.jsxs(pn,{children:[r.jsx(_,{level:M.TWO,children:"Elements : "}),r.jsxs(ie,{children:[r.jsx(Rn,{children:"Simple"}),r.jsx(he,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex."})})]}),r.jsx(ie,{background:Ve.MAIN,inverted:!0,children:r.jsx(he,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex."})})}),r.jsx(_,{level:M.ONE,children:"Im a Title"}),r.jsx(A,{level:_e.ONE,children:"Lorem ipsum dolor sit amet"}),r.jsx(te,{variant:"PRIMARY",children:"Click"}),r.jsxs(Mu,{children:[r.jsxs(er,{id:"UN",active:!0,children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(nr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(er,{active:!0,id:"DEUX",children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(nr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(er,{disabled:!0,id:"TROIS",children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(nr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(Yp,{display:!0,status:Tn.SUCCESS,title:"Test alert",description:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."}),r.jsx(xe.AutoComplete,{customIcon:D.ALERT,displayMenu:!0,data:["1","2"]})]}),D0=()=>r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Content props string"}),r.jsx(zs,{content:"1"}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Content props number"}),r.jsx(zs,{content:1}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"TextContent props"}),r.jsx(zs,{content:2,textContent:"Text with badge"}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Icon badgeContent "}),r.jsx(z,{name:D.INFOS_CIRCLE,badgeContent:"42"}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Color + TextContent props "}),r.jsx(Ye,{inlined:!0,children:Object.values(Xp).map((e,t)=>r.jsx(q,{size:6,children:r.jsx(zs,{color:e,content:2,textContent:"Text"})},t))}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Direction props "}),r.jsx(Ye,{inlined:!0,children:Object.values(da).map((e,t)=>r.jsx(q,{size:6,children:r.jsx(zs,{direction:e,content:2,textContent:"Text"})},t))})]}),M0=()=>{const[e,t]=f.useState(!1);return r.jsx(Q,{children:r.jsxs(pn,{children:[r.jsxs(ie,{onClick:()=>t(!e),active:e,children:[r.jsx(Rn,{children:"Box active"}),r.jsx(he,{children:r.jsx(A,{children:"Click on this box to see the active state."})})]}),r.jsxs(Ye,{multiline:!0,children:[r.jsx(q,{size:6}),r.jsx(q,{size:10,children:r.jsxs(ie,{flat:!0,children:[r.jsx(Rn,{children:"Box with Header and Content"}),r.jsx(he,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."})}),r.jsx(Xr,{children:r.jsx(te,{variant:Te.PRIMARY,children:"Check out"})})]})}),r.jsx(q,{size:10,children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Simple box"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."})]})})}),r.jsx(q,{size:10,children:r.jsx(ie,{flat:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Flat box"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."})]})})})]}),r.jsx(V,{}),r.jsxs(ie,{onClick:()=>t(!e),active:e,background:ce.MAIN,inverted:!0,children:[r.jsx(Rn,{children:"Box active"}),r.jsxs(he,{children:[r.jsx(A,{children:"Background : Main Color."}),r.jsx(ke,{amount:100})]})]}),r.jsxs(ie,{background:{color:ce.MAIN,fade:!0},children:[r.jsx(Rn,{children:"Box with Header and Content"}),r.jsx(he,{children:r.jsx(A,{children:"Background color is faded."})}),r.jsx(Xr,{children:r.jsx(te,{variant:Te.PRIMARY,children:"Check out"})})]}),r.jsx(ie,{background:{color:ce.SUCCESS,fade:!0},children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Simple box"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."})]})}),r.jsx(ie,{background:{color:ce.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(z,{name:D.EYE}),r.jsx(A,{children:"Background color is not faded."}),r.jsx(_,{level:M.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})}),r.jsx(ie,{background:{color:ce.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Flat box"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."}),r.jsx(ie,{background:{color:ce.BACKGROUND,fade:!1},flat:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Simple box"}),r.jsxs(Ye,{children:[r.jsx(q,{size:5,children:r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."})}),r.jsx(q,{size:5,children:r.jsx(ie,{background:{color:ce.MAIN,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})})})]})]})})]})}),r.jsx(V,{}),r.jsxs(Ye,{children:[r.jsx(q,{size:6,children:r.jsxs(ie,{leftBorder:ce.ERROR,className:"is-fullheight",children:[r.jsx(Rn,{children:"Test"}),r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Highlited box"}),r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."}),r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."})]}),r.jsx(Xr,{children:r.jsx(te,{variant:Te.CONVERSION,children:"Test"})})]})}),r.jsx(q,{size:6,children:r.jsxs(ie,{leftBorder:ce.WARNING,className:"is-fullheight",children:[r.jsxs(he,{background:"FADE_NEUTRAL",children:[r.jsx(_,{level:M.FOUR,children:"Highlited box"}),r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."})]}),r.jsx(he,{children:r.jsx(_,{level:M.FOUR,children:"Highlited box"})}),r.jsx(Xr,{background:"SUCCESS",children:r.jsx(te,{variant:Te.CONVERSION,children:"Test"})})]})})]}),r.jsx(V,{}),r.jsxs(ie,{children:[r.jsx(Rn,{variant:ce.MAIN,children:"Box is-unboxed"}),r.jsxs(he,{children:[r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."}),r.jsx(V,{unboxed:!0}),r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."})]})]}),r.jsx(V,{}),r.jsxs(Ye,{children:[r.jsx(q,{size:10,children:r.jsxs(ie,{children:[r.jsx(Rn,{variant:ce.ACCENT,children:"Box with Header , Content and Footer"}),r.jsx(he,{children:r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."})}),r.jsx(Xr,{children:r.jsx(at,{children:"Link here"})})]})}),r.jsx(q,{size:10,children:r.jsxs(ie,{children:[r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Simple Box with footer"}),r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."})]}),r.jsx(Xr,{children:r.jsx(at,{children:"Link here"})})]})})]}),r.jsx(V,{}),r.jsxs(Ye,{children:[r.jsx(q,{size:10,children:r.jsx(ie,{markup:Fu.A,children:r.jsxs(he,{children:[r.jsx(_,{level:M.THREE,typo:[fr.TEXT_CENTERED],children:"Clickable box"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat."})]})})}),r.jsx(q,{size:10,children:r.jsxs(ie,{backgroundSrc:"https://picsum.photos/id/1/1500/600",inverted:!0,children:[r.jsx(_,{level:M.THREE,typo:[fr.TEXT_CENTERED],children:"Box with background image"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra venenatis neque, ac fringilla mauris fermentum vel. Maecenas viverra, erat id condimentum ultricies, enim enim lacinia sem, sed blandit nisi metus suscipit elit. Phasellus magna risus, mattis sed consectetur at, rhoncus vitae quam. Vivamus varius nisl a nibh finibus, non laoreet eros ornare. Phasellus dignissim ullamcorper tortor ut iaculis. Fusce tincidunt finibus fermentum. Praesent pulvinar sapien a turpis faucibus, et semper quam scelerisque. Morbi interdum nec ipsum eu facilisis."})]})}),r.jsx(q,{size:10,children:r.jsxs(ie,{backgroundSrc:"https://picsum.photos/seed/picsum/1500/600",children:[r.jsx(_,{level:M.THREE,typo:[fr.TEXT_CENTERED],children:"Box with background image"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra venenatis neque, ac fringilla mauris fermentum vel. Maecenas viverra, erat id condimentum ultricies, enim enim lacinia sem, sed blandit nisi metus suscipit elit. Phasellus magna risus, mattis sed consectetur at, rhoncus vitae quam. Vivamus varius nisl a nibh finibus, non laoreet eros ornare. Phasellus dignissim ullamcorper tortor ut iaculis. Fusce tincidunt finibus fermentum. Praesent pulvinar sapien a turpis faucibus, et semper quam scelerisque. Morbi interdum nec ipsum eu facilisis."})]})})]})]})})},P0=()=>{const[e,t]=f.useState(2);return r.jsxs(Q,{children:[r.jsx(te,{variant:"PRIMARY",onClick:()=>t(n=>n+1>3?0:n+1),children:"Next to BreadcrumbItem"}),r.jsx(xt,{size:Ea.MEDIUM}),r.jsx(A,{typo:[kr.TEXT_WEIGHT_SEMIBOLD],children:"Simple Breadcrumb"}),r.jsxs(ci,{children:[r.jsx(ft,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ft,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ft,{active:e==2,children:"Accessories"}),r.jsx(ft,{active:e==3,children:"Current page"})]}),r.jsx(A,{typo:[kr.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in box"}),r.jsx(ie,{children:r.jsx(he,{children:r.jsxs(ci,{children:[r.jsx(ft,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ft,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ft,{active:e==2,children:"Accessories"}),r.jsx(ft,{active:e==3,children:"Current page"})]})})}),r.jsx(A,{typo:[kr.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in card"}),r.jsx(Ze,{children:r.jsx(Je,{children:r.jsxs(ci,{children:[r.jsx(ft,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ft,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ft,{active:e==2,children:"Accessories"}),r.jsx(ft,{active:e==3,children:"Current page"})]})})}),r.jsx(A,{typo:[kr.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in rows"}),r.jsx(De,{centered:!0,verticalCentered:!0,children:r.jsxs(Ic,{children:[r.jsx(ds,{}),r.jsx(ds,{children:r.jsx(De,{centered:!0,verticalCentered:!0,children:r.jsxs(ci,{children:[r.jsx(ft,{href:"https://Home.fr",children:"Home"}),r.jsx(ft,{to:"#anchor",children:"Catalog"}),r.jsx(ft,{children:"Accessories"}),r.jsx(ft,{active:!0,children:"Current page"})]})})})]})})]})},pi=()=>r.jsxs(r.Fragment,{children:[r.jsx(ve,{size:10}),r.jsx(V,{}),r.jsx(ve,{size:50})]}),F0=()=>r.jsxs(pn,{children:[r.jsx(_,{level:M.TWO,children:"Variant "}),r.jsx(ve,{size:10}),r.jsx(Js,{children:Object.values(Te).map((e,t)=>r.jsx(te,{variant:e,children:e},t))}),r.jsx(pi,{}),r.jsx(_,{level:M.TWO,children:"loading + variant "}),r.jsx(ve,{size:10}),r.jsx(Js,{children:Object.values(Te).map((e,t)=>r.jsx(te,{variant:e,loading:!0,children:e},t))}),r.jsx(pi,{}),r.jsx(_,{level:M.TWO,children:"disabled + variant "}),r.jsx(ve,{size:10}),r.jsx(Js,{children:Object.values(Te).map((e,t)=>r.jsx(te,{variant:e,disabled:!0,children:e},t))}),r.jsx(pi,{}),r.jsx(_,{level:M.TWO,children:"fullwidth "}),r.jsx(ve,{size:10}),r.jsx(te,{fullwidth:!0,variant:"PRIMARY",children:"Cliquer"}),r.jsx(pi,{}),r.jsx(_,{level:M.TWO,children:"iconName "}),r.jsx(ve,{size:10}),r.jsxs(Js,{children:[r.jsx(te,{iconName:D.TIMES,variant:"CONVERSION",children:"Icon Conversion"}),r.jsx(te,{iconName:D.ARROW_DOWN,variant:"PRIMARY",children:"Icon Primary"}),r.jsx(te,{iconName:D.EYE,variant:"SECONDARY",children:"Icon Secondary"}),r.jsx(te,{iconName:D.SEARCH,variant:"GHOST",children:"Icon Ghost"})]})]}),U0=()=>{const[e,t]=f.useState(!1);return r.jsxs(Q,{children:[r.jsxs(Fc,{children:[r.jsx(Tr,{children:r.jsx(Ze,{inverted:!0,background:ce.SUCCESS,children:r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."})]})})}),r.jsx(Tr,{children:r.jsx(Ze,{background:{color:ce.SUCCESS,fade:!0},children:r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."})]})})})]}),r.jsx(_,{level:M.TWO,children:"CardImage & markup "}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ze,{active:!0,background:ce.BACKGROUND,children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:M.TWO,children:"CardImage & markup "}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ze,{markup:Uu.A,background:ce.BACKGROUND,children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:M.TWO,children:"Reversed "}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ze,{reversed:!0,children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Reversed"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:M.TWO,children:"Flat "}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ze,{flat:!0,children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Card flat"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:M.TWO,children:"Horizontal "}),r.jsx(ve,{size:be.MEDIUM}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ze,{horizontal:!0,children:[r.jsx(Ut,{size:"3",src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{backgroundColor:ce.BACKGROUND,children:[r.jsx(_,{overline:!0,children:"Desktop Card Horizontal"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:M.TWO,children:"Floating (inside component)"}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(ie,{children:[r.jsx(Rn,{children:"Floating (inside component)"}),r.jsx(he,{children:r.jsx(Mu,{className:"is-marginless",children:r.jsxs(er,{active:!0,children:[r.jsx(tr,{children:r.jsx(A,{level:"ONE",children:"Card floating (inside component)"})}),r.jsx(nr,{children:r.jsxs(Ze,{floating:!0,children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]})})]})})})]}),r.jsxs(Fc,{children:[r.jsx(Tr,{children:r.jsx(Ze,{flat:!0,fullheight:!0,children:r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Card with fullheight props"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."})]})})}),r.jsx(Tr,{children:r.jsx(Ze,{inverted:!0,background:ce.SUCCESS,children:r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."})]})})}),r.jsx(Tr,{children:r.jsx(Ze,{background:{color:ce.SUCCESS,fade:!0},children:r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."})]})})})]})]})},b0=()=>r.jsx(pn,{children:r.jsxs(De,{children:[r.jsx(A,{typo:fr.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."}),r.jsxs(Ye,{children:[r.jsx(q,{centered:!0,children:r.jsx(En,{tile:!0,iconTile:D.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked),checked:!0})}),r.jsx(q,{children:r.jsx(En,{iconTile:D.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ye,{children:[r.jsx(q,{centered:!0,children:r.jsx(En,{tile:!0,iconTile:D.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})}),r.jsx(q,{children:r.jsx(En,{disabled:!0,iconTile:D.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(ve,{size:20}),r.jsx(En,{checked:!0,iconTile:D.EYE,horizontalTile:!0,tile:!0,label:"Checkbox checked"}),r.jsx(En,{disabled:!0,horizontalTile:!0,tile:!0,label:"Checkbox Disabled"}),r.jsx(En,{description:"lorem kenenf",tile:!0,horizontalTile:!0,label:"Checkbox simple"}),r.jsx(En,{checked:!0,label:"Checkbox checked"}),r.jsx(En,{disabled:!0,label:"Checkbox Disabled"}),r.jsx(En,{description:"lorem kenenf",label:"Checkbox simple"})]})}),H0=()=>{f.useState(!1);const[e,t]=f.useState(!1),[n,s]=f.useState(!1),[l,i]=f.useState(!1),[a,o]=f.useState(!1),[c,u]=f.useState(!1),[d,m]=f.useState(!1),[h,E]=f.useState(!1);return r.jsx(De,{children:r.jsxs(pn,{children:[r.jsx(_,{level:M.TWO,children:"Chips selection multiple "}),r.jsxs(gf,{multiple:!0,children:[r.jsx(Un,{id:"1",onClick:()=>{t(!e)},active:e,children:"Chips 1"}),r.jsx(Un,{onClick:()=>{s(!n)},active:n,children:"Chips 2"}),r.jsx(Un,{onClick:()=>{i(!l)},active:l,children:"Chips 3"}),r.jsx(Un,{disabled:!0,children:"Chips 4"})]}),r.jsx(_,{level:M.TWO,children:"Chips selection unique "}),r.jsxs(gf,{children:[r.jsx(Un,{onClick:()=>{o(!a)},active:a,children:"Chips 1"}),r.jsx(Un,{onClick:()=>{u(!c)},active:c,children:"Chips 2"}),r.jsx(Un,{onClick:()=>{m(!d)},active:d,children:"Chips 3"}),r.jsx(Un,{onClick:()=>{E(!h)},active:h,children:"Chips 4"})]})]})})},z0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Q,{children:[r.jsxs(Ye,{marginSize:3,children:[r.jsx(q,{size:1,children:r.jsx(A,{style:{borderWidth:1,borderColor:"red"},children:"Column #1"})}),r.jsx(q,{size:4,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})}),r.jsx(q,{size:4,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #3"})})})]}),r.jsxs(Ye,{marginSize:3,children:[r.jsx(q,{size:4,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #4"})})}),r.jsx(q,{size:4,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #5"})})}),r.jsx(q,{size:4,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #6"})})})]}),r.jsx(_,{level:M.THREE,children:"Column responsive"}),r.jsx(V,{}),r.jsxs(Ye,{mobile:!0,children:[r.jsx(q,{desktopSize:2,tabletSize:2,mobileSize:6,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #1"})})}),r.jsx(q,{desktopSize:10,tabletSize:10,mobileSize:6,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})})]})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Column Inlined"}),r.jsx(V,{}),r.jsxs(Ye,{inlined:!0,marginSize:3,children:[r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})})]})]})]}),$0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Q,{verticalPaddingless:!0,children:[r.jsx(De,{children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(A,{children:"Container"}),r.jsx(_,{level:M.THREE,children:"Conteneur simple"})]})})}),r.jsx(V,{})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Conteneur fluid"}),r.jsx(V,{}),r.jsx(De,{fluid:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Container content"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Conteneur medium"}),r.jsx(V,{}),r.jsx(De,{medium:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"fullwidth"}),r.jsx(V,{}),r.jsx(De,{fullwidth:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"fluide centré"}),r.jsx(V,{}),r.jsx(De,{fluid:!0,centered:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"content centered"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"pulled-right"}),r.jsx(V,{}),r.jsx(De,{fluid:!0,pulledRight:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"pulledRight"})})})}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc massa est, tincidunt a metus vel, bibendum tempor lorem. Donec sit amet elit vel felis mattis faucibus et at nisi. Mauris vel lacinia diam. Integer convallis sit amet turpis at scelerisque. In suscipit enim turpis, vitae viverra urna pulvinar vel. Praesent rutrum ante id quam rhoncus, id elementum nulla bibendum. Integer suscipit lorem ut convallis aliquet. Mauris eget nibh tellus. In pretium cursus dignissim. Nam tincidunt consequat condimentum. Ut a arcu ultrices, luctus arcu eu, ullamcorper neque. Mauris sagittis pulvinar tempus. Pellentesque egestas eros turpis, eu fringilla sem convallis sit amet. Nam a nisi non sapien finibus aliquet bibendum sed est. Integer ullamcorper lorem sit amet leo mattis, eget ornare purus molestie. Proin mattis pellentesque gravida. Ut rutrum vel tellus ut pellentesque. Mauris ac turpis massa. Curabitur lectus diam, pharetra a lorem ac, ultricies auctor turpis. Ut posuere metus vel quam condimentum, nec sagittis erat vestibulum. Fusce id nulla nisi."})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"pulled-left"}),r.jsx(V,{}),r.jsx(De,{fluid:!0,pulledLeft:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"pulledLeft"})})})}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid autem beatae debitis, ea earum incidunt, ipsa libero maxime necessitatibus nesciunt similique. Asperiores deserunt eligendi expedita numquam quisquam rem sunt!"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid autem beatae debitis, ea earum incidunt, ipsa libero maxime necessitatibus nesciunt similique. Asperiores deserunt eligendi expedita numquam quisquam rem sunt!"})]})]}),W0=()=>r.jsxs(Q,{children:[r.jsx(jf,{inverted:!0,deadline:new Date("2023-12-24 18:00:00")}),r.jsx(ve,{size:be.MEDIUM}),r.jsx(jf,{small:!0,deadline:new Date("2024-09-28 18:00:00"),format:ul.DAY_HOUR_MIN})]}),B0=()=>r.jsxs(Q,{children:[r.jsxs(ie,{children:[r.jsx(V,{iconName:D.EYE_SLASH}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"}),r.jsx(V,{color:ce.MAIN,backgroundColor:ce.MAIN,textColor:ce.BACKGROUND,iconName:D.EYE_SLASH}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"})]}),r.jsxs(ie,{children:[r.jsx(A,{children:"Lorem ipsum dolor sit amet"}),r.jsx(V,{color:ce.MAIN,textColor:ce.MAIN,backgroundColor:ce.BACKGROUND,content:"New Message"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"})]}),r.jsx(ie,{children:r.jsx(he,{children:r.jsx(V,{unboxed:!0})})}),r.jsx(V,{})]}),V0=()=>{const[e,t]=f.useState(!1);return r.jsx(Ge,{style:{height:"80rem"},children:r.jsxs(Q,{children:[r.jsx(_,{level:"TWO",children:"FAB button"}),r.jsx(Oj,{extended:e,onClick:()=>t(!e),iconName:D.INFOS_CIRCLE,right:20,bottom:15,children:"New Conversation"})]})})},G0=()=>r.jsxs(Q,{children:[r.jsx(_i,{background:Ve.MAIN,overlap:!0,inverted:!0,children:r.jsxs(De,{children:[r.jsx(_,{markup:Pl.H1,level:M.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:_e.TWO,children:"Profitez dInternet dès labonnement et même en cas de coupure grâce à une clé 4G dans les nouvelles offres Bbox."})]})}),r.jsx(Q,{children:r.jsx(De,{children:r.jsx(ie,{background:{color:Ve.INFO,fade:!1},inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:M.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:_e.TWO,children:"Profitez dInternet dès labonnement et même en cas de coupure grâce à une clé 4G dans les nouvelles offres Bbox."})]})})})}),r.jsx(V,{}),r.jsx(_i,{backgroundSrc:"https://picsum.photos/id/1/1500/600",inverted:!0,children:r.jsxs(De,{children:[r.jsx(A,{children:"Welcome Message"}),r.jsx(_,{level:"ONE",children:"Hero with image background"}),r.jsx(te,{markup:Ts.BUTTON,variant:"PRIMARY",onClick:()=>alert("Click on hero btn"),children:"Click me !"})]})}),r.jsx(V,{}),r.jsx(_i,{background:Ve.MAIN,inverted:!0,children:r.jsxs(De,{children:[r.jsx(A,{children:"Welcome Message"}),r.jsx(_,{level:"TWO",children:"Hero with Background Color"}),r.jsx(te,{markup:Ts.BUTTON,variant:Te.SECONDARY,onClick:()=>alert("Click on hero btn"),children:"Click me !"})]})})]});var le;(function(e){e.ALERT="tri-alert",e.ARROW_DOWN="tri-arrow-down",e.ARROW_LEFT="tri-arrow-left",e.ARROW_RIGHT="tri-arrow-right",e.ARROW_UP="tri-arrow-up",e.BELL="tri-bell",e.CHECK_CIRCLE="tri-check-circle",e.CHECK="tri-check",e.EXCLAMATION_CIRCLE="tri-exclamation-circle",e.EYE_SLASH="tri-eye-slash",e.EYE="tri-eye",e.INFOS_CIRCLE="tri-infos-circle",e.SEARCH="tri-search",e.TIMES="tri-times",e.TRASH="tri-trash"})(le||(le={}));const q0=()=>r.jsxs(Q,{children:[r.jsx(z,{size:K.HUGE,name:le.ARROW_UP}),r.jsx(z,{name:le.ARROW_DOWN,color:ws.GREY,size:K.SMALL}),r.jsx(z,{size:K.MEDIUM,name:le.ARROW_UP}),r.jsx(z,{size:K.MEDIUM,name:le.ARROW_RIGHT}),r.jsx(z,{size:K.MEDIUM,name:le.ARROW_LEFT}),r.jsx(z,{size:K.MEDIUM,name:le.ARROW_DOWN}),r.jsx(z,{size:K.MEDIUM,name:le.CHECK_CIRCLE}),r.jsx(z,{size:K.MEDIUM,name:le.CHECK}),r.jsxs(A,{className:"has-text-primary",children:["Icon with text children",r.jsx(z,{name:le.ALERT})]}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.MEDIUM,name:le.TIMES,content:"Icon with text props content",position:bt.UP}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.ARROW_UP}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.ARROW_DOWN}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.ARROW_LEFT}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.ARROW_RIGHT}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.TIMES}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_START,name:le.TIMES}),r.jsx(z,{align:Ce.ALIGNED_START,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.SMALL,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.MEDIUM,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.LARGE,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.SMALLER,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_CENTER,size:K.MEDIUM,name:le.ARROW_RIGHT}),r.jsx(z,{align:Ce.ALIGNED_END,size:K.LARGE,name:le.ARROW_RIGHT}),r.jsx(z,{size:K.LARGE,name:le.TIMES}),r.jsx(z,{color:ws.ERROR,circled:!0,size:K.LARGE,name:le.TIMES}),r.jsx(z,{circled:!0,size:K.LARGE,name:le.TIMES}),r.jsx(_,{level:M.THREE,children:"Icon with text, position and vertical alignment"}),r.jsx(V,{}),r.jsxs(De,{children:[r.jsxs(Ge,{children:[r.jsx(A,{children:"Icon UP"}),r.jsx(z,{content:"Input + text",size:K.LARGE,position:bt.UP,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Icon DOWN"}),r.jsx(z,{content:"Input + text",size:K.LARGE,position:bt.DOWN,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Icon LEFT"}),r.jsx(z,{content:"Input + text",size:K.LARGE,position:bt.LEFT,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Icon RIGHT"}),r.jsx(z,{content:"Input + text",size:K.LARGE,position:bt.RIGHT,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Center align"}),r.jsx(z,{content:"Donec dui tellus, fermentum ut purus ac, commodo vestibulum enim. Fusce ut tortor in leo dictum maximus. Sed aliquam ante consequat turpis faucibus, id ultricies est vulputate. Nullam semper justo nulla, sed pulvinar urna tincidunt sagittis. Phasellus vitae erat massa. Fusce quis ultrices magna, eget varius nibh. Proin purus dui, lobortis vel diam sit amet, interdum vestibulum nunc.",size:K.MEDIUM,verticalAlign:Ce.ALIGNED_CENTER,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Top align"}),r.jsx(z,{content:"Donec dui tellus, fermentum ut purus ac, commodo vestibulum enim. Fusce ut tortor in leo dictum maximus. Sed aliquam ante consequat turpis faucibus, id ultricies est vulputate. Nullam semper justo nulla, sed pulvinar urna tincidunt sagittis. Phasellus vitae erat massa. Fusce quis ultrices magna, eget varius nibh. Proin purus dui, lobortis vel diam sit amet, interdum vestibulum nunc.",size:K.MEDIUM,verticalAlign:Ce.ALIGNED_START,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Bottom Align"}),r.jsx(z,{content:"Donec dui tellus, fermentum ut purus ac, commodo vestibulum enim. Fusce ut tortor in leo dictum maximus. Sed aliquam ante consequat turpis faucibus, id ultricies est vulputate. Nullam semper justo nulla, sed pulvinar urna tincidunt sagittis. Phasellus vitae erat massa. Fusce quis ultrices magna, eget varius nibh. Proin purus dui, lobortis vel diam sit amet, interdum vestibulum nunc.",size:K.MEDIUM,verticalAlign:Ce.ALIGNED_END,name:le.TIMES})]}),r.jsx(Ge,{children:r.jsx(z,{content:r.jsx(at,{href:"https://google.fr",children:"My super link with href"}),size:K.LARGE,position:bt.LEFT,name:le.TIMES})})]}),r.jsx(_,{level:M.THREE,children:"Icon with status"}),r.jsx(V,{}),r.jsx(z,{statusPosition:Tc.TOP,status:Ol.SUCCESS,size:K.MEDIUM,name:le.TIMES}),r.jsx(z,{statusPosition:Tc.BOTTOM,status:Ol.SUCCESS,size:K.MEDIUM,name:le.TIMES})]}),Y0=()=>r.jsxs(Q,{children:[r.jsx(Ne,{level:ue.THREE,children:"Image simple"}),r.jsx(go,{width:150,height:150,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(go,{width:1e3,height:250,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(Tt,{}),r.jsx(Ne,{level:ue.THREE,children:"Image rounded"}),r.jsx(go,{rounded:!0,width:150,height:150,src:"https://picsum.photos/id/1/1500/600"})]}),X0=()=>{const[e,t]=O.useState(),[n,s]=O.useState("");f.useEffect(()=>{s(n),console.log("leavingDate : ",n)},[n]);function l(i){const o=i.replace(",",".").replace(/[^0-9.]/g,"").split(".").filter((u,d)=>d<=1);let c=o[1]||"";return c.length>2&&(c=c.substring(0,2)),o.join(".")}return r.jsxs(Q,{background:Ve.BACKGROUND,children:[r.jsx(xe,{label:"Input label not dynamic with sample",sample:"Input sample",help:"Search helper input",onKeyUp:i=>console.log(i),required:!0,hasIcon:!0,customIconLeft:"tri-search"}),r.jsx(xe,{label:"Input label not dynamic without sample",help:"Search helper input",onKeyUp:i=>console.log(i),required:!0,hasIcon:!0,customIconLeft:"tri-search"}),r.jsx(xe,{type:we.DATE,placeholder:"Start",name:"leavingDate",value:n,onChange:i=>s(i.inputValue)}),r.jsx(xe,{accessibilityLabel:"input base",placeholder:"Label input"}),r.jsx(xe,{minLength:10,maxLength:12,onKeyPress:()=>console.log("key"),hasIcon:!0,defaultValue:"Input, with placeholder (without padding top)",help:"Do not display upper padding when there is no placeholder",type:we.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(xe,{hasIcon:!0,defaultValue:"Input, without placeholder, without search",help:"Do not display upper padding when there is no placeholder",type:we.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(xe,{hasIcon:!0,defaultValue:"Input, with placeholder, with search",help:"this is my help message",type:we.TEXT,onIconClick:()=>{window.alert("lol")},customIcon:D.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(xe,{hasIcon:!0,defaultValue:"Input, with search & customIcon",help:"CustomIcon takes precedence over the display of the search to avoid displaying 2 icons, one above the other.",type:we.TEXT,onIconClick:()=>{window.alert("test")},customIcon:D.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(xe,{hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:we.TEXT,status:Et.SUCCESS,customIcon:D.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"This is my placeholder"}),r.jsx(xe,{hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:we.TEXT,patternValidator:new RegExp(/^hello/,"i"),customIcon:D.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"Pattern start by hello"}),r.jsx(xe,{hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:we.TEXT,customValidator:i=>i==="machin"?Et.SUCCESS:Et.WARNING,customIcon:D.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:'Custom validator value="machin"'}),r.jsx(xe,{hasIcon:!0,forceControl:!0,defaultValue:"12",value:e,status:Et.SUCCESS,customIcon:D.BELL,onIconClick:()=>{window.alert("lol")},placeholder:"Forced control formatted normal input",onChange:i=>{t(l(i.inputValue))}}),r.jsxs(pn,{children:[r.jsx(_,{level:M.THREE,children:"Champs"}),r.jsx(V,{}),r.jsx(xe,{hasIcon:!0,forceControl:!0,defaultValue:"Input Success",value:e,status:Et.SUCCESS,customIcon:D.CHECK_CIRCLE,onIconClick:()=>{window.alert("lol")},placeholder:"Placeholder in success input type",onChange:i=>{t(l(i.inputValue))}}),r.jsx(xe,{type:we.TEXT,placeholder:"Input type texte"}),r.jsx(xe,{type:we.NUMBER,placeholder:"Input type number"}),r.jsx(xe,{type:we.PASSWORD,placeholder:"Input type password"}),r.jsx(xe,{type:we.DATE,placeholder:"Input type date"}),r.jsx(xe,{type:we.EMAIL,placeholder:"Input type mail"}),r.jsx(xe,{help:"This password does not meet the security requirements.",type:we.TEXT,status:Et.ERROR,placeholder:"This is an error message"}),r.jsx(xe,{hasIcon:!0,help:"this is my help message",type:we.TEXT,placeholder:"This is my placeholder"}),r.jsx(xe,{hasIcon:!0,help:"this is my help message",type:we.TEXT,placeholder:"This is my placeholder",customIconLeft:D.INFOS_CIRCLE}),r.jsx(xe,{type:"password",hasIcon:!0,securityGauge:!0,help:r.jsx(at,{children:"1ère connexion / Mot de passe oublié ?"}),placeholder:"this is my placeholder",minLength:8,maxLength:15,validationRules:{lowercase:!0,uppercase:!0,number:!0,specialChars:!0,length:{max:4,min:2}}}),r.jsx(xe,{type:"password",help:"test",placeholder:"this is my placeholder"}),r.jsx(xe,{defaultValue:"My 2nd default input value",help:"this is my help message",type:we.TEXT,status:Et.WARNING,customIcon:D.SEARCH,placeholder:"This is my placeholder"})]})]})},K0=()=>r.jsx(Q,{children:r.jsxs(N0,{children:[r.jsx(_,{level:M.THREE,children:"Links inline"}),r.jsxs(A,{children:["I'm in a paragraph and this is a ",r.jsx(at,{children:"standard link"})," while this is a ",r.jsx(at,{children:"standard ununderlined link."})," If I want atertiary colored link, I can also use this",r.jsx(at,{children:"underlined link"}),", or this ",r.jsx(at,{children:"underlined one."})]}),r.jsx(_,{level:M.THREE,children:"External links"}),r.jsx(at,{href:"https://google.com",blank:!0,children:"External link"}),r.jsx(_,{level:M.THREE,children:"Link with icon"}),r.jsx(at,{href:"https://google.com",blank:!0,iconName:D.ARROW_RIGHT,children:"External link"})]})}),Q0=()=>r.jsx(r.Fragment,{children:r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"List with divider"}),r.jsxs(ui,{children:[r.jsx(Rt,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Rt,{divider:!0,children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(mi,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:M.THREE,children:"List with action & title & description"}),r.jsxs(ui,{children:[r.jsx(Rt,{deletable:!0,action:r.jsx(z,{name:"tri-trash"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{action:r.jsx(om,{name:"switch",onChange:e=>console.log(e.switchState)}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{action:r.jsx(ax,{description:"lorem kenenf ns k ",narrow:!0,marginless:!0}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Rt,{action:r.jsx(y0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(mi,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:M.THREE,children:"List with customIcon"}),r.jsxs(ui,{children:[r.jsx(Rt,{status:xa.ERROR,customIcon:cn.TIMES,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{customIcon:r.jsx(e1,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{customIcon:r.jsx(Z0,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Rt,{customIcon:r.jsx(J0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(mi,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:M.THREE,children:"List with action & title & description && customIcon"}),r.jsxs(ui,{children:[r.jsx(Rt,{deletable:!0,status:xa.ERROR,customIcon:cn.TIMES,action:r.jsx(z,{name:"tri-trash",size:"small"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Rt,{customIcon:r.jsx(z,{name:"tri-trash",size:"small"}),action:r.jsx(om,{name:"switch",onChange:e=>console.log(e.switchState)}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(mi,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]})]})}),Z0=()=>r.jsx(I0,{style:{width:8,height:8,borderRadius:8,backgroundColor:tx(Ve.MAIN)}}),J0=()=>r.jsx(C0,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg",width:40,height:40,rounded:!0}),e1=()=>r.jsx(z,{size:"small",name:"tri-alert",color:_c.INFO}),t1=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Modal"}),r.jsx(Tt,{}),r.jsxs(Vs,{panel:!0,title:"Modal panel Title",ctaContent:"Action",ctaOnClick:()=>alert("Click on cta"),closeIcon:!0,ctaCancelOnClick:()=>alert("cancel action"),children:[r.jsxs(A0,{children:[r.jsxs(To,{done:!0,children:[r.jsx(Lo,{iconName:cn.CHECK}),r.jsx(wo,{heading:"08 July",content:"Step 1"})]}),r.jsxs(To,{active:!0,children:[r.jsx(Lo,{iconName:cn.CHECK}),r.jsx(wo,{heading:"09 July",content:"Step 2",link:"link",contentLink:"Go to link"})]}),r.jsxs(To,{undone:!0,children:[r.jsx(Lo,{iconName:cn.CHECK}),r.jsx(wo,{heading:"10 July",content:"Step 3",link:"link",contentLink:"Go to your profile"})]})]}),r.jsx(Xe,{children:"Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of de Finibus Bonorum et Malorum (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, Lorem ipsum dolor sit amet.. , comes from a line in section 1.10.32. The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from de Finibus Bonorum et Malorum by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undo"})]}),r.jsx(Vs,{content:`Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
+
+The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
+
+The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
+
+The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.`,title:"title modal",triggerContent:"Open accessible modal",ctaContent:"Action",onOpen:()=>alert("open modal"),onClose:()=>alert("close modal"),iconName:cn.BELL,closeIcon:!0,ctaCancelOnClick:()=>alert("toto"),titleButtonClose:"Fermer"})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Modal custom "}),r.jsx(Tt,{}),r.jsxs(Vs,{triggerContent:"Open modal",onOpen:()=>alert("open modal"),onClose:()=>alert("close modal"),closeIcon:!0,children:[r.jsx(Ui,{children:"Custom title"}),r.jsx(Xe,{htmlContent:`Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
+
+The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
+
+The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
+
+The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.`}),r.jsx(ix,{children:"Custom Footer"})]})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Modal click outside "}),r.jsx(Tt,{}),r.jsxs(Vs,{triggerContent:"Open modal",iconName:"tri-check-circle",iconColor:"SUCCESS",closeIcon:!0,children:[r.jsx(Ui,{children:"Titre 2"}),r.jsx(Xe,{children:"icon modal content"})]})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Modal with disable click outside "}),r.jsx(Tt,{}),r.jsxs(Vs,{triggerContent:"Open modal",iconName:"tri-check-circle",iconColor:"SUCCESS",disableHandlingClickOutside:!0,closeIcon:!0,children:[r.jsx(Ui,{children:"Titre 2"}),r.jsx(Xe,{children:"icon modal content"})]})]})]}),n1=()=>r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"OTP"}),r.jsx(di,{onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"Set your OTP",autoFocus:!0}),r.jsx(ve,{size:be.HUGE}),r.jsx(di,{disabled:!0,onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"OTP Disabled"}),r.jsx(ve,{size:be.HUGE}),r.jsx(di,{error:!0,errorMessage:"This is an error message",onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"OTP Error"}),r.jsx(ve,{size:be.HUGE}),r.jsx(di,{errorMessage:"This is a message",codeSize:4,onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"OTP code Size 4"})]}),r1=()=>r.jsxs(Q,{children:[r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Pagination"}),r.jsx(V,{}),r.jsx(No,{onClick:e=>console.log("event",e),count:50,href:e=>`?page=${e}`})]}),r.jsxs(Q,{children:[r.jsx(No,{onClick:e=>console.log("event",e),count:50,href:e=>`?page=${e}`}),r.jsx(V,{}),r.jsx(No,{onClick:e=>console.log("event",e),count:50,defaultPage:2})]})]}),s1=()=>r.jsxs(Q,{children:[r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Popover"}),r.jsxs(Ye,{children:[r.jsx(q,{children:r.jsx(bn,{content:"Voici une simple popover",children:r.jsx(te,{variant:"PRIMARY",children:"Simple"})})}),r.jsx(q,{children:r.jsx(bn,{children:r.jsx(te,{variant:"PRIMARY",children:"Without content"})})}),r.jsx(q,{children:r.jsx(bn,{content:r.jsxs(r.Fragment,{children:[r.jsx(We,{variant:Be.ERROR,children:"Test"}),r.jsx(z,{name:D.TIMES})]}),children:r.jsx(te,{variant:"PRIMARY",children:"Node content"})})}),r.jsx(q,{children:r.jsx(bn,{active:!0,content:"Popover active",children:r.jsx(te,{variant:"PRIMARY",children:"Active"})})})]})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Popover direction"}),r.jsxs(Ye,{children:[r.jsx(q,{children:r.jsx(bn,{content:"En haut",children:r.jsx(te,{variant:"PRIMARY",children:"Top"})})}),r.jsx(q,{children:r.jsx(bn,{direction:Oi.BOTTOM,content:"En bas",children:r.jsx(te,{variant:"PRIMARY",children:"Bottom"})})}),r.jsx(q,{children:r.jsx(bn,{direction:Oi.RIGHT,content:"A droite",children:r.jsx(te,{variant:"PRIMARY",children:"Right"})})}),r.jsx(q,{children:r.jsx(bn,{direction:Oi.LEFT,content:"A gauche",children:r.jsx(te,{variant:"PRIMARY",children:"Left"})})})]})]})]}),l1=()=>r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Price tag"}),r.jsx(ke,{level:"1",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"2",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"3",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"4",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"5",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"6",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"7",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.MEDIUM}),r.jsx(_,{level:M.THREE,children:"Simple"}),r.jsx(ke,{level:"2",amount:18.99,showCents:!0}),r.jsx(ke,{level:"2",amount:18.99,showCents:!0,striked:!0}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Inlined"}),r.jsx(ke,{level:"7",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:Ce.ALIGNED_START,suptitle:"From ",inline:!0}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Alignement"}),r.jsx(ke,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:Ce.ALIGNED_START}),r.jsx(ke,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:Ce.ALIGNED_CENTER}),r.jsx(ke,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:Ce.ALIGNED_END}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Size"}),r.jsx(ke,{level:Xt.LEVEL1,amount:100,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL2,amount:24.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL3,amount:24.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL4,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL5,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL6,amount:18.1,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL7,amount:18.1,mention:"(1)",period:"months",showCents:!0}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Inverted price"}),r.jsxs(_i,{background:qp.MAIN,children:[r.jsx(ke,{inverted:!0,level:Xt.LEVEL1,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{striked:!0,inverted:!0,level:Xt.LEVEL1,amount:18.99,mention:"(1)",period:"months",showCents:!0})]}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"With or Without cents"}),r.jsx(ke,{level:Xt.LEVEL4,amount:18,period:"months"}),r.jsx(ke,{level:Xt.LEVEL4,amount:18,period:"months",showCents:!0})]}),i1=()=>r.jsxs(Q,{children:[r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Product tour"}),r.jsx(V,{})]}),r.jsx(Q,{children:r.jsx(Gj,{avatarDirection:Jp.LEFT,active:!0,closeable:!0,arrowDirection:Zp.UP,avatarSrc:"https://tinyfac.es/data/avatars/475605E3-69C5-4D2B-8727-61B7BB8C4699-500w.jpeg",children:r.jsx(A,{children:"Product tour text content"})})})]}),a1=()=>r.jsxs(Lt,{children:[r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Progress Bar"}),r.jsx(Tt,{}),r.jsx(Wn,{percent:30}),r.jsx(Wn,{percent:30,status:"INFO"}),r.jsx(Wn,{percent:30,status:"WARNING"}),r.jsx(Wn,{percent:30,status:"ERROR"}),r.jsx(Wn,{percent:30,status:"SUCCESS"})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Barre de progression empilée"}),r.jsx(Tt,{}),r.jsxs(Wn,{stacked:!0,children:[r.jsx(hi,{percent:15,status:Tn.SUCCESS}),r.jsx(hi,{percent:15,status:Tn.INFO}),r.jsx(hi,{percent:15,status:Tn.WARNING}),r.jsx(hi,{percent:15,status:Tn.ERROR})]})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Progression avec unique légende"}),r.jsx(Tt,{}),r.jsx(Wn,{percent:30,status:Tn.INFO,uniqueLegend:"My unique legend"})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Progression avec légendes aux extremités"}),r.jsx(Tt,{}),r.jsx(Wn,{percent:15,status:Tn.INFO,firstExtremLegend:"0 Go",secondExtremLegend:"5 Go"})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Barre de progression circulaire children custo"}),r.jsx(Tt,{}),r.jsxs(Gs,{percent:30,secondPercent:30,children:[r.jsx(Ne,{level:ue.THREE,marginless:!0,children:"60"}),r.jsx(Xe,{level:zt.ONE,marginless:!0,children:"/ 300 Go"})]}),r.jsx(Ne,{level:ue.THREE,children:"Barre de progression circulaire avec label et description"}),r.jsx(Tt,{}),r.jsxs(Gs,{percent:30,secondPercent:30,alert:AlertState.INFO,secondAlert:AlertState.WARNING,children:[r.jsx(Ne,{level:ue.THREE,marginless:!0,children:"60"}),r.jsx(Xe,{level:zt.ONE,marginless:!0,children:"/ 100 Go"})]}),r.jsxs(Gs,{percent:30,secondPercent:30,small:!0,children:[r.jsx(Xe,{typo:[Ml.TEXT_WEIGHT_SEMIBOLD],level:ue.ONE,marginless:!0,children:"60"}),r.jsx(Xe,{level:zt.FOUR,marginless:!0,children:"/ 100 Go"})]}),r.jsx(Ne,{level:"THREE",children:"Vide : "}),r.jsx(Gs,{percent:0,secondPercent:0,description:"--"}),r.jsx(Gs,{percent:0,secondPercent:0,description:"--",small:!0})]})]}),o1=()=>r.jsx(pn,{children:r.jsxs(De,{children:[r.jsxs(Ic,{children:[r.jsx(ds,{children:r.jsx(A,{typo:Ls.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."})}),r.jsx(ds,{children:r.jsx(A,{typo:Ls.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."})})]}),r.jsxs(Ye,{children:[r.jsx(q,{centered:!0,children:r.jsx(Pt,{tile:!0,iconTile:D.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked),checked:!0})}),r.jsx(q,{children:r.jsx(Pt,{iconTile:D.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})})]}),r.jsx(xt,{size:Ea.MEDIUM}),r.jsxs(Ye,{children:[r.jsx(q,{centered:!0,children:r.jsx(Pt,{tile:!0,iconTile:D.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})}),r.jsx(q,{children:r.jsx(Pt,{disabled:!0,iconTile:D.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})})]}),r.jsx(xt,{size:20}),r.jsxs(Cf,{isMobile:!0,children:[r.jsx(Pt,{checked:!0,iconTile:D.EYE,tile:!0,horizontalTile:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Pt,{disabled:!0,horizontalTile:!0,label:"abc narrow",tile:!0,narrow:!0,marginless:!0}),r.jsx(Pt,{description:"lorem kenenf ns k ",tile:!0,horizontalTile:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsxs(Pt,{tile:!0,horizontalTile:!0,label:"Radio tile",name:"radio",value:"default value 1",description:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet",onChange:e=>console.log(e.radioValue,e.radioChecked),checked:!1,children:[r.jsx(z,{name:D.EYE,size:K.LARGE}),r.jsx(z,{name:D.EYE_SLASH,size:K.LARGE}),r.jsx(z,{name:D.INFOS_CIRCLE,size:K.LARGE})]})]}),r.jsxs(Pt,{tile:!0,horizontalTile:!0,onChange:e=>console.log(e.radioValue,e.radioChecked),checked:!1,children:[r.jsx(z,{name:D.EXCLAMATION_CIRCLE}),r.jsxs(Ic,{children:[r.jsx(ds,{children:r.jsx(_,{level:M.THREE,markup:"div",className:"is-marginless",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."})}),r.jsx(ds,{children:r.jsx(A,{level:M.THREE,markup:"div",className:"is-marginless",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pretium id sem quis auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula semper leo, a scelerisque erat tristique id."})})]})]}),r.jsx(xt,{size:20}),r.jsxs(Cf,{isMobile:!0,children:[r.jsx(Pt,{checked:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Pt,{disabled:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Pt,{description:"lorem kenenf ns k ",label:"abc narrow",narrow:!0,marginless:!0})]})]})}),c1=()=>r.jsx(Q,{children:r.jsx(qj,{min:0,max:100,labelValueCursorMin:"€",labelValueCursorMax:"€",valueCursorMin:0,valueCursorMax:50,label:"Ceci est un label",idMin:"min",idMax:"max",nameMax:"max",nameMin:"min",onChangeMin:e=>console.log(e),onChangeMax:e=>console.log(e),gap:0})}),u1=()=>r.jsx(Q,{background:Ve.BACKGROUND,children:r.jsxs(Yj,{children:[r.jsx(el,{active:!0,onClick:()=>alert("Appels"),children:"Item 1"}),r.jsx(el,{onClick:()=>alert("SMS"),children:"Item 2"}),r.jsx(el,{onClick:()=>alert("Équipements"),children:"Item 3"}),r.jsx(el,{disabled:!0,children:"Item 4"})]})}),d1=()=>{const[e,t]=f.useState(["opt_one","Venus"]),[n,s]=f.useState(["opt_one","opt_two"]),[l,i]=f.useState("opt_two"),[a,o]=f.useState("opt_one");return r.jsxs(Q,{children:[r.jsxs(r.Fragment,{children:[r.jsx(Ne,{children:"Custom select"}),r.jsx(Tt,{}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.TWO,children:"Unique option"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Kr,{disabled:!0,name:"option",label:"label",id:"id",iconName:D.ALERT,selected:l,onChange:c=>{i(c.selectValue)},children:[r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0,iconName:"tri-bell"}),r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile",iconName:"tri-bell"}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto",iconName:"tri-bell"}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus",iconName:"tri-bell"})]}),r.jsx(Zr,{onClick:()=>i("Venus"),variant:"PRIMARY",children:"Set value 3"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"nullable"}),r.jsxs(Kr,{nullable:!0,name:"option",label:"label",id:"id",iconName:D.ALERT,selected:a,onChange:c=>{o(c.selectValue)},children:[r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile"}),r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto"}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus"})]}),r.jsx(Zr,{onClick:()=>o(void 0),variant:"PRIMARY",children:"Set Null"}),r.jsx(Zr,{onClick:()=>o("opt_one"),variant:"PRIMARY",children:"Set One"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.TWO,children:"Multiple options"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Kr,{multiple:!0,name:"option",label:"label",id:"id",iconName:D.ALERT,selected:e,onChange:c=>{c!=null&&c.selectedOptions&&t(c.selectedOptions)},children:[r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile"}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto"}),r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus"})]}),r.jsx(Zr,{onClick:()=>t(c=>[...c,"Venus"]),variant:"PRIMARY",children:"Set Venus"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"nullable"}),r.jsxs(Kr,{nullable:!0,multiple:!0,name:"option",label:"label",id:"id",iconName:D.ALERT,selected:n,onChange:c=>{c!=null&&c.selectedOptions&&s(c.selectedOptions)},children:[r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile"}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto"}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus"}),r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0})]}),r.jsx(Zr,{onClick:()=>s([]),variant:"PRIMARY",children:"Set Null"}),r.jsx(Zr,{onClick:()=>s(["opt_one","opt_two"]),variant:"PRIMARY",children:"Set one & two"})]}),r.jsxs(r.Fragment,{children:[r.jsxs(Ne,{children:["Native select ","(web)"]}),r.jsx(Tt,{}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.TWO,children:"Unique option"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Kr,{native:!0,name:"option",label:"label",id:"select-native-id",iconName:D.ALERT,selected:l,onChange:c=>{c!=null&&c.selectValue&&i(c.selectValue)},children:[r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile"}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto"}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus"}),r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0})]}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.TWO,children:"multiple option"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Kr,{multiple:!0,native:!0,name:"option",id:"id",selected:e,onChange:c=>{c!=null&&c.selectedOptions&&t(c.selectedOptions)},children:[r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile"}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto"}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus"}),r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0})]}),r.jsx(xt,{size:20})]})]})},f1=()=>r.jsx(Q,{children:r.jsx(pn,{edgeSize:be.MEDIUM,edges:["top","bottom"],children:r.jsxs(Qj,{activeIndex:1,align:Ce.ALIGNED_CENTER,children:[r.jsx(Di,{children:"Selector One"}),r.jsx(Di,{children:"Selector Two"}),r.jsx(Di,{children:"Selector Three"})]})})}),m1=()=>{const[e,t]=f.useState(1),n=f.useCallback(()=>{t(e===5?1:s=>s+1)},[e]);return r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Etapes"}),r.jsx(V,{}),r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(_,{level:M.ONE,children:"Mon panier"}),r.jsx(ve,{size:30}),r.jsxs(Zj,{children:[r.jsx(Bs,{done:1<e,current:e===1,iconName:D.EYE,label:"Recup",step:1}),r.jsx(Bs,{done:2<e,current:e===2,label:"Compléments",step:2}),r.jsx(Bs,{error:!0,done:3<e,current:e===3,iconName:D.SEARCH,label:"Coordonate",step:3}),r.jsx(Bs,{done:4<e,current:e===4,label:"Livraison",step:4}),r.jsx(Bs,{done:5<e,current:e===5,iconName:D.EYE,label:"Confirm",step:5})]})]})}),r.jsx(ve,{size:30}),r.jsx(te,{onClick:n,variant:"PRIMARY",children:"Next"})]})},h1=()=>r.jsx(Q,{children:r.jsxs(pn,{children:[r.jsx(jr,{children:"Sticker"}),r.jsx(jr,{variant:"ACCENT",children:"Sticker"}),r.jsx(jr,{variant:"INFO",children:"Sticker"}),r.jsx(ve,{size:be.HUGE,horizontal:!0}),r.jsx(jr,{variant:fl.ACCENT,small:!0,children:"Sticker"}),r.jsx(jr,{variant:fl.INFO,small:!0,children:"Sticker"}),r.jsx(jr,{variant:fl.MAIN,small:!0,children:"Sticker"}),r.jsx(ve,{size:be.HUGE}),r.jsxs(ie,{hat:!0,children:[r.jsx(jr,{hat:!0,children:"Im a sticker hat"}),r.jsx(he,{children:r.jsx(T0,{amount:100})})]})]})}),p1=()=>r.jsxs(Q,{children:[r.jsx(Nr,{status:ua.ERROR,label:"Switch one",name:"switch one",onChange:e=>{console.log("SwitchState =>",e.switchState),console.log("SwitchSName =>",e.switchName)},onClick:e=>{console.log("SwitchState =>",e.switchState),console.log("SwitchSName =>",e.switchName)}}),r.jsx(Nr,{label:"Switch two",name:"switch",checked:!0,onChange:e=>console.log(e.switchState)}),r.jsx(Nr,{disabled:!0,label:"Switch two disabled checked",name:"switch",checked:!0,onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(Nr,{disabled:!0,label:"Switch two disabled",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(Nr,{reversed:!0,disabled:!0,label:"Switch two reversed disabled",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(Nr,{reversed:!0,label:"Switch two reversed",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(Nr,{reversed:!0,disabled:!0,label:"Switch two disabled reversed checked",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0,checked:!0})]}),x1=()=>{const[e,t]=f.useState(1),[n,s]=f.useState(2);return r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Event"}),r.jsxs(Sr,{activeIndex:e,children:[r.jsx(oe,{iconName:D.BELL,active:e===0,onClick:()=>t(0),children:"One"}),r.jsx(oe,{iconName:D.BELL,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(oe,{iconName:D.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(Sr,{activeIndex:e,centered:!0,children:[r.jsx(oe,{iconName:D.BELL,active:e===0,onClick:()=>t(0),children:"Centered"}),r.jsx(oe,{iconName:D.BELL,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(oe,{iconName:D.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(Sr,{activeIndex:e,inverted:!0,children:[r.jsx(oe,{iconName:D.BELL,active:e===0,onClick:()=>t(0),children:"One"}),r.jsx(oe,{iconName:D.EYE_SLASH,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(oe,{iconName:D.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(Sr,{activeIndex:n,children:[r.jsx(oe,{iconName:D.BELL,active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(oe,{iconName:D.BELL,active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(oe,{iconName:D.BELL,active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(oe,{iconName:D.BELL,active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(Sr,{activeIndex:n,inverted:!0,children:[r.jsx(oe,{iconName:D.BELL,active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(oe,{iconName:D.BELL,active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(oe,{iconName:D.BELL,active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(oe,{iconName:D.BELL,active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(Sr,{activeIndex:n,children:[r.jsx(oe,{active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(oe,{active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(oe,{active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(oe,{active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(oe,{active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(Sr,{activeIndex:n,inverted:!0,children:[r.jsx(oe,{active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(oe,{active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(oe,{active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(oe,{active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(oe,{active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{active:n===5,onClick:()=>s(5),children:"Im the item 5"})]})]})},v1=()=>{const[e,t]=f.useState(!1);return r.jsxs(Q,{children:[r.jsx(za,{children:r.jsxs(So,{bordered:!0,fullwidth:!0,children:[r.jsx(yo,{children:r.jsxs(pt,{children:[r.jsx(Ke,{children:"Paramètre"}),r.jsx(Ke,{children:"Description"}),r.jsx(Ke,{children:"Défaut"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en prod"})]})}),r.jsxs(Co,{children:[r.jsx(pt,{}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.introspection.filter.enabled"})}),r.jsx(J,{children:"Activation / désactivation de l’introspection"}),r.jsx(J,{children:"true"}),r.jsx(J,{children:"false"}),r.jsx(J,{children:"true"})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.context.enabledList"})}),r.jsx(J,{children:"Liste des contextes à charger"}),r.jsx(J,{children:"LEGACY,SWAP_LATEST"}),r.jsx(J,{children:"LEGACY ou LEGACY,SWAP_LATEST"}),r.jsx(J,{children:" "})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.context.default"})}),r.jsx(J,{children:"Contexte par default"}),r.jsx(J,{children:"LEGACY"}),r.jsx(J,{children:"LEGACY"}),r.jsx(J,{children:" "})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.context.enabledList"})}),r.jsx(J,{children:"Liste des contextes à charger"}),r.jsx(J,{children:"LEGACY,SWAP_LATEST"}),r.jsx(J,{children:"LEGACY ou LEGACY,SWAP_LATEST"}),r.jsx(J,{children:" "})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.swap.url"})}),r.jsx(J,{children:"URL de SWAP"}),r.jsx(J,{children:"A compléter"}),r.jsx(J,{children:r.jsx(at,{href:"https://local.a7.127.0.0.1.sslip.io/",children:"https://local.a7.127.0.0.1.sslip.io/"})}),r.jsx(J,{children:" "})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.threading.pool.size"})}),r.jsx(J,{children:"Nombre de threads"}),r.jsx(J,{children:"4"}),r.jsx(J,{children:"TBD"}),r.jsx(J,{children:" "})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"spring.profiles.active"})}),r.jsx(J,{children:" "}),r.jsx(J,{children:" "}),r.jsx(J,{children:"DEV"}),r.jsx(J,{children:" "})]})]})]})}),r.jsxs(So,{fullwidth:!0,bordered:!0,children:[r.jsx(yo,{children:r.jsxs(pt,{children:[r.jsx(Ke,{children:"Date"}),r.jsx(Ke,{children:"Libellé opération"}),r.jsx(Ke,{children:"Montant"}),r.jsx(Ke,{children:"Solde client"}),r.jsx(Ke,{children:"Opérations associées"})]})}),r.jsxs(Co,{children:[r.jsxs(pt,{onClick:()=>t(!e),expandable:!0,expanded:e,"data-expandable-row":"",children:[r.jsx(J,{children:"09/11/2018"}),r.jsxs(J,{children:[r.jsx(A,{children:"Prélèvement PAPGPXXXXXXXXXX"}),r.jsx(A,{children:"Réf. paiement : 28268"})]}),r.jsx(J,{children:"-100,00 €"}),r.jsx(J,{children:"0,00 €"}),r.jsx(J,{"data-expandable-trigger":"",children:r.jsx(z,{name:D.ARROW_DOWN,content:"Afficher"})})]}),r.jsx(pt,{expansion:!0,children:r.jsx(J,{colSpan:7,children:r.jsxs(Ge,{backgroundSrc:"https://images.pexels.com/photos/18254878/pexels-photo-18254878/free-photo-of-eau-desert-rochers-source-chaude.jpeg",children:[r.jsx(A,{level:_e.FOUR,children:"Dolore fugiat reprehenderit nostrud velit voluptate dolor irure ullamco exercitation nulla eiusmod in"}),r.jsx(A,{children:"Laboris cupidatat culpa nisi ad consectetur ex ea laboris est nostrud aliquip."})]})})})]})]}),r.jsxs(So,{bordered:!0,children:[r.jsx(yo,{children:r.jsxs(pt,{children:[r.jsx(Ke,{children:"Title 1"}),r.jsx(Ke,{children:"Title 2"}),r.jsx(Ke,{children:"Title 3"})]})}),r.jsxs(Co,{children:[r.jsxs(pt,{children:[r.jsx(J,{children:"Donnée 1"}),r.jsx(J,{children:"Donnée 2"}),r.jsx(J,{children:"Donnée 3"})]}),r.jsxs(pt,{children:[r.jsx(J,{children:"Donnée 4"}),r.jsx(J,{children:"Donnée 5"}),r.jsx(J,{children:"Donnée 6"})]})]})]})]})},E1=()=>r.jsxs(r.Fragment,{children:[r.jsx(De,{children:r.jsxs(Ro,{children:[r.jsx(We,{variant:Be.INFO,children:"Tag secondaire"}),r.jsx(We,{onClick:()=>alert("test"),variant:Be.ERROR,children:"Tag error"}),r.jsx(We,{onClick:()=>alert("test"),variant:Be.SUCCESS,children:"Tag success"}),r.jsx(We,{onClick:()=>alert("test"),variant:Be.WARNING,children:"Tag warning"})]})}),r.jsxs(De,{children:[r.jsx(_,{level:M.THREE,children:"Tag default"}),r.jsx(V,{}),r.jsx(A,{children:"In list"}),r.jsxs(Ro,{children:[r.jsx(We,{variant:Be.ERROR,children:"Tag error"}),r.jsx(We,{variant:Be.INFO,children:"Tag info"}),r.jsx(We,{variant:Be.SUCCESS,children:"Tag success"}),r.jsx(We,{variant:Be.WARNING,children:"Tag warning"})]})]}),r.jsxs(De,{children:[r.jsx(_,{level:M.THREE,children:"Tag avec icone"}),r.jsx(V,{}),r.jsxs(Ro,{children:[r.jsx(We,{iconName:D.EXCLAMATION_CIRCLE,variant:Be.ERROR,children:"Tag error"}),r.jsx(We,{iconName:D.CHECK_CIRCLE,variant:Be.SUCCESS,children:"Tag success"}),r.jsx(We,{iconName:D.ALERT,variant:Be.WARNING,children:"Tag warning"}),r.jsx(We,{iconName:D.INFOS_CIRCLE,variant:Be.INFO,children:"Tag info"}),r.jsx(We,{iconName:D.CHECK_CIRCLE,children:"Tag default"})]})]}),r.jsxs(De,{children:[r.jsx(_,{level:M.THREE,children:"Small tag"}),r.jsx(V,{}),r.jsx(We,{small:!0,variant:Be.ERROR,children:"Tag error"}),r.jsx(We,{small:!0,variant:Be.SUCCESS,children:"Tag success"}),r.jsx(We,{small:!0,iconName:D.ALERT,variant:Be.WARNING,children:"Tag warning"})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Inverted tag"}),r.jsx(V,{}),r.jsx(We,{inverted:!0,variant:Be.ERROR,children:"Tag error"}),r.jsx(We,{inverted:!0,variant:Be.SUCCESS,children:"Tag success"}),r.jsx(We,{inverted:!0,iconName:D.ALERT,variant:Be.WARNING,children:"Tag warning"}),r.jsx(We,{inverted:!0,iconName:D.ALERT,variant:Be.INFO,children:"Tag info"})]})]}),g1=()=>r.jsxs(Q,{children:[r.jsx(A,{numberOfLines:3,children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore obcaecati quia voluptatum! Assumenda blanditiis dignissimos eligendi excepturi facere facilis, fuga incidunt necessitatibus non obcaecati praesentium quam quia soluta veniam vero. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam amet asperiores autem dicta esse et id, incidunt ipsa magni molestiae nesciunt non pariatur quasi, quia reiciendis repudiandae tempora voluptatibus."}),r.jsx(A,{level:_e.ONE,children:"my super text 1"}),r.jsx(A,{level:_e.TWO,children:"my super text 2"}),r.jsx(A,{level:_e.THREE,children:"my super text 3"}),r.jsx(A,{level:_e.FOUR,children:"my super text 4"}),r.jsxs(A,{level:_e.TWO,children:["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur at deleniti doloremque ea, earum explicabo illo inventore minima optio pariatur ratione similique suscipit vero. Accusamus dicta impedit laudantium neque nulla!",r.jsx(A,{link:!0,onClick:e=>console.log(e),children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium consectetur consequuntur dicta esse eum inventore, ipsum magnam minima modi nobis nulla placeat quas qui saepe voluptate voluptates voluptatibus. Doloribus, unde?"}),"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem culpa, dignissimos distinctio, eum in ipsum magni nihil officia pariatur perferendis, recusandae rem reprehenderit. Aliquid eius expedita quasi quia reiciendis, sint."]}),r.jsx(Ye,{children:r.jsxs(q,{centered:!0,children:[r.jsx(A,{children:"Mon texte"}),r.jsx(Js,{children:r.jsx(te,{variant:Te.PRIMARY,children:"Centered button"})}),r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Centered box"})})})]})})]}),j1=()=>r.jsxs(Q,{children:[r.jsx(yn,{label:"Textarea label not dynamic with sample",sample:"Textarea sample",help:"Search helper textarea",onKeyUp:e=>console.log(e),required:!0,iconName:D.CHECK,statusIconName:"tri-exclamation-circle",dynamicPlaceholder:!1}),r.jsx(V,{}),r.jsx(yn,{label:"Textarea label not dynamic without sample",help:"Search helper textarea",onKeyUp:e=>console.log(e),required:!0,iconName:D.CHECK,dynamicPlaceholder:!1}),r.jsx(V,{}),r.jsx(yn,{disabled:!0,placeholder:"placeholder",label:"Dynamic label"}),r.jsx(V,{}),r.jsx(yn,{placeholder:"placeholder",label:"No Dynamic label",dynamicPlaceholder:!1,customHeight:100}),r.jsx(V,{}),r.jsx(yn,{placeholder:"placeholder",label:"With Max Lenght ",dynamicPlaceholder:!1,maxLength:150}),r.jsx(V,{}),r.jsx(yn,{placeholder:"Disabled",label:"Label",disabled:!0}),r.jsx(yn,{placeholder:"With icon",label:"With maxlength",maxLength:150,iconName:D.CHECK}),r.jsx(V,{}),r.jsx(yn,{placeholder:"With status icon success",label:"Iam a label",maxLength:150,iconName:D.CHECK,statusIconName:"tri-check-circle",status:"success"}),r.jsx(V,{}),r.jsx(yn,{placeholder:"With status icon error",label:"Label",iconName:D.CHECK,statusIconName:"tri-exclamation-circle",status:"error",help:"This is a help message",typo:"has-text-error"})]}),N1=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Rf,{horizontal:!0,children:[r.jsxs(zn,{cancel:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsx(Hn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"https://google.fr",contentLink:"Check the email",onClick:e=>console.log(e)})]}),r.jsxs(zn,{done:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsx(Hn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]}),r.jsxs(zn,{active:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsx(Hn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]}),r.jsxs(zn,{undone:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsx(Hn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]})]}),r.jsx(Tt,{}),r.jsxs(Rf,{children:[r.jsxs(zn,{cancel:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsxs(Hn,{children:[r.jsx(_,{level:M.THREE,children:"20 septembre"}),r.jsx(A,{level:_e.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(zn,{done:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsxs(Hn,{children:[r.jsx(_,{level:M.THREE,children:"20 septembre"}),r.jsx(A,{level:_e.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(zn,{active:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsxs(Hn,{children:[r.jsx(_,{level:M.THREE,children:"20 septembre"}),r.jsx(A,{level:_e.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(zn,{undone:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsxs(Hn,{children:[r.jsx(_,{level:M.THREE,children:"20 septembre"}),r.jsx(A,{level:_e.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(A,{level:_e.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]})]})]}),S1=()=>r.jsxs(Q,{children:[r.jsx(_,{level:M.ONE,children:"Title level 1"}),r.jsx(_,{level:M.TWO,children:"Title level 2"}),r.jsx(_,{level:M.THREE,children:"Title level 3"}),r.jsx(_,{level:M.FOUR,children:"Title level 4"}),r.jsx(_,{level:M.FIVE,children:"Title level 5"}),r.jsx(_,{level:M.SIX,children:"Title level 6"}),r.jsx(_,{subtitle:!0,children:"Subtitle"}),r.jsx(_,{overline:!0,children:"Overline"}),r.jsx(V,{})]}),y1=()=>r.jsxs(Q,{children:[r.jsx(Ge,{markup:Es.LABEL,children:r.jsx(A,{children:"Click here to check the checkbox."})}),r.jsx(Ge,{markup:Es.SPAN}),r.jsxs(Ge,{markup:Es.DIV,flexable:!0,justify:Gp.SPACE_BETWEEN,align:Ce.ALIGNED_CENTER,children:[r.jsx(te,{variant:Te.SECONDARY,children:"CLick on me"}),r.jsx(_,{level:M.THREE,children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias culpa dolorum error et ex exercitationem, explicabo fugiat fugit, id impedit iste libero modi, molestiae nisi nobis quis sapiente ut voluptas?"})]})]}),ja=Object.freeze(Object.defineProperty({__proto__:null,AccordionScreen:Jj,AlertScreen:j0,AutoCompleteScreen:_0,AutolayoutScreen:O0,BadgeScreen:D0,BoxScreen:M0,BreadcrumScreen:P0,ButtonScreen:F0,CardScreen:U0,CheckboxScreen:b0,ChipsScreen:H0,ColumnScreen:z0,ContainerScreen:$0,CountdownScreen:W0,DividerScreen:B0,FabScreen:V0,HeroScreen:G0,IconScreen:q0,ImageScreen:Y0,InputScreen:X0,LinkScreen:K0,ListScreen:Q0,ModalScreen:t1,OtpScreen:n1,PaginationScreen:r1,PopoverScreen:s1,PriceScreen:l1,ProductTourScreen:i1,ProgressScreen:a1,RadioScreen:o1,RangeScreen:c1,SegmentedControlScreen:u1,SelectView:d1,SelectorView:f1,StepperScreen:m1,StickerScreen:h1,SwitchScreen:p1,TabScreen:x1,TableScreen:v1,TagScreen:E1,TextScreen:g1,TextareaScreen:j1,TimelineScreen:N1,TitleScreen:S1,ViewScreen:y1},Symbol.toStringTag,{value:"Module"})),C1=({navigation:e})=>{const[t,n]=f.useState(Object.keys(ja)),s=f.useCallback(l=>{const i={...Object.keys(ja)};Object.keys(i).forEach(a=>{i[a].toLocaleLowerCase().includes(l.toLocaleLowerCase())||delete i[a]}),n(i)},[]);return r.jsx(za,{children:r.jsx(De,{children:r.jsxs(pn,{children:[r.jsx(_,{level:M.ONE,typo:[fr.TEXT_CENTERED],children:"You need to test components in other screens"}),r.jsx(A,{level:_e.ONE,typo:[fr.TEXT_CENTERED],children:"This home screen is only for navigation"}),r.jsx(xe,{placeholder:"Rechercher un composant",onChange:l=>s(l.inputValue)}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,typo:[fr.TEXT_CENTERED],children:"Screens"}),Object.keys(t).map((l,i)=>{const[a]=t[l].split("Screen");return r.jsx(ie,{onClick:()=>{console.log(e),e&&e.navigate(a)},children:r.jsx(he,{children:r.jsxs(Ye,{children:[r.jsx(q,{size:11,children:r.jsx(_,{level:M.THREE,children:a})}),r.jsx(q,{verticalCenter:!0,size:1,children:r.jsx(z,{name:D.ARROW_RIGHT})})]})})},i)})]})})})},R1=({title:e,children:t,goBack:n,scrollable:s=!0})=>r.jsxs(Q,{children:[s&&r.jsxs(za,{children:[n&&r.jsx(z,{name:D.ARROW_LEFT,onClick:n}),r.jsx(_,{typo:[Ls.TEXT_CENTERED],children:e}),t]}),!s&&r.jsxs(r.Fragment,{children:[n&&r.jsx(z,{name:D.ARROW_LEFT,onClick:n}),r.jsx(_,{typo:[Ls.TEXT_CENTERED],children:e}),t]})]}),w1=()=>{const e=Eg();return r.jsxs(Dg,{children:[Object.keys(ja).map((t,n)=>{const[s]=t.split("Screen"),l=ja[t];return r.jsx(Li,{path:s,element:r.jsx(R1,{title:s,goBack:()=>history.back(),scrollable:!1,children:r.jsx(l,{})})},n)}),r.jsx(Li,{path:"/",element:r.jsx(C1,{navigation:{navigate:e}})}),r.jsx(Li,{path:"*",element:r.jsx("div",{children:"Aucun composant"})})]})},T1=document.getElementById("root"),L1=wp(T1);L1.render(r.jsx(f.StrictMode,{children:r.jsx(zg,{children:r.jsx(Fg,{children:r.jsx(w1,{})})})}));
diff --git a/docs/templates/assets/index-c66d9cff.js b/docs/templates/assets/index-c66d9cff.js
new file mode 100755
index 00000000..69fad78a
--- /dev/null
+++ b/docs/templates/assets/index-c66d9cff.js
@@ -0,0 +1,79 @@
+function vx(e,t){for(var n=0;n<t.length;n++){const s=t[n];if(typeof s!="string"&&!Array.isArray(s)){for(const l in s)if(l!=="default"&&!(l in e)){const i=Object.getOwnPropertyDescriptor(s,l);i&&Object.defineProperty(e,l,i.get?i:{enumerable:!0,get:()=>s[l]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))s(l);new MutationObserver(l=>{for(const i of l)if(i.type==="childList")for(const a of i.addedNodes)a.tagName==="LINK"&&a.rel==="modulepreload"&&s(a)}).observe(document,{childList:!0,subtree:!0});function n(l){const i={};return l.integrity&&(i.integrity=l.integrity),l.referrerPolicy&&(i.referrerPolicy=l.referrerPolicy),l.crossOrigin==="use-credentials"?i.credentials="include":l.crossOrigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function s(l){if(l.ep)return;l.ep=!0;const i=n(l);fetch(l.href,i)}})();function Uc(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var fm={exports:{}},Na={},mm={exports:{}},de={};/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Fl=Symbol.for("react.element"),Ex=Symbol.for("react.portal"),gx=Symbol.for("react.fragment"),jx=Symbol.for("react.strict_mode"),Nx=Symbol.for("react.profiler"),Sx=Symbol.for("react.provider"),yx=Symbol.for("react.context"),Cx=Symbol.for("react.forward_ref"),Rx=Symbol.for("react.suspense"),wx=Symbol.for("react.memo"),Tx=Symbol.for("react.lazy"),qu=Symbol.iterator;function Lx(e){return e===null||typeof e!="object"?null:(e=qu&&e[qu]||e["@@iterator"],typeof e=="function"?e:null)}var hm={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},pm=Object.assign,xm={};function As(e,t,n){this.props=e,this.context=t,this.refs=xm,this.updater=n||hm}As.prototype.isReactComponent={};As.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};As.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function vm(){}vm.prototype=As.prototype;function bc(e,t,n){this.props=e,this.context=t,this.refs=xm,this.updater=n||hm}var Hc=bc.prototype=new vm;Hc.constructor=bc;pm(Hc,As.prototype);Hc.isPureReactComponent=!0;var Yu=Array.isArray,Em=Object.prototype.hasOwnProperty,zc={current:null},gm={key:!0,ref:!0,__self:!0,__source:!0};function jm(e,t,n){var s,l={},i=null,a=null;if(t!=null)for(s in t.ref!==void 0&&(a=t.ref),t.key!==void 0&&(i=""+t.key),t)Em.call(t,s)&&!gm.hasOwnProperty(s)&&(l[s]=t[s]);var o=arguments.length-2;if(o===1)l.children=n;else if(1<o){for(var c=Array(o),u=0;u<o;u++)c[u]=arguments[u+2];l.children=c}if(e&&e.defaultProps)for(s in o=e.defaultProps,o)l[s]===void 0&&(l[s]=o[s]);return{$$typeof:Fl,type:e,key:i,ref:a,props:l,_owner:zc.current}}function Ax(e,t){return{$$typeof:Fl,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}function $c(e){return typeof e=="object"&&e!==null&&e.$$typeof===Fl}function Ix(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var Xu=/\/+/g;function Ba(e,t){return typeof e=="object"&&e!==null&&e.key!=null?Ix(""+e.key):t.toString(36)}function xi(e,t,n,s,l){var i=typeof e;(i==="undefined"||i==="boolean")&&(e=null);var a=!1;if(e===null)a=!0;else switch(i){case"string":case"number":a=!0;break;case"object":switch(e.$$typeof){case Fl:case Ex:a=!0}}if(a)return a=e,l=l(a),e=s===""?"."+Ba(a,0):s,Yu(l)?(n="",e!=null&&(n=e.replace(Xu,"$&/")+"/"),xi(l,t,n,"",function(u){return u})):l!=null&&($c(l)&&(l=Ax(l,n+(!l.key||a&&a.key===l.key?"":(""+l.key).replace(Xu,"$&/")+"/")+e)),t.push(l)),1;if(a=0,s=s===""?".":s+":",Yu(e))for(var o=0;o<e.length;o++){i=e[o];var c=s+Ba(i,o);a+=xi(i,t,n,c,l)}else if(c=Lx(e),typeof c=="function")for(e=c.call(e),o=0;!(i=e.next()).done;)i=i.value,c=s+Ba(i,o++),a+=xi(i,t,n,c,l);else if(i==="object")throw t=String(e),Error("Objects are not valid as a React child (found: "+(t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return a}function Wl(e,t,n){if(e==null)return e;var s=[],l=0;return xi(e,s,"","",function(i){return t.call(n,i,l++)}),s}function kx(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(n){(e._status===0||e._status===-1)&&(e._status=1,e._result=n)},function(n){(e._status===0||e._status===-1)&&(e._status=2,e._result=n)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var St={current:null},vi={transition:null},_x={ReactCurrentDispatcher:St,ReactCurrentBatchConfig:vi,ReactCurrentOwner:zc};de.Children={map:Wl,forEach:function(e,t,n){Wl(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return Wl(e,function(){t++}),t},toArray:function(e){return Wl(e,function(t){return t})||[]},only:function(e){if(!$c(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};de.Component=As;de.Fragment=gx;de.Profiler=Nx;de.PureComponent=bc;de.StrictMode=jx;de.Suspense=Rx;de.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=_x;de.cloneElement=function(e,t,n){if(e==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var s=pm({},e.props),l=e.key,i=e.ref,a=e._owner;if(t!=null){if(t.ref!==void 0&&(i=t.ref,a=zc.current),t.key!==void 0&&(l=""+t.key),e.type&&e.type.defaultProps)var o=e.type.defaultProps;for(c in t)Em.call(t,c)&&!gm.hasOwnProperty(c)&&(s[c]=t[c]===void 0&&o!==void 0?o[c]:t[c])}var c=arguments.length-2;if(c===1)s.children=n;else if(1<c){o=Array(c);for(var u=0;u<c;u++)o[u]=arguments[u+2];s.children=o}return{$$typeof:Fl,type:e.type,key:l,ref:i,props:s,_owner:a}};de.createContext=function(e){return e={$$typeof:yx,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:Sx,_context:e},e.Consumer=e};de.createElement=jm;de.createFactory=function(e){var t=jm.bind(null,e);return t.type=e,t};de.createRef=function(){return{current:null}};de.forwardRef=function(e){return{$$typeof:Cx,render:e}};de.isValidElement=$c;de.lazy=function(e){return{$$typeof:Tx,_payload:{_status:-1,_result:e},_init:kx}};de.memo=function(e,t){return{$$typeof:wx,type:e,compare:t===void 0?null:t}};de.startTransition=function(e){var t=vi.transition;vi.transition={};try{e()}finally{vi.transition=t}};de.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")};de.useCallback=function(e,t){return St.current.useCallback(e,t)};de.useContext=function(e){return St.current.useContext(e)};de.useDebugValue=function(){};de.useDeferredValue=function(e){return St.current.useDeferredValue(e)};de.useEffect=function(e,t){return St.current.useEffect(e,t)};de.useId=function(){return St.current.useId()};de.useImperativeHandle=function(e,t,n){return St.current.useImperativeHandle(e,t,n)};de.useInsertionEffect=function(e,t){return St.current.useInsertionEffect(e,t)};de.useLayoutEffect=function(e,t){return St.current.useLayoutEffect(e,t)};de.useMemo=function(e,t){return St.current.useMemo(e,t)};de.useReducer=function(e,t,n){return St.current.useReducer(e,t,n)};de.useRef=function(e){return St.current.useRef(e)};de.useState=function(e){return St.current.useState(e)};de.useSyncExternalStore=function(e,t,n){return St.current.useSyncExternalStore(e,t,n)};de.useTransition=function(){return St.current.useTransition()};de.version="18.2.0";mm.exports=de;var f=mm.exports;const O=Uc(f),Ox=vx({__proto__:null,default:O},[f]);/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Dx=f,Mx=Symbol.for("react.element"),Px=Symbol.for("react.fragment"),Fx=Object.prototype.hasOwnProperty,Ux=Dx.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,bx={key:!0,ref:!0,__self:!0,__source:!0};function Nm(e,t,n){var s,l={},i=null,a=null;n!==void 0&&(i=""+n),t.key!==void 0&&(i=""+t.key),t.ref!==void 0&&(a=t.ref);for(s in t)Fx.call(t,s)&&!bx.hasOwnProperty(s)&&(l[s]=t[s]);if(e&&e.defaultProps)for(s in t=e.defaultProps,t)l[s]===void 0&&(l[s]=t[s]);return{$$typeof:Mx,type:e,key:i,ref:a,props:l,_owner:Ux.current}}Na.Fragment=Px;Na.jsx=Nm;Na.jsxs=Nm;fm.exports=Na;var r=fm.exports,Sm={exports:{}},Vt={},ym={exports:{}},Cm={};/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */(function(e){function t(H,G){var W=H.length;H.push(G);e:for(;0<W;){var X=W-1>>>1,ge=H[X];if(0<l(ge,G))H[X]=G,H[W]=ge,W=X;else break e}}function n(H){return H.length===0?null:H[0]}function s(H){if(H.length===0)return null;var G=H[0],W=H.pop();if(W!==G){H[0]=W;e:for(var X=0,ge=H.length,Ot=ge>>>1;X<Ot;){var Ct=2*(X+1)-1,xn=H[Ct],ee=Ct+1,Pe=H[ee];if(0>l(xn,W))ee<ge&&0>l(Pe,xn)?(H[X]=Pe,H[ee]=W,X=ee):(H[X]=xn,H[Ct]=W,X=Ct);else if(ee<ge&&0>l(Pe,W))H[X]=Pe,H[ee]=W,X=ee;else break e}}return G}function l(H,G){var W=H.sortIndex-G.sortIndex;return W!==0?W:H.id-G.id}if(typeof performance=="object"&&typeof performance.now=="function"){var i=performance;e.unstable_now=function(){return i.now()}}else{var a=Date,o=a.now();e.unstable_now=function(){return a.now()-o}}var c=[],u=[],d=1,m=null,h=3,E=!1,N=!1,v=!1,S=typeof setTimeout=="function"?setTimeout:null,p=typeof clearTimeout=="function"?clearTimeout:null,x=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function j(H){for(var G=n(u);G!==null;){if(G.callback===null)s(u);else if(G.startTime<=H)s(u),G.sortIndex=G.expirationTime,t(c,G);else break;G=n(u)}}function y(H){if(v=!1,j(H),!N)if(n(c)!==null)N=!0,ae(R);else{var G=n(u);G!==null&&me(y,G.startTime-H)}}function R(H,G){N=!1,v&&(v=!1,p(k),k=-1),E=!0;var W=h;try{for(j(G),m=n(c);m!==null&&(!(m.expirationTime>G)||H&&!se());){var X=m.callback;if(typeof X=="function"){m.callback=null,h=m.priorityLevel;var ge=X(m.expirationTime<=G);G=e.unstable_now(),typeof ge=="function"?m.callback=ge:m===n(c)&&s(c),j(G)}else s(c);m=n(c)}if(m!==null)var Ot=!0;else{var Ct=n(u);Ct!==null&&me(y,Ct.startTime-G),Ot=!1}return Ot}finally{m=null,h=W,E=!1}}var L=!1,w=null,k=-1,U=5,F=-1;function se(){return!(e.unstable_now()-F<U)}function fe(){if(w!==null){var H=e.unstable_now();F=H;var G=!0;try{G=w(!0,H)}finally{G?Ae():(L=!1,w=null)}}else L=!1}var Ae;if(typeof x=="function")Ae=function(){x(fe)};else if(typeof MessageChannel<"u"){var re=new MessageChannel,Y=re.port2;re.port1.onmessage=fe,Ae=function(){Y.postMessage(null)}}else Ae=function(){S(fe,0)};function ae(H){w=H,L||(L=!0,Ae())}function me(H,G){k=S(function(){H(e.unstable_now())},G)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(H){H.callback=null},e.unstable_continueExecution=function(){N||E||(N=!0,ae(R))},e.unstable_forceFrameRate=function(H){0>H||125<H?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):U=0<H?Math.floor(1e3/H):5},e.unstable_getCurrentPriorityLevel=function(){return h},e.unstable_getFirstCallbackNode=function(){return n(c)},e.unstable_next=function(H){switch(h){case 1:case 2:case 3:var G=3;break;default:G=h}var W=h;h=G;try{return H()}finally{h=W}},e.unstable_pauseExecution=function(){},e.unstable_requestPaint=function(){},e.unstable_runWithPriority=function(H,G){switch(H){case 1:case 2:case 3:case 4:case 5:break;default:H=3}var W=h;h=H;try{return G()}finally{h=W}},e.unstable_scheduleCallback=function(H,G,W){var X=e.unstable_now();switch(typeof W=="object"&&W!==null?(W=W.delay,W=typeof W=="number"&&0<W?X+W:X):W=X,H){case 1:var ge=-1;break;case 2:ge=250;break;case 5:ge=1073741823;break;case 4:ge=1e4;break;default:ge=5e3}return ge=W+ge,H={id:d++,callback:G,priorityLevel:H,startTime:W,expirationTime:ge,sortIndex:-1},W>X?(H.sortIndex=W,t(u,H),n(c)===null&&H===n(u)&&(v?(p(k),k=-1):v=!0,me(y,W-X))):(H.sortIndex=ge,t(c,H),N||E||(N=!0,ae(R))),H},e.unstable_shouldYield=se,e.unstable_wrapCallback=function(H){var G=h;return function(){var W=h;h=G;try{return H.apply(this,arguments)}finally{h=W}}}})(Cm);ym.exports=Cm;var Hx=ym.exports;/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Rm=f,Wt=Hx;function b(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var wm=new Set,hl={};function Wr(e,t){gs(e,t),gs(e+"Capture",t)}function gs(e,t){for(hl[e]=t,e=0;e<t.length;e++)wm.add(t[e])}var _n=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Ao=Object.prototype.hasOwnProperty,zx=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,Ku={},Qu={};function $x(e){return Ao.call(Qu,e)?!0:Ao.call(Ku,e)?!1:zx.test(e)?Qu[e]=!0:(Ku[e]=!0,!1)}function Wx(e,t,n,s){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return s?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function Bx(e,t,n,s){if(t===null||typeof t>"u"||Wx(e,t,n,s))return!0;if(s)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function yt(e,t,n,s,l,i,a){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=s,this.attributeNamespace=l,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=i,this.removeEmptyString=a}var ct={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){ct[e]=new yt(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];ct[t]=new yt(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){ct[e]=new yt(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){ct[e]=new yt(e,2,!1,e,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){ct[e]=new yt(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){ct[e]=new yt(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){ct[e]=new yt(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){ct[e]=new yt(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){ct[e]=new yt(e,5,!1,e.toLowerCase(),null,!1,!1)});var Wc=/[\-:]([a-z])/g;function Bc(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(Wc,Bc);ct[t]=new yt(t,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(Wc,Bc);ct[t]=new yt(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(Wc,Bc);ct[t]=new yt(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){ct[e]=new yt(e,1,!1,e.toLowerCase(),null,!1,!1)});ct.xlinkHref=new yt("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){ct[e]=new yt(e,1,!1,e.toLowerCase(),null,!0,!0)});function Vc(e,t,n,s){var l=ct.hasOwnProperty(t)?ct[t]:null;(l!==null?l.type!==0:s||!(2<t.length)||t[0]!=="o"&&t[0]!=="O"||t[1]!=="n"&&t[1]!=="N")&&(Bx(t,n,l,s)&&(n=null),s||l===null?$x(t)&&(n===null?e.removeAttribute(t):e.setAttribute(t,""+n)):l.mustUseProperty?e[l.propertyName]=n===null?l.type===3?!1:"":n:(t=l.attributeName,s=l.attributeNamespace,n===null?e.removeAttribute(t):(l=l.type,n=l===3||l===4&&n===!0?"":""+n,s?e.setAttributeNS(s,t,n):e.setAttribute(t,n))))}var Pn=Rm.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Bl=Symbol.for("react.element"),Jr=Symbol.for("react.portal"),es=Symbol.for("react.fragment"),Gc=Symbol.for("react.strict_mode"),Io=Symbol.for("react.profiler"),Tm=Symbol.for("react.provider"),Lm=Symbol.for("react.context"),qc=Symbol.for("react.forward_ref"),ko=Symbol.for("react.suspense"),_o=Symbol.for("react.suspense_list"),Yc=Symbol.for("react.memo"),Bn=Symbol.for("react.lazy"),Am=Symbol.for("react.offscreen"),Zu=Symbol.iterator;function Os(e){return e===null||typeof e!="object"?null:(e=Zu&&e[Zu]||e["@@iterator"],typeof e=="function"?e:null)}var ze=Object.assign,Va;function Ys(e){if(Va===void 0)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);Va=t&&t[1]||""}return`
+`+Va+e}var Ga=!1;function qa(e,t){if(!e||Ga)return"";Ga=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(t,[])}catch(u){var s=u}Reflect.construct(e,[],t)}else{try{t.call()}catch(u){s=u}e.call(t.prototype)}else{try{throw Error()}catch(u){s=u}e()}}catch(u){if(u&&s&&typeof u.stack=="string"){for(var l=u.stack.split(`
+`),i=s.stack.split(`
+`),a=l.length-1,o=i.length-1;1<=a&&0<=o&&l[a]!==i[o];)o--;for(;1<=a&&0<=o;a--,o--)if(l[a]!==i[o]){if(a!==1||o!==1)do if(a--,o--,0>o||l[a]!==i[o]){var c=`
+`+l[a].replace(" at new "," at ");return e.displayName&&c.includes("<anonymous>")&&(c=c.replace("<anonymous>",e.displayName)),c}while(1<=a&&0<=o);break}}}finally{Ga=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?Ys(e):""}function Vx(e){switch(e.tag){case 5:return Ys(e.type);case 16:return Ys("Lazy");case 13:return Ys("Suspense");case 19:return Ys("SuspenseList");case 0:case 2:case 15:return e=qa(e.type,!1),e;case 11:return e=qa(e.type.render,!1),e;case 1:return e=qa(e.type,!0),e;default:return""}}function Oo(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case es:return"Fragment";case Jr:return"Portal";case Io:return"Profiler";case Gc:return"StrictMode";case ko:return"Suspense";case _o:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case Lm:return(e.displayName||"Context")+".Consumer";case Tm:return(e._context.displayName||"Context")+".Provider";case qc:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Yc:return t=e.displayName||null,t!==null?t:Oo(e.type)||"Memo";case Bn:t=e._payload,e=e._init;try{return Oo(e(t))}catch{}}return null}function Gx(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return Oo(t);case 8:return t===Gc?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function mr(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function Im(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function qx(e){var t=Im(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),s=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var l=n.get,i=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(a){s=""+a,i.call(this,a)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return s},setValue:function(a){s=""+a},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function Vl(e){e._valueTracker||(e._valueTracker=qx(e))}function km(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),s="";return e&&(s=Im(e)?e.checked?"true":"false":e.value),e=s,e!==n?(t.setValue(e),!0):!1}function bi(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function Do(e,t){var n=t.checked;return ze({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function Ju(e,t){var n=t.defaultValue==null?"":t.defaultValue,s=t.checked!=null?t.checked:t.defaultChecked;n=mr(t.value!=null?t.value:n),e._wrapperState={initialChecked:s,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function _m(e,t){t=t.checked,t!=null&&Vc(e,"checked",t,!1)}function Mo(e,t){_m(e,t);var n=mr(t.value),s=t.type;if(n!=null)s==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(s==="submit"||s==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?Po(e,t.type,n):t.hasOwnProperty("defaultValue")&&Po(e,t.type,mr(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function ed(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var s=t.type;if(!(s!=="submit"&&s!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function Po(e,t,n){(t!=="number"||bi(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var Xs=Array.isArray;function fs(e,t,n,s){if(e=e.options,t){t={};for(var l=0;l<n.length;l++)t["$"+n[l]]=!0;for(n=0;n<e.length;n++)l=t.hasOwnProperty("$"+e[n].value),e[n].selected!==l&&(e[n].selected=l),l&&s&&(e[n].defaultSelected=!0)}else{for(n=""+mr(n),t=null,l=0;l<e.length;l++){if(e[l].value===n){e[l].selected=!0,s&&(e[l].defaultSelected=!0);return}t!==null||e[l].disabled||(t=e[l])}t!==null&&(t.selected=!0)}}function Fo(e,t){if(t.dangerouslySetInnerHTML!=null)throw Error(b(91));return ze({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function td(e,t){var n=t.value;if(n==null){if(n=t.children,t=t.defaultValue,n!=null){if(t!=null)throw Error(b(92));if(Xs(n)){if(1<n.length)throw Error(b(93));n=n[0]}t=n}t==null&&(t=""),n=t}e._wrapperState={initialValue:mr(n)}}function Om(e,t){var n=mr(t.value),s=mr(t.defaultValue);n!=null&&(n=""+n,n!==e.value&&(e.value=n),t.defaultValue==null&&e.defaultValue!==n&&(e.defaultValue=n)),s!=null&&(e.defaultValue=""+s)}function nd(e){var t=e.textContent;t===e._wrapperState.initialValue&&t!==""&&t!==null&&(e.value=t)}function Dm(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function Uo(e,t){return e==null||e==="http://www.w3.org/1999/xhtml"?Dm(t):e==="http://www.w3.org/2000/svg"&&t==="foreignObject"?"http://www.w3.org/1999/xhtml":e}var Gl,Mm=function(e){return typeof MSApp<"u"&&MSApp.execUnsafeLocalFunction?function(t,n,s,l){MSApp.execUnsafeLocalFunction(function(){return e(t,n,s,l)})}:e}(function(e,t){if(e.namespaceURI!=="http://www.w3.org/2000/svg"||"innerHTML"in e)e.innerHTML=t;else{for(Gl=Gl||document.createElement("div"),Gl.innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=Gl.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function pl(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var tl={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},Yx=["Webkit","ms","Moz","O"];Object.keys(tl).forEach(function(e){Yx.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),tl[t]=tl[e]})});function Pm(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||tl.hasOwnProperty(e)&&tl[e]?(""+t).trim():t+"px"}function Fm(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var s=n.indexOf("--")===0,l=Pm(n,t[n],s);n==="float"&&(n="cssFloat"),s?e.setProperty(n,l):e[n]=l}}var Xx=ze({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function bo(e,t){if(t){if(Xx[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(b(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(b(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(b(61))}if(t.style!=null&&typeof t.style!="object")throw Error(b(62))}}function Ho(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var zo=null;function Xc(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var $o=null,ms=null,hs=null;function rd(e){if(e=Hl(e)){if(typeof $o!="function")throw Error(b(280));var t=e.stateNode;t&&(t=wa(t),$o(e.stateNode,e.type,t))}}function Um(e){ms?hs?hs.push(e):hs=[e]:ms=e}function bm(){if(ms){var e=ms,t=hs;if(hs=ms=null,rd(e),t)for(e=0;e<t.length;e++)rd(t[e])}}function Hm(e,t){return e(t)}function zm(){}var Ya=!1;function $m(e,t,n){if(Ya)return e(t,n);Ya=!0;try{return Hm(e,t,n)}finally{Ya=!1,(ms!==null||hs!==null)&&(zm(),bm())}}function xl(e,t){var n=e.stateNode;if(n===null)return null;var s=wa(n);if(s===null)return null;n=s[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(s=!s.disabled)||(e=e.type,s=!(e==="button"||e==="input"||e==="select"||e==="textarea")),e=!s;break e;default:e=!1}if(e)return null;if(n&&typeof n!="function")throw Error(b(231,t,typeof n));return n}var Wo=!1;if(_n)try{var Ds={};Object.defineProperty(Ds,"passive",{get:function(){Wo=!0}}),window.addEventListener("test",Ds,Ds),window.removeEventListener("test",Ds,Ds)}catch{Wo=!1}function Kx(e,t,n,s,l,i,a,o,c){var u=Array.prototype.slice.call(arguments,3);try{t.apply(n,u)}catch(d){this.onError(d)}}var nl=!1,Hi=null,zi=!1,Bo=null,Qx={onError:function(e){nl=!0,Hi=e}};function Zx(e,t,n,s,l,i,a,o,c){nl=!1,Hi=null,Kx.apply(Qx,arguments)}function Jx(e,t,n,s,l,i,a,o,c){if(Zx.apply(this,arguments),nl){if(nl){var u=Hi;nl=!1,Hi=null}else throw Error(b(198));zi||(zi=!0,Bo=u)}}function Br(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do t=e,t.flags&4098&&(n=t.return),e=t.return;while(e)}return t.tag===3?n:null}function Wm(e){if(e.tag===13){var t=e.memoizedState;if(t===null&&(e=e.alternate,e!==null&&(t=e.memoizedState)),t!==null)return t.dehydrated}return null}function sd(e){if(Br(e)!==e)throw Error(b(188))}function ev(e){var t=e.alternate;if(!t){if(t=Br(e),t===null)throw Error(b(188));return t!==e?null:e}for(var n=e,s=t;;){var l=n.return;if(l===null)break;var i=l.alternate;if(i===null){if(s=l.return,s!==null){n=s;continue}break}if(l.child===i.child){for(i=l.child;i;){if(i===n)return sd(l),e;if(i===s)return sd(l),t;i=i.sibling}throw Error(b(188))}if(n.return!==s.return)n=l,s=i;else{for(var a=!1,o=l.child;o;){if(o===n){a=!0,n=l,s=i;break}if(o===s){a=!0,s=l,n=i;break}o=o.sibling}if(!a){for(o=i.child;o;){if(o===n){a=!0,n=i,s=l;break}if(o===s){a=!0,s=i,n=l;break}o=o.sibling}if(!a)throw Error(b(189))}}if(n.alternate!==s)throw Error(b(190))}if(n.tag!==3)throw Error(b(188));return n.stateNode.current===n?e:t}function Bm(e){return e=ev(e),e!==null?Vm(e):null}function Vm(e){if(e.tag===5||e.tag===6)return e;for(e=e.child;e!==null;){var t=Vm(e);if(t!==null)return t;e=e.sibling}return null}var Gm=Wt.unstable_scheduleCallback,ld=Wt.unstable_cancelCallback,tv=Wt.unstable_shouldYield,nv=Wt.unstable_requestPaint,qe=Wt.unstable_now,rv=Wt.unstable_getCurrentPriorityLevel,Kc=Wt.unstable_ImmediatePriority,qm=Wt.unstable_UserBlockingPriority,$i=Wt.unstable_NormalPriority,sv=Wt.unstable_LowPriority,Ym=Wt.unstable_IdlePriority,Sa=null,Nn=null;function lv(e){if(Nn&&typeof Nn.onCommitFiberRoot=="function")try{Nn.onCommitFiberRoot(Sa,e,void 0,(e.current.flags&128)===128)}catch{}}var un=Math.clz32?Math.clz32:ov,iv=Math.log,av=Math.LN2;function ov(e){return e>>>=0,e===0?32:31-(iv(e)/av|0)|0}var ql=64,Yl=4194304;function Ks(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function Wi(e,t){var n=e.pendingLanes;if(n===0)return 0;var s=0,l=e.suspendedLanes,i=e.pingedLanes,a=n&268435455;if(a!==0){var o=a&~l;o!==0?s=Ks(o):(i&=a,i!==0&&(s=Ks(i)))}else a=n&~l,a!==0?s=Ks(a):i!==0&&(s=Ks(i));if(s===0)return 0;if(t!==0&&t!==s&&!(t&l)&&(l=s&-s,i=t&-t,l>=i||l===16&&(i&4194240)!==0))return t;if(s&4&&(s|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=s;0<t;)n=31-un(t),l=1<<n,s|=e[n],t&=~l;return s}function cv(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return-1;case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function uv(e,t){for(var n=e.suspendedLanes,s=e.pingedLanes,l=e.expirationTimes,i=e.pendingLanes;0<i;){var a=31-un(i),o=1<<a,c=l[a];c===-1?(!(o&n)||o&s)&&(l[a]=cv(o,t)):c<=t&&(e.expiredLanes|=o),i&=~o}}function Vo(e){return e=e.pendingLanes&-1073741825,e!==0?e:e&1073741824?1073741824:0}function Xm(){var e=ql;return ql<<=1,!(ql&4194240)&&(ql=64),e}function Xa(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function Ul(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-un(t),e[t]=n}function dv(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var s=e.eventTimes;for(e=e.expirationTimes;0<n;){var l=31-un(n),i=1<<l;t[l]=0,s[l]=-1,e[l]=-1,n&=~i}}function Qc(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var s=31-un(n),l=1<<s;l&t|e[s]&t&&(e[s]|=t),n&=~l}}var ye=0;function Km(e){return e&=-e,1<e?4<e?e&268435455?16:536870912:4:1}var Qm,Zc,Zm,Jm,eh,Go=!1,Xl=[],sr=null,lr=null,ir=null,vl=new Map,El=new Map,Yn=[],fv="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function id(e,t){switch(e){case"focusin":case"focusout":sr=null;break;case"dragenter":case"dragleave":lr=null;break;case"mouseover":case"mouseout":ir=null;break;case"pointerover":case"pointerout":vl.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":El.delete(t.pointerId)}}function Ms(e,t,n,s,l,i){return e===null||e.nativeEvent!==i?(e={blockedOn:t,domEventName:n,eventSystemFlags:s,nativeEvent:i,targetContainers:[l]},t!==null&&(t=Hl(t),t!==null&&Zc(t)),e):(e.eventSystemFlags|=s,t=e.targetContainers,l!==null&&t.indexOf(l)===-1&&t.push(l),e)}function mv(e,t,n,s,l){switch(t){case"focusin":return sr=Ms(sr,e,t,n,s,l),!0;case"dragenter":return lr=Ms(lr,e,t,n,s,l),!0;case"mouseover":return ir=Ms(ir,e,t,n,s,l),!0;case"pointerover":var i=l.pointerId;return vl.set(i,Ms(vl.get(i)||null,e,t,n,s,l)),!0;case"gotpointercapture":return i=l.pointerId,El.set(i,Ms(El.get(i)||null,e,t,n,s,l)),!0}return!1}function th(e){var t=Lr(e.target);if(t!==null){var n=Br(t);if(n!==null){if(t=n.tag,t===13){if(t=Wm(n),t!==null){e.blockedOn=t,eh(e.priority,function(){Zm(n)});return}}else if(t===3&&n.stateNode.current.memoizedState.isDehydrated){e.blockedOn=n.tag===3?n.stateNode.containerInfo:null;return}}}e.blockedOn=null}function Ei(e){if(e.blockedOn!==null)return!1;for(var t=e.targetContainers;0<t.length;){var n=qo(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(n===null){n=e.nativeEvent;var s=new n.constructor(n.type,n);zo=s,n.target.dispatchEvent(s),zo=null}else return t=Hl(n),t!==null&&Zc(t),e.blockedOn=n,!1;t.shift()}return!0}function ad(e,t,n){Ei(e)&&n.delete(t)}function hv(){Go=!1,sr!==null&&Ei(sr)&&(sr=null),lr!==null&&Ei(lr)&&(lr=null),ir!==null&&Ei(ir)&&(ir=null),vl.forEach(ad),El.forEach(ad)}function Ps(e,t){e.blockedOn===t&&(e.blockedOn=null,Go||(Go=!0,Wt.unstable_scheduleCallback(Wt.unstable_NormalPriority,hv)))}function gl(e){function t(l){return Ps(l,e)}if(0<Xl.length){Ps(Xl[0],e);for(var n=1;n<Xl.length;n++){var s=Xl[n];s.blockedOn===e&&(s.blockedOn=null)}}for(sr!==null&&Ps(sr,e),lr!==null&&Ps(lr,e),ir!==null&&Ps(ir,e),vl.forEach(t),El.forEach(t),n=0;n<Yn.length;n++)s=Yn[n],s.blockedOn===e&&(s.blockedOn=null);for(;0<Yn.length&&(n=Yn[0],n.blockedOn===null);)th(n),n.blockedOn===null&&Yn.shift()}var ps=Pn.ReactCurrentBatchConfig,Bi=!0;function pv(e,t,n,s){var l=ye,i=ps.transition;ps.transition=null;try{ye=1,Jc(e,t,n,s)}finally{ye=l,ps.transition=i}}function xv(e,t,n,s){var l=ye,i=ps.transition;ps.transition=null;try{ye=4,Jc(e,t,n,s)}finally{ye=l,ps.transition=i}}function Jc(e,t,n,s){if(Bi){var l=qo(e,t,n,s);if(l===null)lo(e,t,s,Vi,n),id(e,s);else if(mv(l,e,t,n,s))s.stopPropagation();else if(id(e,s),t&4&&-1<fv.indexOf(e)){for(;l!==null;){var i=Hl(l);if(i!==null&&Qm(i),i=qo(e,t,n,s),i===null&&lo(e,t,s,Vi,n),i===l)break;l=i}l!==null&&s.stopPropagation()}else lo(e,t,s,null,n)}}var Vi=null;function qo(e,t,n,s){if(Vi=null,e=Xc(s),e=Lr(e),e!==null)if(t=Br(e),t===null)e=null;else if(n=t.tag,n===13){if(e=Wm(t),e!==null)return e;e=null}else if(n===3){if(t.stateNode.current.memoizedState.isDehydrated)return t.tag===3?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Vi=e,null}function nh(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(rv()){case Kc:return 1;case qm:return 4;case $i:case sv:return 16;case Ym:return 536870912;default:return 16}default:return 16}}var Kn=null,eu=null,gi=null;function rh(){if(gi)return gi;var e,t=eu,n=t.length,s,l="value"in Kn?Kn.value:Kn.textContent,i=l.length;for(e=0;e<n&&t[e]===l[e];e++);var a=n-e;for(s=1;s<=a&&t[n-s]===l[i-s];s++);return gi=l.slice(e,1<s?1-s:void 0)}function ji(e){var t=e.keyCode;return"charCode"in e?(e=e.charCode,e===0&&t===13&&(e=13)):e=t,e===10&&(e=13),32<=e||e===13?e:0}function Kl(){return!0}function od(){return!1}function Gt(e){function t(n,s,l,i,a){this._reactName=n,this._targetInst=l,this.type=s,this.nativeEvent=i,this.target=a,this.currentTarget=null;for(var o in e)e.hasOwnProperty(o)&&(n=e[o],this[o]=n?n(i):i[o]);return this.isDefaultPrevented=(i.defaultPrevented!=null?i.defaultPrevented:i.returnValue===!1)?Kl:od,this.isPropagationStopped=od,this}return ze(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var n=this.nativeEvent;n&&(n.preventDefault?n.preventDefault():typeof n.returnValue!="unknown"&&(n.returnValue=!1),this.isDefaultPrevented=Kl)},stopPropagation:function(){var n=this.nativeEvent;n&&(n.stopPropagation?n.stopPropagation():typeof n.cancelBubble!="unknown"&&(n.cancelBubble=!0),this.isPropagationStopped=Kl)},persist:function(){},isPersistent:Kl}),t}var Is={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},tu=Gt(Is),bl=ze({},Is,{view:0,detail:0}),vv=Gt(bl),Ka,Qa,Fs,ya=ze({},bl,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:nu,button:0,buttons:0,relatedTarget:function(e){return e.relatedTarget===void 0?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==Fs&&(Fs&&e.type==="mousemove"?(Ka=e.screenX-Fs.screenX,Qa=e.screenY-Fs.screenY):Qa=Ka=0,Fs=e),Ka)},movementY:function(e){return"movementY"in e?e.movementY:Qa}}),cd=Gt(ya),Ev=ze({},ya,{dataTransfer:0}),gv=Gt(Ev),jv=ze({},bl,{relatedTarget:0}),Za=Gt(jv),Nv=ze({},Is,{animationName:0,elapsedTime:0,pseudoElement:0}),Sv=Gt(Nv),yv=ze({},Is,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),Cv=Gt(yv),Rv=ze({},Is,{data:0}),ud=Gt(Rv),wv={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Tv={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Lv={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Av(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):(e=Lv[e])?!!t[e]:!1}function nu(){return Av}var Iv=ze({},bl,{key:function(e){if(e.key){var t=wv[e.key]||e.key;if(t!=="Unidentified")return t}return e.type==="keypress"?(e=ji(e),e===13?"Enter":String.fromCharCode(e)):e.type==="keydown"||e.type==="keyup"?Tv[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:nu,charCode:function(e){return e.type==="keypress"?ji(e):0},keyCode:function(e){return e.type==="keydown"||e.type==="keyup"?e.keyCode:0},which:function(e){return e.type==="keypress"?ji(e):e.type==="keydown"||e.type==="keyup"?e.keyCode:0}}),kv=Gt(Iv),_v=ze({},ya,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),dd=Gt(_v),Ov=ze({},bl,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:nu}),Dv=Gt(Ov),Mv=ze({},Is,{propertyName:0,elapsedTime:0,pseudoElement:0}),Pv=Gt(Mv),Fv=ze({},ya,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Uv=Gt(Fv),bv=[9,13,27,32],ru=_n&&"CompositionEvent"in window,rl=null;_n&&"documentMode"in document&&(rl=document.documentMode);var Hv=_n&&"TextEvent"in window&&!rl,sh=_n&&(!ru||rl&&8<rl&&11>=rl),fd=String.fromCharCode(32),md=!1;function lh(e,t){switch(e){case"keyup":return bv.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function ih(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var ts=!1;function zv(e,t){switch(e){case"compositionend":return ih(t);case"keypress":return t.which!==32?null:(md=!0,fd);case"textInput":return e=t.data,e===fd&&md?null:e;default:return null}}function $v(e,t){if(ts)return e==="compositionend"||!ru&&lh(e,t)?(e=rh(),gi=eu=Kn=null,ts=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return sh&&t.locale!=="ko"?null:t.data;default:return null}}var Wv={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function hd(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t==="input"?!!Wv[e.type]:t==="textarea"}function ah(e,t,n,s){Um(s),t=Gi(t,"onChange"),0<t.length&&(n=new tu("onChange","change",null,n,s),e.push({event:n,listeners:t}))}var sl=null,jl=null;function Bv(e){Eh(e,0)}function Ca(e){var t=ss(e);if(km(t))return e}function Vv(e,t){if(e==="change")return t}var oh=!1;if(_n){var Ja;if(_n){var eo="oninput"in document;if(!eo){var pd=document.createElement("div");pd.setAttribute("oninput","return;"),eo=typeof pd.oninput=="function"}Ja=eo}else Ja=!1;oh=Ja&&(!document.documentMode||9<document.documentMode)}function xd(){sl&&(sl.detachEvent("onpropertychange",ch),jl=sl=null)}function ch(e){if(e.propertyName==="value"&&Ca(jl)){var t=[];ah(t,jl,e,Xc(e)),$m(Bv,t)}}function Gv(e,t,n){e==="focusin"?(xd(),sl=t,jl=n,sl.attachEvent("onpropertychange",ch)):e==="focusout"&&xd()}function qv(e){if(e==="selectionchange"||e==="keyup"||e==="keydown")return Ca(jl)}function Yv(e,t){if(e==="click")return Ca(t)}function Xv(e,t){if(e==="input"||e==="change")return Ca(t)}function Kv(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}var mn=typeof Object.is=="function"?Object.is:Kv;function Nl(e,t){if(mn(e,t))return!0;if(typeof e!="object"||e===null||typeof t!="object"||t===null)return!1;var n=Object.keys(e),s=Object.keys(t);if(n.length!==s.length)return!1;for(s=0;s<n.length;s++){var l=n[s];if(!Ao.call(t,l)||!mn(e[l],t[l]))return!1}return!0}function vd(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Ed(e,t){var n=vd(e);e=0;for(var s;n;){if(n.nodeType===3){if(s=e+n.textContent.length,e<=t&&s>=t)return{node:n,offset:t-e};e=s}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=vd(n)}}function uh(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?uh(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function dh(){for(var e=window,t=bi();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=bi(e.document)}return t}function su(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function Qv(e){var t=dh(),n=e.focusedElem,s=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&uh(n.ownerDocument.documentElement,n)){if(s!==null&&su(n)){if(t=s.start,e=s.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var l=n.textContent.length,i=Math.min(s.start,l);s=s.end===void 0?i:Math.min(s.end,l),!e.extend&&i>s&&(l=s,s=i,i=l),l=Ed(n,i);var a=Ed(n,s);l&&a&&(e.rangeCount!==1||e.anchorNode!==l.node||e.anchorOffset!==l.offset||e.focusNode!==a.node||e.focusOffset!==a.offset)&&(t=t.createRange(),t.setStart(l.node,l.offset),e.removeAllRanges(),i>s?(e.addRange(t),e.extend(a.node,a.offset)):(t.setEnd(a.node,a.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n<t.length;n++)e=t[n],e.element.scrollLeft=e.left,e.element.scrollTop=e.top}}var Zv=_n&&"documentMode"in document&&11>=document.documentMode,ns=null,Yo=null,ll=null,Xo=!1;function gd(e,t,n){var s=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Xo||ns==null||ns!==bi(s)||(s=ns,"selectionStart"in s&&su(s)?s={start:s.selectionStart,end:s.selectionEnd}:(s=(s.ownerDocument&&s.ownerDocument.defaultView||window).getSelection(),s={anchorNode:s.anchorNode,anchorOffset:s.anchorOffset,focusNode:s.focusNode,focusOffset:s.focusOffset}),ll&&Nl(ll,s)||(ll=s,s=Gi(Yo,"onSelect"),0<s.length&&(t=new tu("onSelect","select",null,t,n),e.push({event:t,listeners:s}),t.target=ns)))}function Ql(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var rs={animationend:Ql("Animation","AnimationEnd"),animationiteration:Ql("Animation","AnimationIteration"),animationstart:Ql("Animation","AnimationStart"),transitionend:Ql("Transition","TransitionEnd")},to={},fh={};_n&&(fh=document.createElement("div").style,"AnimationEvent"in window||(delete rs.animationend.animation,delete rs.animationiteration.animation,delete rs.animationstart.animation),"TransitionEvent"in window||delete rs.transitionend.transition);function Ra(e){if(to[e])return to[e];if(!rs[e])return e;var t=rs[e],n;for(n in t)if(t.hasOwnProperty(n)&&n in fh)return to[e]=t[n];return e}var mh=Ra("animationend"),hh=Ra("animationiteration"),ph=Ra("animationstart"),xh=Ra("transitionend"),vh=new Map,jd="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function pr(e,t){vh.set(e,t),Wr(t,[e])}for(var no=0;no<jd.length;no++){var ro=jd[no],Jv=ro.toLowerCase(),eE=ro[0].toUpperCase()+ro.slice(1);pr(Jv,"on"+eE)}pr(mh,"onAnimationEnd");pr(hh,"onAnimationIteration");pr(ph,"onAnimationStart");pr("dblclick","onDoubleClick");pr("focusin","onFocus");pr("focusout","onBlur");pr(xh,"onTransitionEnd");gs("onMouseEnter",["mouseout","mouseover"]);gs("onMouseLeave",["mouseout","mouseover"]);gs("onPointerEnter",["pointerout","pointerover"]);gs("onPointerLeave",["pointerout","pointerover"]);Wr("onChange","change click focusin focusout input keydown keyup selectionchange".split(" "));Wr("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));Wr("onBeforeInput",["compositionend","keypress","textInput","paste"]);Wr("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));Wr("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));Wr("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Qs="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),tE=new Set("cancel close invalid load scroll toggle".split(" ").concat(Qs));function Nd(e,t,n){var s=e.type||"unknown-event";e.currentTarget=n,Jx(s,t,void 0,e),e.currentTarget=null}function Eh(e,t){t=(t&4)!==0;for(var n=0;n<e.length;n++){var s=e[n],l=s.event;s=s.listeners;e:{var i=void 0;if(t)for(var a=s.length-1;0<=a;a--){var o=s[a],c=o.instance,u=o.currentTarget;if(o=o.listener,c!==i&&l.isPropagationStopped())break e;Nd(l,o,u),i=c}else for(a=0;a<s.length;a++){if(o=s[a],c=o.instance,u=o.currentTarget,o=o.listener,c!==i&&l.isPropagationStopped())break e;Nd(l,o,u),i=c}}}if(zi)throw e=Bo,zi=!1,Bo=null,e}function Ie(e,t){var n=t[ec];n===void 0&&(n=t[ec]=new Set);var s=e+"__bubble";n.has(s)||(gh(t,e,2,!1),n.add(s))}function so(e,t,n){var s=0;t&&(s|=4),gh(n,e,s,t)}var Zl="_reactListening"+Math.random().toString(36).slice(2);function Sl(e){if(!e[Zl]){e[Zl]=!0,wm.forEach(function(n){n!=="selectionchange"&&(tE.has(n)||so(n,!1,e),so(n,!0,e))});var t=e.nodeType===9?e:e.ownerDocument;t===null||t[Zl]||(t[Zl]=!0,so("selectionchange",!1,t))}}function gh(e,t,n,s){switch(nh(t)){case 1:var l=pv;break;case 4:l=xv;break;default:l=Jc}n=l.bind(null,t,n,e),l=void 0,!Wo||t!=="touchstart"&&t!=="touchmove"&&t!=="wheel"||(l=!0),s?l!==void 0?e.addEventListener(t,n,{capture:!0,passive:l}):e.addEventListener(t,n,!0):l!==void 0?e.addEventListener(t,n,{passive:l}):e.addEventListener(t,n,!1)}function lo(e,t,n,s,l){var i=s;if(!(t&1)&&!(t&2)&&s!==null)e:for(;;){if(s===null)return;var a=s.tag;if(a===3||a===4){var o=s.stateNode.containerInfo;if(o===l||o.nodeType===8&&o.parentNode===l)break;if(a===4)for(a=s.return;a!==null;){var c=a.tag;if((c===3||c===4)&&(c=a.stateNode.containerInfo,c===l||c.nodeType===8&&c.parentNode===l))return;a=a.return}for(;o!==null;){if(a=Lr(o),a===null)return;if(c=a.tag,c===5||c===6){s=i=a;continue e}o=o.parentNode}}s=s.return}$m(function(){var u=i,d=Xc(n),m=[];e:{var h=vh.get(e);if(h!==void 0){var E=tu,N=e;switch(e){case"keypress":if(ji(n)===0)break e;case"keydown":case"keyup":E=kv;break;case"focusin":N="focus",E=Za;break;case"focusout":N="blur",E=Za;break;case"beforeblur":case"afterblur":E=Za;break;case"click":if(n.button===2)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":E=cd;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":E=gv;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":E=Dv;break;case mh:case hh:case ph:E=Sv;break;case xh:E=Pv;break;case"scroll":E=vv;break;case"wheel":E=Uv;break;case"copy":case"cut":case"paste":E=Cv;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":E=dd}var v=(t&4)!==0,S=!v&&e==="scroll",p=v?h!==null?h+"Capture":null:h;v=[];for(var x=u,j;x!==null;){j=x;var y=j.stateNode;if(j.tag===5&&y!==null&&(j=y,p!==null&&(y=xl(x,p),y!=null&&v.push(yl(x,y,j)))),S)break;x=x.return}0<v.length&&(h=new E(h,N,null,n,d),m.push({event:h,listeners:v}))}}if(!(t&7)){e:{if(h=e==="mouseover"||e==="pointerover",E=e==="mouseout"||e==="pointerout",h&&n!==zo&&(N=n.relatedTarget||n.fromElement)&&(Lr(N)||N[On]))break e;if((E||h)&&(h=d.window===d?d:(h=d.ownerDocument)?h.defaultView||h.parentWindow:window,E?(N=n.relatedTarget||n.toElement,E=u,N=N?Lr(N):null,N!==null&&(S=Br(N),N!==S||N.tag!==5&&N.tag!==6)&&(N=null)):(E=null,N=u),E!==N)){if(v=cd,y="onMouseLeave",p="onMouseEnter",x="mouse",(e==="pointerout"||e==="pointerover")&&(v=dd,y="onPointerLeave",p="onPointerEnter",x="pointer"),S=E==null?h:ss(E),j=N==null?h:ss(N),h=new v(y,x+"leave",E,n,d),h.target=S,h.relatedTarget=j,y=null,Lr(d)===u&&(v=new v(p,x+"enter",N,n,d),v.target=j,v.relatedTarget=S,y=v),S=y,E&&N)t:{for(v=E,p=N,x=0,j=v;j;j=qr(j))x++;for(j=0,y=p;y;y=qr(y))j++;for(;0<x-j;)v=qr(v),x--;for(;0<j-x;)p=qr(p),j--;for(;x--;){if(v===p||p!==null&&v===p.alternate)break t;v=qr(v),p=qr(p)}v=null}else v=null;E!==null&&Sd(m,h,E,v,!1),N!==null&&S!==null&&Sd(m,S,N,v,!0)}}e:{if(h=u?ss(u):window,E=h.nodeName&&h.nodeName.toLowerCase(),E==="select"||E==="input"&&h.type==="file")var R=Vv;else if(hd(h))if(oh)R=Xv;else{R=qv;var L=Gv}else(E=h.nodeName)&&E.toLowerCase()==="input"&&(h.type==="checkbox"||h.type==="radio")&&(R=Yv);if(R&&(R=R(e,u))){ah(m,R,n,d);break e}L&&L(e,h,u),e==="focusout"&&(L=h._wrapperState)&&L.controlled&&h.type==="number"&&Po(h,"number",h.value)}switch(L=u?ss(u):window,e){case"focusin":(hd(L)||L.contentEditable==="true")&&(ns=L,Yo=u,ll=null);break;case"focusout":ll=Yo=ns=null;break;case"mousedown":Xo=!0;break;case"contextmenu":case"mouseup":case"dragend":Xo=!1,gd(m,n,d);break;case"selectionchange":if(Zv)break;case"keydown":case"keyup":gd(m,n,d)}var w;if(ru)e:{switch(e){case"compositionstart":var k="onCompositionStart";break e;case"compositionend":k="onCompositionEnd";break e;case"compositionupdate":k="onCompositionUpdate";break e}k=void 0}else ts?lh(e,n)&&(k="onCompositionEnd"):e==="keydown"&&n.keyCode===229&&(k="onCompositionStart");k&&(sh&&n.locale!=="ko"&&(ts||k!=="onCompositionStart"?k==="onCompositionEnd"&&ts&&(w=rh()):(Kn=d,eu="value"in Kn?Kn.value:Kn.textContent,ts=!0)),L=Gi(u,k),0<L.length&&(k=new ud(k,e,null,n,d),m.push({event:k,listeners:L}),w?k.data=w:(w=ih(n),w!==null&&(k.data=w)))),(w=Hv?zv(e,n):$v(e,n))&&(u=Gi(u,"onBeforeInput"),0<u.length&&(d=new ud("onBeforeInput","beforeinput",null,n,d),m.push({event:d,listeners:u}),d.data=w))}Eh(m,t)})}function yl(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Gi(e,t){for(var n=t+"Capture",s=[];e!==null;){var l=e,i=l.stateNode;l.tag===5&&i!==null&&(l=i,i=xl(e,n),i!=null&&s.unshift(yl(e,i,l)),i=xl(e,t),i!=null&&s.push(yl(e,i,l))),e=e.return}return s}function qr(e){if(e===null)return null;do e=e.return;while(e&&e.tag!==5);return e||null}function Sd(e,t,n,s,l){for(var i=t._reactName,a=[];n!==null&&n!==s;){var o=n,c=o.alternate,u=o.stateNode;if(c!==null&&c===s)break;o.tag===5&&u!==null&&(o=u,l?(c=xl(n,i),c!=null&&a.unshift(yl(n,c,o))):l||(c=xl(n,i),c!=null&&a.push(yl(n,c,o)))),n=n.return}a.length!==0&&e.push({event:t,listeners:a})}var nE=/\r\n?/g,rE=/\u0000|\uFFFD/g;function yd(e){return(typeof e=="string"?e:""+e).replace(nE,`
+`).replace(rE,"")}function Jl(e,t,n){if(t=yd(t),yd(e)!==t&&n)throw Error(b(425))}function qi(){}var Ko=null,Qo=null;function Zo(e,t){return e==="textarea"||e==="noscript"||typeof t.children=="string"||typeof t.children=="number"||typeof t.dangerouslySetInnerHTML=="object"&&t.dangerouslySetInnerHTML!==null&&t.dangerouslySetInnerHTML.__html!=null}var Jo=typeof setTimeout=="function"?setTimeout:void 0,sE=typeof clearTimeout=="function"?clearTimeout:void 0,Cd=typeof Promise=="function"?Promise:void 0,lE=typeof queueMicrotask=="function"?queueMicrotask:typeof Cd<"u"?function(e){return Cd.resolve(null).then(e).catch(iE)}:Jo;function iE(e){setTimeout(function(){throw e})}function io(e,t){var n=t,s=0;do{var l=n.nextSibling;if(e.removeChild(n),l&&l.nodeType===8)if(n=l.data,n==="/$"){if(s===0){e.removeChild(l),gl(t);return}s--}else n!=="$"&&n!=="$?"&&n!=="$!"||s++;n=l}while(n);gl(t)}function ar(e){for(;e!=null;e=e.nextSibling){var t=e.nodeType;if(t===1||t===3)break;if(t===8){if(t=e.data,t==="$"||t==="$!"||t==="$?")break;if(t==="/$")return null}}return e}function Rd(e){e=e.previousSibling;for(var t=0;e;){if(e.nodeType===8){var n=e.data;if(n==="$"||n==="$!"||n==="$?"){if(t===0)return e;t--}else n==="/$"&&t++}e=e.previousSibling}return null}var ks=Math.random().toString(36).slice(2),jn="__reactFiber$"+ks,Cl="__reactProps$"+ks,On="__reactContainer$"+ks,ec="__reactEvents$"+ks,aE="__reactListeners$"+ks,oE="__reactHandles$"+ks;function Lr(e){var t=e[jn];if(t)return t;for(var n=e.parentNode;n;){if(t=n[On]||n[jn]){if(n=t.alternate,t.child!==null||n!==null&&n.child!==null)for(e=Rd(e);e!==null;){if(n=e[jn])return n;e=Rd(e)}return t}e=n,n=e.parentNode}return null}function Hl(e){return e=e[jn]||e[On],!e||e.tag!==5&&e.tag!==6&&e.tag!==13&&e.tag!==3?null:e}function ss(e){if(e.tag===5||e.tag===6)return e.stateNode;throw Error(b(33))}function wa(e){return e[Cl]||null}var tc=[],ls=-1;function xr(e){return{current:e}}function Oe(e){0>ls||(e.current=tc[ls],tc[ls]=null,ls--)}function Le(e,t){ls++,tc[ls]=e.current,e.current=t}var hr={},ht=xr(hr),It=xr(!1),Ur=hr;function js(e,t){var n=e.type.contextTypes;if(!n)return hr;var s=e.stateNode;if(s&&s.__reactInternalMemoizedUnmaskedChildContext===t)return s.__reactInternalMemoizedMaskedChildContext;var l={},i;for(i in n)l[i]=t[i];return s&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=l),l}function kt(e){return e=e.childContextTypes,e!=null}function Yi(){Oe(It),Oe(ht)}function wd(e,t,n){if(ht.current!==hr)throw Error(b(168));Le(ht,t),Le(It,n)}function jh(e,t,n){var s=e.stateNode;if(t=t.childContextTypes,typeof s.getChildContext!="function")return n;s=s.getChildContext();for(var l in s)if(!(l in t))throw Error(b(108,Gx(e)||"Unknown",l));return ze({},n,s)}function Xi(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||hr,Ur=ht.current,Le(ht,e),Le(It,It.current),!0}function Td(e,t,n){var s=e.stateNode;if(!s)throw Error(b(169));n?(e=jh(e,t,Ur),s.__reactInternalMemoizedMergedChildContext=e,Oe(It),Oe(ht),Le(ht,e)):Oe(It),Le(It,n)}var wn=null,Ta=!1,ao=!1;function Nh(e){wn===null?wn=[e]:wn.push(e)}function cE(e){Ta=!0,Nh(e)}function vr(){if(!ao&&wn!==null){ao=!0;var e=0,t=ye;try{var n=wn;for(ye=1;e<n.length;e++){var s=n[e];do s=s(!0);while(s!==null)}wn=null,Ta=!1}catch(l){throw wn!==null&&(wn=wn.slice(e+1)),Gm(Kc,vr),l}finally{ye=t,ao=!1}}return null}var is=[],as=0,Ki=null,Qi=0,Kt=[],Qt=0,br=null,Ln=1,An="";function yr(e,t){is[as++]=Qi,is[as++]=Ki,Ki=e,Qi=t}function Sh(e,t,n){Kt[Qt++]=Ln,Kt[Qt++]=An,Kt[Qt++]=br,br=e;var s=Ln;e=An;var l=32-un(s)-1;s&=~(1<<l),n+=1;var i=32-un(t)+l;if(30<i){var a=l-l%5;i=(s&(1<<a)-1).toString(32),s>>=a,l-=a,Ln=1<<32-un(t)+l|n<<l|s,An=i+e}else Ln=1<<i|n<<l|s,An=e}function lu(e){e.return!==null&&(yr(e,1),Sh(e,1,0))}function iu(e){for(;e===Ki;)Ki=is[--as],is[as]=null,Qi=is[--as],is[as]=null;for(;e===br;)br=Kt[--Qt],Kt[Qt]=null,An=Kt[--Qt],Kt[Qt]=null,Ln=Kt[--Qt],Kt[Qt]=null}var $t=null,Ht=null,Me=!1,on=null;function yh(e,t){var n=Jt(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,t=e.deletions,t===null?(e.deletions=[n],e.flags|=16):t.push(n)}function Ld(e,t){switch(e.tag){case 5:var n=e.type;return t=t.nodeType!==1||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t,t!==null?(e.stateNode=t,$t=e,Ht=ar(t.firstChild),!0):!1;case 6:return t=e.pendingProps===""||t.nodeType!==3?null:t,t!==null?(e.stateNode=t,$t=e,Ht=null,!0):!1;case 13:return t=t.nodeType!==8?null:t,t!==null?(n=br!==null?{id:Ln,overflow:An}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},n=Jt(18,null,null,0),n.stateNode=t,n.return=e,e.child=n,$t=e,Ht=null,!0):!1;default:return!1}}function nc(e){return(e.mode&1)!==0&&(e.flags&128)===0}function rc(e){if(Me){var t=Ht;if(t){var n=t;if(!Ld(e,t)){if(nc(e))throw Error(b(418));t=ar(n.nextSibling);var s=$t;t&&Ld(e,t)?yh(s,n):(e.flags=e.flags&-4097|2,Me=!1,$t=e)}}else{if(nc(e))throw Error(b(418));e.flags=e.flags&-4097|2,Me=!1,$t=e}}}function Ad(e){for(e=e.return;e!==null&&e.tag!==5&&e.tag!==3&&e.tag!==13;)e=e.return;$t=e}function ei(e){if(e!==$t)return!1;if(!Me)return Ad(e),Me=!0,!1;var t;if((t=e.tag!==3)&&!(t=e.tag!==5)&&(t=e.type,t=t!=="head"&&t!=="body"&&!Zo(e.type,e.memoizedProps)),t&&(t=Ht)){if(nc(e))throw Ch(),Error(b(418));for(;t;)yh(e,t),t=ar(t.nextSibling)}if(Ad(e),e.tag===13){if(e=e.memoizedState,e=e!==null?e.dehydrated:null,!e)throw Error(b(317));e:{for(e=e.nextSibling,t=0;e;){if(e.nodeType===8){var n=e.data;if(n==="/$"){if(t===0){Ht=ar(e.nextSibling);break e}t--}else n!=="$"&&n!=="$!"&&n!=="$?"||t++}e=e.nextSibling}Ht=null}}else Ht=$t?ar(e.stateNode.nextSibling):null;return!0}function Ch(){for(var e=Ht;e;)e=ar(e.nextSibling)}function Ns(){Ht=$t=null,Me=!1}function au(e){on===null?on=[e]:on.push(e)}var uE=Pn.ReactCurrentBatchConfig;function ln(e,t){if(e&&e.defaultProps){t=ze({},t),e=e.defaultProps;for(var n in e)t[n]===void 0&&(t[n]=e[n]);return t}return t}var Zi=xr(null),Ji=null,os=null,ou=null;function cu(){ou=os=Ji=null}function uu(e){var t=Zi.current;Oe(Zi),e._currentValue=t}function sc(e,t,n){for(;e!==null;){var s=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,s!==null&&(s.childLanes|=t)):s!==null&&(s.childLanes&t)!==t&&(s.childLanes|=t),e===n)break;e=e.return}}function xs(e,t){Ji=e,ou=os=null,e=e.dependencies,e!==null&&e.firstContext!==null&&(e.lanes&t&&(At=!0),e.firstContext=null)}function tn(e){var t=e._currentValue;if(ou!==e)if(e={context:e,memoizedValue:t,next:null},os===null){if(Ji===null)throw Error(b(308));os=e,Ji.dependencies={lanes:0,firstContext:e}}else os=os.next=e;return t}var Ar=null;function du(e){Ar===null?Ar=[e]:Ar.push(e)}function Rh(e,t,n,s){var l=t.interleaved;return l===null?(n.next=n,du(t)):(n.next=l.next,l.next=n),t.interleaved=n,Dn(e,s)}function Dn(e,t){e.lanes|=t;var n=e.alternate;for(n!==null&&(n.lanes|=t),n=e,e=e.return;e!==null;)e.childLanes|=t,n=e.alternate,n!==null&&(n.childLanes|=t),n=e,e=e.return;return n.tag===3?n.stateNode:null}var Vn=!1;function fu(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function wh(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function kn(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function or(e,t,n){var s=e.updateQueue;if(s===null)return null;if(s=s.shared,Ee&2){var l=s.pending;return l===null?t.next=t:(t.next=l.next,l.next=t),s.pending=t,Dn(e,n)}return l=s.interleaved,l===null?(t.next=t,du(s)):(t.next=l.next,l.next=t),s.interleaved=t,Dn(e,n)}function Ni(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194240)!==0)){var s=t.lanes;s&=e.pendingLanes,n|=s,t.lanes=n,Qc(e,n)}}function Id(e,t){var n=e.updateQueue,s=e.alternate;if(s!==null&&(s=s.updateQueue,n===s)){var l=null,i=null;if(n=n.firstBaseUpdate,n!==null){do{var a={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};i===null?l=i=a:i=i.next=a,n=n.next}while(n!==null);i===null?l=i=t:i=i.next=t}else l=i=t;n={baseState:s.baseState,firstBaseUpdate:l,lastBaseUpdate:i,shared:s.shared,effects:s.effects},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function ea(e,t,n,s){var l=e.updateQueue;Vn=!1;var i=l.firstBaseUpdate,a=l.lastBaseUpdate,o=l.shared.pending;if(o!==null){l.shared.pending=null;var c=o,u=c.next;c.next=null,a===null?i=u:a.next=u,a=c;var d=e.alternate;d!==null&&(d=d.updateQueue,o=d.lastBaseUpdate,o!==a&&(o===null?d.firstBaseUpdate=u:o.next=u,d.lastBaseUpdate=c))}if(i!==null){var m=l.baseState;a=0,d=u=c=null,o=i;do{var h=o.lane,E=o.eventTime;if((s&h)===h){d!==null&&(d=d.next={eventTime:E,lane:0,tag:o.tag,payload:o.payload,callback:o.callback,next:null});e:{var N=e,v=o;switch(h=t,E=n,v.tag){case 1:if(N=v.payload,typeof N=="function"){m=N.call(E,m,h);break e}m=N;break e;case 3:N.flags=N.flags&-65537|128;case 0:if(N=v.payload,h=typeof N=="function"?N.call(E,m,h):N,h==null)break e;m=ze({},m,h);break e;case 2:Vn=!0}}o.callback!==null&&o.lane!==0&&(e.flags|=64,h=l.effects,h===null?l.effects=[o]:h.push(o))}else E={eventTime:E,lane:h,tag:o.tag,payload:o.payload,callback:o.callback,next:null},d===null?(u=d=E,c=m):d=d.next=E,a|=h;if(o=o.next,o===null){if(o=l.shared.pending,o===null)break;h=o,o=h.next,h.next=null,l.lastBaseUpdate=h,l.shared.pending=null}}while(1);if(d===null&&(c=m),l.baseState=c,l.firstBaseUpdate=u,l.lastBaseUpdate=d,t=l.shared.interleaved,t!==null){l=t;do a|=l.lane,l=l.next;while(l!==t)}else i===null&&(l.shared.lanes=0);zr|=a,e.lanes=a,e.memoizedState=m}}function kd(e,t,n){if(e=t.effects,t.effects=null,e!==null)for(t=0;t<e.length;t++){var s=e[t],l=s.callback;if(l!==null){if(s.callback=null,s=n,typeof l!="function")throw Error(b(191,l));l.call(s)}}}var Th=new Rm.Component().refs;function lc(e,t,n,s){t=e.memoizedState,n=n(s,t),n=n==null?t:ze({},t,n),e.memoizedState=n,e.lanes===0&&(e.updateQueue.baseState=n)}var La={isMounted:function(e){return(e=e._reactInternals)?Br(e)===e:!1},enqueueSetState:function(e,t,n){e=e._reactInternals;var s=gt(),l=ur(e),i=kn(s,l);i.payload=t,n!=null&&(i.callback=n),t=or(e,i,l),t!==null&&(dn(t,e,l,s),Ni(t,e,l))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var s=gt(),l=ur(e),i=kn(s,l);i.tag=1,i.payload=t,n!=null&&(i.callback=n),t=or(e,i,l),t!==null&&(dn(t,e,l,s),Ni(t,e,l))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=gt(),s=ur(e),l=kn(n,s);l.tag=2,t!=null&&(l.callback=t),t=or(e,l,s),t!==null&&(dn(t,e,s,n),Ni(t,e,s))}};function _d(e,t,n,s,l,i,a){return e=e.stateNode,typeof e.shouldComponentUpdate=="function"?e.shouldComponentUpdate(s,i,a):t.prototype&&t.prototype.isPureReactComponent?!Nl(n,s)||!Nl(l,i):!0}function Lh(e,t,n){var s=!1,l=hr,i=t.contextType;return typeof i=="object"&&i!==null?i=tn(i):(l=kt(t)?Ur:ht.current,s=t.contextTypes,i=(s=s!=null)?js(e,l):hr),t=new t(n,i),e.memoizedState=t.state!==null&&t.state!==void 0?t.state:null,t.updater=La,e.stateNode=t,t._reactInternals=e,s&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=l,e.__reactInternalMemoizedMaskedChildContext=i),t}function Od(e,t,n,s){e=t.state,typeof t.componentWillReceiveProps=="function"&&t.componentWillReceiveProps(n,s),typeof t.UNSAFE_componentWillReceiveProps=="function"&&t.UNSAFE_componentWillReceiveProps(n,s),t.state!==e&&La.enqueueReplaceState(t,t.state,null)}function ic(e,t,n,s){var l=e.stateNode;l.props=n,l.state=e.memoizedState,l.refs=Th,fu(e);var i=t.contextType;typeof i=="object"&&i!==null?l.context=tn(i):(i=kt(t)?Ur:ht.current,l.context=js(e,i)),l.state=e.memoizedState,i=t.getDerivedStateFromProps,typeof i=="function"&&(lc(e,t,i,n),l.state=e.memoizedState),typeof t.getDerivedStateFromProps=="function"||typeof l.getSnapshotBeforeUpdate=="function"||typeof l.UNSAFE_componentWillMount!="function"&&typeof l.componentWillMount!="function"||(t=l.state,typeof l.componentWillMount=="function"&&l.componentWillMount(),typeof l.UNSAFE_componentWillMount=="function"&&l.UNSAFE_componentWillMount(),t!==l.state&&La.enqueueReplaceState(l,l.state,null),ea(e,n,l,s),l.state=e.memoizedState),typeof l.componentDidMount=="function"&&(e.flags|=4194308)}function Us(e,t,n){if(e=n.ref,e!==null&&typeof e!="function"&&typeof e!="object"){if(n._owner){if(n=n._owner,n){if(n.tag!==1)throw Error(b(309));var s=n.stateNode}if(!s)throw Error(b(147,e));var l=s,i=""+e;return t!==null&&t.ref!==null&&typeof t.ref=="function"&&t.ref._stringRef===i?t.ref:(t=function(a){var o=l.refs;o===Th&&(o=l.refs={}),a===null?delete o[i]:o[i]=a},t._stringRef=i,t)}if(typeof e!="string")throw Error(b(284));if(!n._owner)throw Error(b(290,e))}return e}function ti(e,t){throw e=Object.prototype.toString.call(t),Error(b(31,e==="[object Object]"?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function Dd(e){var t=e._init;return t(e._payload)}function Ah(e){function t(p,x){if(e){var j=p.deletions;j===null?(p.deletions=[x],p.flags|=16):j.push(x)}}function n(p,x){if(!e)return null;for(;x!==null;)t(p,x),x=x.sibling;return null}function s(p,x){for(p=new Map;x!==null;)x.key!==null?p.set(x.key,x):p.set(x.index,x),x=x.sibling;return p}function l(p,x){return p=dr(p,x),p.index=0,p.sibling=null,p}function i(p,x,j){return p.index=j,e?(j=p.alternate,j!==null?(j=j.index,j<x?(p.flags|=2,x):j):(p.flags|=2,x)):(p.flags|=1048576,x)}function a(p){return e&&p.alternate===null&&(p.flags|=2),p}function o(p,x,j,y){return x===null||x.tag!==6?(x=po(j,p.mode,y),x.return=p,x):(x=l(x,j),x.return=p,x)}function c(p,x,j,y){var R=j.type;return R===es?d(p,x,j.props.children,y,j.key):x!==null&&(x.elementType===R||typeof R=="object"&&R!==null&&R.$$typeof===Bn&&Dd(R)===x.type)?(y=l(x,j.props),y.ref=Us(p,x,j),y.return=p,y):(y=Ti(j.type,j.key,j.props,null,p.mode,y),y.ref=Us(p,x,j),y.return=p,y)}function u(p,x,j,y){return x===null||x.tag!==4||x.stateNode.containerInfo!==j.containerInfo||x.stateNode.implementation!==j.implementation?(x=xo(j,p.mode,y),x.return=p,x):(x=l(x,j.children||[]),x.return=p,x)}function d(p,x,j,y,R){return x===null||x.tag!==7?(x=Mr(j,p.mode,y,R),x.return=p,x):(x=l(x,j),x.return=p,x)}function m(p,x,j){if(typeof x=="string"&&x!==""||typeof x=="number")return x=po(""+x,p.mode,j),x.return=p,x;if(typeof x=="object"&&x!==null){switch(x.$$typeof){case Bl:return j=Ti(x.type,x.key,x.props,null,p.mode,j),j.ref=Us(p,null,x),j.return=p,j;case Jr:return x=xo(x,p.mode,j),x.return=p,x;case Bn:var y=x._init;return m(p,y(x._payload),j)}if(Xs(x)||Os(x))return x=Mr(x,p.mode,j,null),x.return=p,x;ti(p,x)}return null}function h(p,x,j,y){var R=x!==null?x.key:null;if(typeof j=="string"&&j!==""||typeof j=="number")return R!==null?null:o(p,x,""+j,y);if(typeof j=="object"&&j!==null){switch(j.$$typeof){case Bl:return j.key===R?c(p,x,j,y):null;case Jr:return j.key===R?u(p,x,j,y):null;case Bn:return R=j._init,h(p,x,R(j._payload),y)}if(Xs(j)||Os(j))return R!==null?null:d(p,x,j,y,null);ti(p,j)}return null}function E(p,x,j,y,R){if(typeof y=="string"&&y!==""||typeof y=="number")return p=p.get(j)||null,o(x,p,""+y,R);if(typeof y=="object"&&y!==null){switch(y.$$typeof){case Bl:return p=p.get(y.key===null?j:y.key)||null,c(x,p,y,R);case Jr:return p=p.get(y.key===null?j:y.key)||null,u(x,p,y,R);case Bn:var L=y._init;return E(p,x,j,L(y._payload),R)}if(Xs(y)||Os(y))return p=p.get(j)||null,d(x,p,y,R,null);ti(x,y)}return null}function N(p,x,j,y){for(var R=null,L=null,w=x,k=x=0,U=null;w!==null&&k<j.length;k++){w.index>k?(U=w,w=null):U=w.sibling;var F=h(p,w,j[k],y);if(F===null){w===null&&(w=U);break}e&&w&&F.alternate===null&&t(p,w),x=i(F,x,k),L===null?R=F:L.sibling=F,L=F,w=U}if(k===j.length)return n(p,w),Me&&yr(p,k),R;if(w===null){for(;k<j.length;k++)w=m(p,j[k],y),w!==null&&(x=i(w,x,k),L===null?R=w:L.sibling=w,L=w);return Me&&yr(p,k),R}for(w=s(p,w);k<j.length;k++)U=E(w,p,k,j[k],y),U!==null&&(e&&U.alternate!==null&&w.delete(U.key===null?k:U.key),x=i(U,x,k),L===null?R=U:L.sibling=U,L=U);return e&&w.forEach(function(se){return t(p,se)}),Me&&yr(p,k),R}function v(p,x,j,y){var R=Os(j);if(typeof R!="function")throw Error(b(150));if(j=R.call(j),j==null)throw Error(b(151));for(var L=R=null,w=x,k=x=0,U=null,F=j.next();w!==null&&!F.done;k++,F=j.next()){w.index>k?(U=w,w=null):U=w.sibling;var se=h(p,w,F.value,y);if(se===null){w===null&&(w=U);break}e&&w&&se.alternate===null&&t(p,w),x=i(se,x,k),L===null?R=se:L.sibling=se,L=se,w=U}if(F.done)return n(p,w),Me&&yr(p,k),R;if(w===null){for(;!F.done;k++,F=j.next())F=m(p,F.value,y),F!==null&&(x=i(F,x,k),L===null?R=F:L.sibling=F,L=F);return Me&&yr(p,k),R}for(w=s(p,w);!F.done;k++,F=j.next())F=E(w,p,k,F.value,y),F!==null&&(e&&F.alternate!==null&&w.delete(F.key===null?k:F.key),x=i(F,x,k),L===null?R=F:L.sibling=F,L=F);return e&&w.forEach(function(fe){return t(p,fe)}),Me&&yr(p,k),R}function S(p,x,j,y){if(typeof j=="object"&&j!==null&&j.type===es&&j.key===null&&(j=j.props.children),typeof j=="object"&&j!==null){switch(j.$$typeof){case Bl:e:{for(var R=j.key,L=x;L!==null;){if(L.key===R){if(R=j.type,R===es){if(L.tag===7){n(p,L.sibling),x=l(L,j.props.children),x.return=p,p=x;break e}}else if(L.elementType===R||typeof R=="object"&&R!==null&&R.$$typeof===Bn&&Dd(R)===L.type){n(p,L.sibling),x=l(L,j.props),x.ref=Us(p,L,j),x.return=p,p=x;break e}n(p,L);break}else t(p,L);L=L.sibling}j.type===es?(x=Mr(j.props.children,p.mode,y,j.key),x.return=p,p=x):(y=Ti(j.type,j.key,j.props,null,p.mode,y),y.ref=Us(p,x,j),y.return=p,p=y)}return a(p);case Jr:e:{for(L=j.key;x!==null;){if(x.key===L)if(x.tag===4&&x.stateNode.containerInfo===j.containerInfo&&x.stateNode.implementation===j.implementation){n(p,x.sibling),x=l(x,j.children||[]),x.return=p,p=x;break e}else{n(p,x);break}else t(p,x);x=x.sibling}x=xo(j,p.mode,y),x.return=p,p=x}return a(p);case Bn:return L=j._init,S(p,x,L(j._payload),y)}if(Xs(j))return N(p,x,j,y);if(Os(j))return v(p,x,j,y);ti(p,j)}return typeof j=="string"&&j!==""||typeof j=="number"?(j=""+j,x!==null&&x.tag===6?(n(p,x.sibling),x=l(x,j),x.return=p,p=x):(n(p,x),x=po(j,p.mode,y),x.return=p,p=x),a(p)):n(p,x)}return S}var Ss=Ah(!0),Ih=Ah(!1),zl={},Sn=xr(zl),Rl=xr(zl),wl=xr(zl);function Ir(e){if(e===zl)throw Error(b(174));return e}function mu(e,t){switch(Le(wl,t),Le(Rl,e),Le(Sn,zl),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:Uo(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=Uo(t,e)}Oe(Sn),Le(Sn,t)}function ys(){Oe(Sn),Oe(Rl),Oe(wl)}function kh(e){Ir(wl.current);var t=Ir(Sn.current),n=Uo(t,e.type);t!==n&&(Le(Rl,e),Le(Sn,n))}function hu(e){Rl.current===e&&(Oe(Sn),Oe(Rl))}var Ue=xr(0);function ta(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data==="$?"||n.data==="$!"))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if(t.flags&128)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var oo=[];function pu(){for(var e=0;e<oo.length;e++)oo[e]._workInProgressVersionPrimary=null;oo.length=0}var Si=Pn.ReactCurrentDispatcher,co=Pn.ReactCurrentBatchConfig,Hr=0,He=null,et=null,rt=null,na=!1,il=!1,Tl=0,dE=0;function ut(){throw Error(b(321))}function xu(e,t){if(t===null)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!mn(e[n],t[n]))return!1;return!0}function vu(e,t,n,s,l,i){if(Hr=i,He=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,Si.current=e===null||e.memoizedState===null?pE:xE,e=n(s,l),il){i=0;do{if(il=!1,Tl=0,25<=i)throw Error(b(301));i+=1,rt=et=null,t.updateQueue=null,Si.current=vE,e=n(s,l)}while(il)}if(Si.current=ra,t=et!==null&&et.next!==null,Hr=0,rt=et=He=null,na=!1,t)throw Error(b(300));return e}function Eu(){var e=Tl!==0;return Tl=0,e}function gn(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return rt===null?He.memoizedState=rt=e:rt=rt.next=e,rt}function nn(){if(et===null){var e=He.alternate;e=e!==null?e.memoizedState:null}else e=et.next;var t=rt===null?He.memoizedState:rt.next;if(t!==null)rt=t,et=e;else{if(e===null)throw Error(b(310));et=e,e={memoizedState:et.memoizedState,baseState:et.baseState,baseQueue:et.baseQueue,queue:et.queue,next:null},rt===null?He.memoizedState=rt=e:rt=rt.next=e}return rt}function Ll(e,t){return typeof t=="function"?t(e):t}function uo(e){var t=nn(),n=t.queue;if(n===null)throw Error(b(311));n.lastRenderedReducer=e;var s=et,l=s.baseQueue,i=n.pending;if(i!==null){if(l!==null){var a=l.next;l.next=i.next,i.next=a}s.baseQueue=l=i,n.pending=null}if(l!==null){i=l.next,s=s.baseState;var o=a=null,c=null,u=i;do{var d=u.lane;if((Hr&d)===d)c!==null&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),s=u.hasEagerState?u.eagerState:e(s,u.action);else{var m={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};c===null?(o=c=m,a=s):c=c.next=m,He.lanes|=d,zr|=d}u=u.next}while(u!==null&&u!==i);c===null?a=s:c.next=o,mn(s,t.memoizedState)||(At=!0),t.memoizedState=s,t.baseState=a,t.baseQueue=c,n.lastRenderedState=s}if(e=n.interleaved,e!==null){l=e;do i=l.lane,He.lanes|=i,zr|=i,l=l.next;while(l!==e)}else l===null&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function fo(e){var t=nn(),n=t.queue;if(n===null)throw Error(b(311));n.lastRenderedReducer=e;var s=n.dispatch,l=n.pending,i=t.memoizedState;if(l!==null){n.pending=null;var a=l=l.next;do i=e(i,a.action),a=a.next;while(a!==l);mn(i,t.memoizedState)||(At=!0),t.memoizedState=i,t.baseQueue===null&&(t.baseState=i),n.lastRenderedState=i}return[i,s]}function _h(){}function Oh(e,t){var n=He,s=nn(),l=t(),i=!mn(s.memoizedState,l);if(i&&(s.memoizedState=l,At=!0),s=s.queue,gu(Ph.bind(null,n,s,e),[e]),s.getSnapshot!==t||i||rt!==null&&rt.memoizedState.tag&1){if(n.flags|=2048,Al(9,Mh.bind(null,n,s,l,t),void 0,null),st===null)throw Error(b(349));Hr&30||Dh(n,t,l)}return l}function Dh(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},t=He.updateQueue,t===null?(t={lastEffect:null,stores:null},He.updateQueue=t,t.stores=[e]):(n=t.stores,n===null?t.stores=[e]:n.push(e))}function Mh(e,t,n,s){t.value=n,t.getSnapshot=s,Fh(t)&&Uh(e)}function Ph(e,t,n){return n(function(){Fh(t)&&Uh(e)})}function Fh(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!mn(e,n)}catch{return!0}}function Uh(e){var t=Dn(e,1);t!==null&&dn(t,e,1,-1)}function Md(e){var t=gn();return typeof e=="function"&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:Ll,lastRenderedState:e},t.queue=e,e=e.dispatch=hE.bind(null,He,e),[t.memoizedState,e]}function Al(e,t,n,s){return e={tag:e,create:t,destroy:n,deps:s,next:null},t=He.updateQueue,t===null?(t={lastEffect:null,stores:null},He.updateQueue=t,t.lastEffect=e.next=e):(n=t.lastEffect,n===null?t.lastEffect=e.next=e:(s=n.next,n.next=e,e.next=s,t.lastEffect=e)),e}function bh(){return nn().memoizedState}function yi(e,t,n,s){var l=gn();He.flags|=e,l.memoizedState=Al(1|t,n,void 0,s===void 0?null:s)}function Aa(e,t,n,s){var l=nn();s=s===void 0?null:s;var i=void 0;if(et!==null){var a=et.memoizedState;if(i=a.destroy,s!==null&&xu(s,a.deps)){l.memoizedState=Al(t,n,i,s);return}}He.flags|=e,l.memoizedState=Al(1|t,n,i,s)}function Pd(e,t){return yi(8390656,8,e,t)}function gu(e,t){return Aa(2048,8,e,t)}function Hh(e,t){return Aa(4,2,e,t)}function zh(e,t){return Aa(4,4,e,t)}function $h(e,t){if(typeof t=="function")return e=e(),t(e),function(){t(null)};if(t!=null)return e=e(),t.current=e,function(){t.current=null}}function Wh(e,t,n){return n=n!=null?n.concat([e]):null,Aa(4,4,$h.bind(null,t,e),n)}function ju(){}function Bh(e,t){var n=nn();t=t===void 0?null:t;var s=n.memoizedState;return s!==null&&t!==null&&xu(t,s[1])?s[0]:(n.memoizedState=[e,t],e)}function Vh(e,t){var n=nn();t=t===void 0?null:t;var s=n.memoizedState;return s!==null&&t!==null&&xu(t,s[1])?s[0]:(e=e(),n.memoizedState=[e,t],e)}function Gh(e,t,n){return Hr&21?(mn(n,t)||(n=Xm(),He.lanes|=n,zr|=n,e.baseState=!0),t):(e.baseState&&(e.baseState=!1,At=!0),e.memoizedState=n)}function fE(e,t){var n=ye;ye=n!==0&&4>n?n:4,e(!0);var s=co.transition;co.transition={};try{e(!1),t()}finally{ye=n,co.transition=s}}function qh(){return nn().memoizedState}function mE(e,t,n){var s=ur(e);if(n={lane:s,action:n,hasEagerState:!1,eagerState:null,next:null},Yh(e))Xh(t,n);else if(n=Rh(e,t,n,s),n!==null){var l=gt();dn(n,e,s,l),Kh(n,t,s)}}function hE(e,t,n){var s=ur(e),l={lane:s,action:n,hasEagerState:!1,eagerState:null,next:null};if(Yh(e))Xh(t,l);else{var i=e.alternate;if(e.lanes===0&&(i===null||i.lanes===0)&&(i=t.lastRenderedReducer,i!==null))try{var a=t.lastRenderedState,o=i(a,n);if(l.hasEagerState=!0,l.eagerState=o,mn(o,a)){var c=t.interleaved;c===null?(l.next=l,du(t)):(l.next=c.next,c.next=l),t.interleaved=l;return}}catch{}finally{}n=Rh(e,t,l,s),n!==null&&(l=gt(),dn(n,e,s,l),Kh(n,t,s))}}function Yh(e){var t=e.alternate;return e===He||t!==null&&t===He}function Xh(e,t){il=na=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Kh(e,t,n){if(n&4194240){var s=t.lanes;s&=e.pendingLanes,n|=s,t.lanes=n,Qc(e,n)}}var ra={readContext:tn,useCallback:ut,useContext:ut,useEffect:ut,useImperativeHandle:ut,useInsertionEffect:ut,useLayoutEffect:ut,useMemo:ut,useReducer:ut,useRef:ut,useState:ut,useDebugValue:ut,useDeferredValue:ut,useTransition:ut,useMutableSource:ut,useSyncExternalStore:ut,useId:ut,unstable_isNewReconciler:!1},pE={readContext:tn,useCallback:function(e,t){return gn().memoizedState=[e,t===void 0?null:t],e},useContext:tn,useEffect:Pd,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,yi(4194308,4,$h.bind(null,t,e),n)},useLayoutEffect:function(e,t){return yi(4194308,4,e,t)},useInsertionEffect:function(e,t){return yi(4,2,e,t)},useMemo:function(e,t){var n=gn();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var s=gn();return t=n!==void 0?n(t):t,s.memoizedState=s.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},s.queue=e,e=e.dispatch=mE.bind(null,He,e),[s.memoizedState,e]},useRef:function(e){var t=gn();return e={current:e},t.memoizedState=e},useState:Md,useDebugValue:ju,useDeferredValue:function(e){return gn().memoizedState=e},useTransition:function(){var e=Md(!1),t=e[0];return e=fE.bind(null,e[1]),gn().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var s=He,l=gn();if(Me){if(n===void 0)throw Error(b(407));n=n()}else{if(n=t(),st===null)throw Error(b(349));Hr&30||Dh(s,t,n)}l.memoizedState=n;var i={value:n,getSnapshot:t};return l.queue=i,Pd(Ph.bind(null,s,i,e),[e]),s.flags|=2048,Al(9,Mh.bind(null,s,i,n,t),void 0,null),n},useId:function(){var e=gn(),t=st.identifierPrefix;if(Me){var n=An,s=Ln;n=(s&~(1<<32-un(s)-1)).toString(32)+n,t=":"+t+"R"+n,n=Tl++,0<n&&(t+="H"+n.toString(32)),t+=":"}else n=dE++,t=":"+t+"r"+n.toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},xE={readContext:tn,useCallback:Bh,useContext:tn,useEffect:gu,useImperativeHandle:Wh,useInsertionEffect:Hh,useLayoutEffect:zh,useMemo:Vh,useReducer:uo,useRef:bh,useState:function(){return uo(Ll)},useDebugValue:ju,useDeferredValue:function(e){var t=nn();return Gh(t,et.memoizedState,e)},useTransition:function(){var e=uo(Ll)[0],t=nn().memoizedState;return[e,t]},useMutableSource:_h,useSyncExternalStore:Oh,useId:qh,unstable_isNewReconciler:!1},vE={readContext:tn,useCallback:Bh,useContext:tn,useEffect:gu,useImperativeHandle:Wh,useInsertionEffect:Hh,useLayoutEffect:zh,useMemo:Vh,useReducer:fo,useRef:bh,useState:function(){return fo(Ll)},useDebugValue:ju,useDeferredValue:function(e){var t=nn();return et===null?t.memoizedState=e:Gh(t,et.memoizedState,e)},useTransition:function(){var e=fo(Ll)[0],t=nn().memoizedState;return[e,t]},useMutableSource:_h,useSyncExternalStore:Oh,useId:qh,unstable_isNewReconciler:!1};function Cs(e,t){try{var n="",s=t;do n+=Vx(s),s=s.return;while(s);var l=n}catch(i){l=`
+Error generating stack: `+i.message+`
+`+i.stack}return{value:e,source:t,stack:l,digest:null}}function mo(e,t,n){return{value:e,source:null,stack:n??null,digest:t??null}}function ac(e,t){try{console.error(t.value)}catch(n){setTimeout(function(){throw n})}}var EE=typeof WeakMap=="function"?WeakMap:Map;function Qh(e,t,n){n=kn(-1,n),n.tag=3,n.payload={element:null};var s=t.value;return n.callback=function(){la||(la=!0,vc=s),ac(e,t)},n}function Zh(e,t,n){n=kn(-1,n),n.tag=3;var s=e.type.getDerivedStateFromError;if(typeof s=="function"){var l=t.value;n.payload=function(){return s(l)},n.callback=function(){ac(e,t)}}var i=e.stateNode;return i!==null&&typeof i.componentDidCatch=="function"&&(n.callback=function(){ac(e,t),typeof s!="function"&&(cr===null?cr=new Set([this]):cr.add(this));var a=t.stack;this.componentDidCatch(t.value,{componentStack:a!==null?a:""})}),n}function Fd(e,t,n){var s=e.pingCache;if(s===null){s=e.pingCache=new EE;var l=new Set;s.set(t,l)}else l=s.get(t),l===void 0&&(l=new Set,s.set(t,l));l.has(n)||(l.add(n),e=_E.bind(null,e,t,n),t.then(e,e))}function Ud(e){do{var t;if((t=e.tag===13)&&(t=e.memoizedState,t=t!==null?t.dehydrated!==null:!0),t)return e;e=e.return}while(e!==null);return null}function bd(e,t,n,s,l){return e.mode&1?(e.flags|=65536,e.lanes=l,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,n.tag===1&&(n.alternate===null?n.tag=17:(t=kn(-1,1),t.tag=2,or(n,t,1))),n.lanes|=1),e)}var gE=Pn.ReactCurrentOwner,At=!1;function vt(e,t,n,s){t.child=e===null?Ih(t,null,n,s):Ss(t,e.child,n,s)}function Hd(e,t,n,s,l){n=n.render;var i=t.ref;return xs(t,l),s=vu(e,t,n,s,i,l),n=Eu(),e!==null&&!At?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~l,Mn(e,t,l)):(Me&&n&&lu(t),t.flags|=1,vt(e,t,s,l),t.child)}function zd(e,t,n,s,l){if(e===null){var i=n.type;return typeof i=="function"&&!Lu(i)&&i.defaultProps===void 0&&n.compare===null&&n.defaultProps===void 0?(t.tag=15,t.type=i,Jh(e,t,i,s,l)):(e=Ti(n.type,null,s,t,t.mode,l),e.ref=t.ref,e.return=t,t.child=e)}if(i=e.child,!(e.lanes&l)){var a=i.memoizedProps;if(n=n.compare,n=n!==null?n:Nl,n(a,s)&&e.ref===t.ref)return Mn(e,t,l)}return t.flags|=1,e=dr(i,s),e.ref=t.ref,e.return=t,t.child=e}function Jh(e,t,n,s,l){if(e!==null){var i=e.memoizedProps;if(Nl(i,s)&&e.ref===t.ref)if(At=!1,t.pendingProps=s=i,(e.lanes&l)!==0)e.flags&131072&&(At=!0);else return t.lanes=e.lanes,Mn(e,t,l)}return oc(e,t,n,s,l)}function ep(e,t,n){var s=t.pendingProps,l=s.children,i=e!==null?e.memoizedState:null;if(s.mode==="hidden")if(!(t.mode&1))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},Le(us,Ft),Ft|=n;else{if(!(n&1073741824))return e=i!==null?i.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,Le(us,Ft),Ft|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},s=i!==null?i.baseLanes:n,Le(us,Ft),Ft|=s}else i!==null?(s=i.baseLanes|n,t.memoizedState=null):s=n,Le(us,Ft),Ft|=s;return vt(e,t,l,n),t.child}function tp(e,t){var n=t.ref;(e===null&&n!==null||e!==null&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function oc(e,t,n,s,l){var i=kt(n)?Ur:ht.current;return i=js(t,i),xs(t,l),n=vu(e,t,n,s,i,l),s=Eu(),e!==null&&!At?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~l,Mn(e,t,l)):(Me&&s&&lu(t),t.flags|=1,vt(e,t,n,l),t.child)}function $d(e,t,n,s,l){if(kt(n)){var i=!0;Xi(t)}else i=!1;if(xs(t,l),t.stateNode===null)Ci(e,t),Lh(t,n,s),ic(t,n,s,l),s=!0;else if(e===null){var a=t.stateNode,o=t.memoizedProps;a.props=o;var c=a.context,u=n.contextType;typeof u=="object"&&u!==null?u=tn(u):(u=kt(n)?Ur:ht.current,u=js(t,u));var d=n.getDerivedStateFromProps,m=typeof d=="function"||typeof a.getSnapshotBeforeUpdate=="function";m||typeof a.UNSAFE_componentWillReceiveProps!="function"&&typeof a.componentWillReceiveProps!="function"||(o!==s||c!==u)&&Od(t,a,s,u),Vn=!1;var h=t.memoizedState;a.state=h,ea(t,s,a,l),c=t.memoizedState,o!==s||h!==c||It.current||Vn?(typeof d=="function"&&(lc(t,n,d,s),c=t.memoizedState),(o=Vn||_d(t,n,o,s,h,c,u))?(m||typeof a.UNSAFE_componentWillMount!="function"&&typeof a.componentWillMount!="function"||(typeof a.componentWillMount=="function"&&a.componentWillMount(),typeof a.UNSAFE_componentWillMount=="function"&&a.UNSAFE_componentWillMount()),typeof a.componentDidMount=="function"&&(t.flags|=4194308)):(typeof a.componentDidMount=="function"&&(t.flags|=4194308),t.memoizedProps=s,t.memoizedState=c),a.props=s,a.state=c,a.context=u,s=o):(typeof a.componentDidMount=="function"&&(t.flags|=4194308),s=!1)}else{a=t.stateNode,wh(e,t),o=t.memoizedProps,u=t.type===t.elementType?o:ln(t.type,o),a.props=u,m=t.pendingProps,h=a.context,c=n.contextType,typeof c=="object"&&c!==null?c=tn(c):(c=kt(n)?Ur:ht.current,c=js(t,c));var E=n.getDerivedStateFromProps;(d=typeof E=="function"||typeof a.getSnapshotBeforeUpdate=="function")||typeof a.UNSAFE_componentWillReceiveProps!="function"&&typeof a.componentWillReceiveProps!="function"||(o!==m||h!==c)&&Od(t,a,s,c),Vn=!1,h=t.memoizedState,a.state=h,ea(t,s,a,l);var N=t.memoizedState;o!==m||h!==N||It.current||Vn?(typeof E=="function"&&(lc(t,n,E,s),N=t.memoizedState),(u=Vn||_d(t,n,u,s,h,N,c)||!1)?(d||typeof a.UNSAFE_componentWillUpdate!="function"&&typeof a.componentWillUpdate!="function"||(typeof a.componentWillUpdate=="function"&&a.componentWillUpdate(s,N,c),typeof a.UNSAFE_componentWillUpdate=="function"&&a.UNSAFE_componentWillUpdate(s,N,c)),typeof a.componentDidUpdate=="function"&&(t.flags|=4),typeof a.getSnapshotBeforeUpdate=="function"&&(t.flags|=1024)):(typeof a.componentDidUpdate!="function"||o===e.memoizedProps&&h===e.memoizedState||(t.flags|=4),typeof a.getSnapshotBeforeUpdate!="function"||o===e.memoizedProps&&h===e.memoizedState||(t.flags|=1024),t.memoizedProps=s,t.memoizedState=N),a.props=s,a.state=N,a.context=c,s=u):(typeof a.componentDidUpdate!="function"||o===e.memoizedProps&&h===e.memoizedState||(t.flags|=4),typeof a.getSnapshotBeforeUpdate!="function"||o===e.memoizedProps&&h===e.memoizedState||(t.flags|=1024),s=!1)}return cc(e,t,n,s,i,l)}function cc(e,t,n,s,l,i){tp(e,t);var a=(t.flags&128)!==0;if(!s&&!a)return l&&Td(t,n,!1),Mn(e,t,i);s=t.stateNode,gE.current=t;var o=a&&typeof n.getDerivedStateFromError!="function"?null:s.render();return t.flags|=1,e!==null&&a?(t.child=Ss(t,e.child,null,i),t.child=Ss(t,null,o,i)):vt(e,t,o,i),t.memoizedState=s.state,l&&Td(t,n,!0),t.child}function np(e){var t=e.stateNode;t.pendingContext?wd(e,t.pendingContext,t.pendingContext!==t.context):t.context&&wd(e,t.context,!1),mu(e,t.containerInfo)}function Wd(e,t,n,s,l){return Ns(),au(l),t.flags|=256,vt(e,t,n,s),t.child}var uc={dehydrated:null,treeContext:null,retryLane:0};function dc(e){return{baseLanes:e,cachePool:null,transitions:null}}function rp(e,t,n){var s=t.pendingProps,l=Ue.current,i=!1,a=(t.flags&128)!==0,o;if((o=a)||(o=e!==null&&e.memoizedState===null?!1:(l&2)!==0),o?(i=!0,t.flags&=-129):(e===null||e.memoizedState!==null)&&(l|=1),Le(Ue,l&1),e===null)return rc(t),e=t.memoizedState,e!==null&&(e=e.dehydrated,e!==null)?(t.mode&1?e.data==="$!"?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(a=s.children,e=s.fallback,i?(s=t.mode,i=t.child,a={mode:"hidden",children:a},!(s&1)&&i!==null?(i.childLanes=0,i.pendingProps=a):i=_a(a,s,0,null),e=Mr(e,s,n,null),i.return=t,e.return=t,i.sibling=e,t.child=i,t.child.memoizedState=dc(n),t.memoizedState=uc,e):Nu(t,a));if(l=e.memoizedState,l!==null&&(o=l.dehydrated,o!==null))return jE(e,t,a,s,o,l,n);if(i){i=s.fallback,a=t.mode,l=e.child,o=l.sibling;var c={mode:"hidden",children:s.children};return!(a&1)&&t.child!==l?(s=t.child,s.childLanes=0,s.pendingProps=c,t.deletions=null):(s=dr(l,c),s.subtreeFlags=l.subtreeFlags&14680064),o!==null?i=dr(o,i):(i=Mr(i,a,n,null),i.flags|=2),i.return=t,s.return=t,s.sibling=i,t.child=s,s=i,i=t.child,a=e.child.memoizedState,a=a===null?dc(n):{baseLanes:a.baseLanes|n,cachePool:null,transitions:a.transitions},i.memoizedState=a,i.childLanes=e.childLanes&~n,t.memoizedState=uc,s}return i=e.child,e=i.sibling,s=dr(i,{mode:"visible",children:s.children}),!(t.mode&1)&&(s.lanes=n),s.return=t,s.sibling=null,e!==null&&(n=t.deletions,n===null?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=s,t.memoizedState=null,s}function Nu(e,t){return t=_a({mode:"visible",children:t},e.mode,0,null),t.return=e,e.child=t}function ni(e,t,n,s){return s!==null&&au(s),Ss(t,e.child,null,n),e=Nu(t,t.pendingProps.children),e.flags|=2,t.memoizedState=null,e}function jE(e,t,n,s,l,i,a){if(n)return t.flags&256?(t.flags&=-257,s=mo(Error(b(422))),ni(e,t,a,s)):t.memoizedState!==null?(t.child=e.child,t.flags|=128,null):(i=s.fallback,l=t.mode,s=_a({mode:"visible",children:s.children},l,0,null),i=Mr(i,l,a,null),i.flags|=2,s.return=t,i.return=t,s.sibling=i,t.child=s,t.mode&1&&Ss(t,e.child,null,a),t.child.memoizedState=dc(a),t.memoizedState=uc,i);if(!(t.mode&1))return ni(e,t,a,null);if(l.data==="$!"){if(s=l.nextSibling&&l.nextSibling.dataset,s)var o=s.dgst;return s=o,i=Error(b(419)),s=mo(i,s,void 0),ni(e,t,a,s)}if(o=(a&e.childLanes)!==0,At||o){if(s=st,s!==null){switch(a&-a){case 4:l=2;break;case 16:l=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:l=32;break;case 536870912:l=268435456;break;default:l=0}l=l&(s.suspendedLanes|a)?0:l,l!==0&&l!==i.retryLane&&(i.retryLane=l,Dn(e,l),dn(s,e,l,-1))}return Tu(),s=mo(Error(b(421))),ni(e,t,a,s)}return l.data==="$?"?(t.flags|=128,t.child=e.child,t=OE.bind(null,e),l._reactRetry=t,null):(e=i.treeContext,Ht=ar(l.nextSibling),$t=t,Me=!0,on=null,e!==null&&(Kt[Qt++]=Ln,Kt[Qt++]=An,Kt[Qt++]=br,Ln=e.id,An=e.overflow,br=t),t=Nu(t,s.children),t.flags|=4096,t)}function Bd(e,t,n){e.lanes|=t;var s=e.alternate;s!==null&&(s.lanes|=t),sc(e.return,t,n)}function ho(e,t,n,s,l){var i=e.memoizedState;i===null?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:s,tail:n,tailMode:l}:(i.isBackwards=t,i.rendering=null,i.renderingStartTime=0,i.last=s,i.tail=n,i.tailMode=l)}function sp(e,t,n){var s=t.pendingProps,l=s.revealOrder,i=s.tail;if(vt(e,t,s.children,n),s=Ue.current,s&2)s=s&1|2,t.flags|=128;else{if(e!==null&&e.flags&128)e:for(e=t.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&Bd(e,n,t);else if(e.tag===19)Bd(e,n,t);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;e.sibling===null;){if(e.return===null||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}s&=1}if(Le(Ue,s),!(t.mode&1))t.memoizedState=null;else switch(l){case"forwards":for(n=t.child,l=null;n!==null;)e=n.alternate,e!==null&&ta(e)===null&&(l=n),n=n.sibling;n=l,n===null?(l=t.child,t.child=null):(l=n.sibling,n.sibling=null),ho(t,!1,l,n,i);break;case"backwards":for(n=null,l=t.child,t.child=null;l!==null;){if(e=l.alternate,e!==null&&ta(e)===null){t.child=l;break}e=l.sibling,l.sibling=n,n=l,l=e}ho(t,!0,n,null,i);break;case"together":ho(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function Ci(e,t){!(t.mode&1)&&e!==null&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Mn(e,t,n){if(e!==null&&(t.dependencies=e.dependencies),zr|=t.lanes,!(n&t.childLanes))return null;if(e!==null&&t.child!==e.child)throw Error(b(153));if(t.child!==null){for(e=t.child,n=dr(e,e.pendingProps),t.child=n,n.return=t;e.sibling!==null;)e=e.sibling,n=n.sibling=dr(e,e.pendingProps),n.return=t;n.sibling=null}return t.child}function NE(e,t,n){switch(t.tag){case 3:np(t),Ns();break;case 5:kh(t);break;case 1:kt(t.type)&&Xi(t);break;case 4:mu(t,t.stateNode.containerInfo);break;case 10:var s=t.type._context,l=t.memoizedProps.value;Le(Zi,s._currentValue),s._currentValue=l;break;case 13:if(s=t.memoizedState,s!==null)return s.dehydrated!==null?(Le(Ue,Ue.current&1),t.flags|=128,null):n&t.child.childLanes?rp(e,t,n):(Le(Ue,Ue.current&1),e=Mn(e,t,n),e!==null?e.sibling:null);Le(Ue,Ue.current&1);break;case 19:if(s=(n&t.childLanes)!==0,e.flags&128){if(s)return sp(e,t,n);t.flags|=128}if(l=t.memoizedState,l!==null&&(l.rendering=null,l.tail=null,l.lastEffect=null),Le(Ue,Ue.current),s)break;return null;case 22:case 23:return t.lanes=0,ep(e,t,n)}return Mn(e,t,n)}var lp,fc,ip,ap;lp=function(e,t){for(var n=t.child;n!==null;){if(n.tag===5||n.tag===6)e.appendChild(n.stateNode);else if(n.tag!==4&&n.child!==null){n.child.return=n,n=n.child;continue}if(n===t)break;for(;n.sibling===null;){if(n.return===null||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}};fc=function(){};ip=function(e,t,n,s){var l=e.memoizedProps;if(l!==s){e=t.stateNode,Ir(Sn.current);var i=null;switch(n){case"input":l=Do(e,l),s=Do(e,s),i=[];break;case"select":l=ze({},l,{value:void 0}),s=ze({},s,{value:void 0}),i=[];break;case"textarea":l=Fo(e,l),s=Fo(e,s),i=[];break;default:typeof l.onClick!="function"&&typeof s.onClick=="function"&&(e.onclick=qi)}bo(n,s);var a;n=null;for(u in l)if(!s.hasOwnProperty(u)&&l.hasOwnProperty(u)&&l[u]!=null)if(u==="style"){var o=l[u];for(a in o)o.hasOwnProperty(a)&&(n||(n={}),n[a]="")}else u!=="dangerouslySetInnerHTML"&&u!=="children"&&u!=="suppressContentEditableWarning"&&u!=="suppressHydrationWarning"&&u!=="autoFocus"&&(hl.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in s){var c=s[u];if(o=l!=null?l[u]:void 0,s.hasOwnProperty(u)&&c!==o&&(c!=null||o!=null))if(u==="style")if(o){for(a in o)!o.hasOwnProperty(a)||c&&c.hasOwnProperty(a)||(n||(n={}),n[a]="");for(a in c)c.hasOwnProperty(a)&&o[a]!==c[a]&&(n||(n={}),n[a]=c[a])}else n||(i||(i=[]),i.push(u,n)),n=c;else u==="dangerouslySetInnerHTML"?(c=c?c.__html:void 0,o=o?o.__html:void 0,c!=null&&o!==c&&(i=i||[]).push(u,c)):u==="children"?typeof c!="string"&&typeof c!="number"||(i=i||[]).push(u,""+c):u!=="suppressContentEditableWarning"&&u!=="suppressHydrationWarning"&&(hl.hasOwnProperty(u)?(c!=null&&u==="onScroll"&&Ie("scroll",e),i||o===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}};ap=function(e,t,n,s){n!==s&&(t.flags|=4)};function bs(e,t){if(!Me)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;t!==null;)t.alternate!==null&&(n=t),t=t.sibling;n===null?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var s=null;n!==null;)n.alternate!==null&&(s=n),n=n.sibling;s===null?t||e.tail===null?e.tail=null:e.tail.sibling=null:s.sibling=null}}function dt(e){var t=e.alternate!==null&&e.alternate.child===e.child,n=0,s=0;if(t)for(var l=e.child;l!==null;)n|=l.lanes|l.childLanes,s|=l.subtreeFlags&14680064,s|=l.flags&14680064,l.return=e,l=l.sibling;else for(l=e.child;l!==null;)n|=l.lanes|l.childLanes,s|=l.subtreeFlags,s|=l.flags,l.return=e,l=l.sibling;return e.subtreeFlags|=s,e.childLanes=n,t}function SE(e,t,n){var s=t.pendingProps;switch(iu(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return dt(t),null;case 1:return kt(t.type)&&Yi(),dt(t),null;case 3:return s=t.stateNode,ys(),Oe(It),Oe(ht),pu(),s.pendingContext&&(s.context=s.pendingContext,s.pendingContext=null),(e===null||e.child===null)&&(ei(t)?t.flags|=4:e===null||e.memoizedState.isDehydrated&&!(t.flags&256)||(t.flags|=1024,on!==null&&(jc(on),on=null))),fc(e,t),dt(t),null;case 5:hu(t);var l=Ir(wl.current);if(n=t.type,e!==null&&t.stateNode!=null)ip(e,t,n,s,l),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!s){if(t.stateNode===null)throw Error(b(166));return dt(t),null}if(e=Ir(Sn.current),ei(t)){s=t.stateNode,n=t.type;var i=t.memoizedProps;switch(s[jn]=t,s[Cl]=i,e=(t.mode&1)!==0,n){case"dialog":Ie("cancel",s),Ie("close",s);break;case"iframe":case"object":case"embed":Ie("load",s);break;case"video":case"audio":for(l=0;l<Qs.length;l++)Ie(Qs[l],s);break;case"source":Ie("error",s);break;case"img":case"image":case"link":Ie("error",s),Ie("load",s);break;case"details":Ie("toggle",s);break;case"input":Ju(s,i),Ie("invalid",s);break;case"select":s._wrapperState={wasMultiple:!!i.multiple},Ie("invalid",s);break;case"textarea":td(s,i),Ie("invalid",s)}bo(n,i),l=null;for(var a in i)if(i.hasOwnProperty(a)){var o=i[a];a==="children"?typeof o=="string"?s.textContent!==o&&(i.suppressHydrationWarning!==!0&&Jl(s.textContent,o,e),l=["children",o]):typeof o=="number"&&s.textContent!==""+o&&(i.suppressHydrationWarning!==!0&&Jl(s.textContent,o,e),l=["children",""+o]):hl.hasOwnProperty(a)&&o!=null&&a==="onScroll"&&Ie("scroll",s)}switch(n){case"input":Vl(s),ed(s,i,!0);break;case"textarea":Vl(s),nd(s);break;case"select":case"option":break;default:typeof i.onClick=="function"&&(s.onclick=qi)}s=l,t.updateQueue=s,s!==null&&(t.flags|=4)}else{a=l.nodeType===9?l:l.ownerDocument,e==="http://www.w3.org/1999/xhtml"&&(e=Dm(n)),e==="http://www.w3.org/1999/xhtml"?n==="script"?(e=a.createElement("div"),e.innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):typeof s.is=="string"?e=a.createElement(n,{is:s.is}):(e=a.createElement(n),n==="select"&&(a=e,s.multiple?a.multiple=!0:s.size&&(a.size=s.size))):e=a.createElementNS(e,n),e[jn]=t,e[Cl]=s,lp(e,t,!1,!1),t.stateNode=e;e:{switch(a=Ho(n,s),n){case"dialog":Ie("cancel",e),Ie("close",e),l=s;break;case"iframe":case"object":case"embed":Ie("load",e),l=s;break;case"video":case"audio":for(l=0;l<Qs.length;l++)Ie(Qs[l],e);l=s;break;case"source":Ie("error",e),l=s;break;case"img":case"image":case"link":Ie("error",e),Ie("load",e),l=s;break;case"details":Ie("toggle",e),l=s;break;case"input":Ju(e,s),l=Do(e,s),Ie("invalid",e);break;case"option":l=s;break;case"select":e._wrapperState={wasMultiple:!!s.multiple},l=ze({},s,{value:void 0}),Ie("invalid",e);break;case"textarea":td(e,s),l=Fo(e,s),Ie("invalid",e);break;default:l=s}bo(n,l),o=l;for(i in o)if(o.hasOwnProperty(i)){var c=o[i];i==="style"?Fm(e,c):i==="dangerouslySetInnerHTML"?(c=c?c.__html:void 0,c!=null&&Mm(e,c)):i==="children"?typeof c=="string"?(n!=="textarea"||c!=="")&&pl(e,c):typeof c=="number"&&pl(e,""+c):i!=="suppressContentEditableWarning"&&i!=="suppressHydrationWarning"&&i!=="autoFocus"&&(hl.hasOwnProperty(i)?c!=null&&i==="onScroll"&&Ie("scroll",e):c!=null&&Vc(e,i,c,a))}switch(n){case"input":Vl(e),ed(e,s,!1);break;case"textarea":Vl(e),nd(e);break;case"option":s.value!=null&&e.setAttribute("value",""+mr(s.value));break;case"select":e.multiple=!!s.multiple,i=s.value,i!=null?fs(e,!!s.multiple,i,!1):s.defaultValue!=null&&fs(e,!!s.multiple,s.defaultValue,!0);break;default:typeof l.onClick=="function"&&(e.onclick=qi)}switch(n){case"button":case"input":case"select":case"textarea":s=!!s.autoFocus;break e;case"img":s=!0;break e;default:s=!1}}s&&(t.flags|=4)}t.ref!==null&&(t.flags|=512,t.flags|=2097152)}return dt(t),null;case 6:if(e&&t.stateNode!=null)ap(e,t,e.memoizedProps,s);else{if(typeof s!="string"&&t.stateNode===null)throw Error(b(166));if(n=Ir(wl.current),Ir(Sn.current),ei(t)){if(s=t.stateNode,n=t.memoizedProps,s[jn]=t,(i=s.nodeValue!==n)&&(e=$t,e!==null))switch(e.tag){case 3:Jl(s.nodeValue,n,(e.mode&1)!==0);break;case 5:e.memoizedProps.suppressHydrationWarning!==!0&&Jl(s.nodeValue,n,(e.mode&1)!==0)}i&&(t.flags|=4)}else s=(n.nodeType===9?n:n.ownerDocument).createTextNode(s),s[jn]=t,t.stateNode=s}return dt(t),null;case 13:if(Oe(Ue),s=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(Me&&Ht!==null&&t.mode&1&&!(t.flags&128))Ch(),Ns(),t.flags|=98560,i=!1;else if(i=ei(t),s!==null&&s.dehydrated!==null){if(e===null){if(!i)throw Error(b(318));if(i=t.memoizedState,i=i!==null?i.dehydrated:null,!i)throw Error(b(317));i[jn]=t}else Ns(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;dt(t),i=!1}else on!==null&&(jc(on),on=null),i=!0;if(!i)return t.flags&65536?t:null}return t.flags&128?(t.lanes=n,t):(s=s!==null,s!==(e!==null&&e.memoizedState!==null)&&s&&(t.child.flags|=8192,t.mode&1&&(e===null||Ue.current&1?tt===0&&(tt=3):Tu())),t.updateQueue!==null&&(t.flags|=4),dt(t),null);case 4:return ys(),fc(e,t),e===null&&Sl(t.stateNode.containerInfo),dt(t),null;case 10:return uu(t.type._context),dt(t),null;case 17:return kt(t.type)&&Yi(),dt(t),null;case 19:if(Oe(Ue),i=t.memoizedState,i===null)return dt(t),null;if(s=(t.flags&128)!==0,a=i.rendering,a===null)if(s)bs(i,!1);else{if(tt!==0||e!==null&&e.flags&128)for(e=t.child;e!==null;){if(a=ta(e),a!==null){for(t.flags|=128,bs(i,!1),s=a.updateQueue,s!==null&&(t.updateQueue=s,t.flags|=4),t.subtreeFlags=0,s=n,n=t.child;n!==null;)i=n,e=s,i.flags&=14680066,a=i.alternate,a===null?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=a.childLanes,i.lanes=a.lanes,i.child=a.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=a.memoizedProps,i.memoizedState=a.memoizedState,i.updateQueue=a.updateQueue,i.type=a.type,e=a.dependencies,i.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return Le(Ue,Ue.current&1|2),t.child}e=e.sibling}i.tail!==null&&qe()>Rs&&(t.flags|=128,s=!0,bs(i,!1),t.lanes=4194304)}else{if(!s)if(e=ta(a),e!==null){if(t.flags|=128,s=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),bs(i,!0),i.tail===null&&i.tailMode==="hidden"&&!a.alternate&&!Me)return dt(t),null}else 2*qe()-i.renderingStartTime>Rs&&n!==1073741824&&(t.flags|=128,s=!0,bs(i,!1),t.lanes=4194304);i.isBackwards?(a.sibling=t.child,t.child=a):(n=i.last,n!==null?n.sibling=a:t.child=a,i.last=a)}return i.tail!==null?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=qe(),t.sibling=null,n=Ue.current,Le(Ue,s?n&1|2:n&1),t):(dt(t),null);case 22:case 23:return wu(),s=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==s&&(t.flags|=8192),s&&t.mode&1?Ft&1073741824&&(dt(t),t.subtreeFlags&6&&(t.flags|=8192)):dt(t),null;case 24:return null;case 25:return null}throw Error(b(156,t.tag))}function yE(e,t){switch(iu(t),t.tag){case 1:return kt(t.type)&&Yi(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return ys(),Oe(It),Oe(ht),pu(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return hu(t),null;case 13:if(Oe(Ue),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(b(340));Ns()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return Oe(Ue),null;case 4:return ys(),null;case 10:return uu(t.type._context),null;case 22:case 23:return wu(),null;case 24:return null;default:return null}}var ri=!1,mt=!1,CE=typeof WeakSet=="function"?WeakSet:Set,B=null;function cs(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(s){$e(e,t,s)}else n.current=null}function mc(e,t,n){try{n()}catch(s){$e(e,t,s)}}var Vd=!1;function RE(e,t){if(Ko=Bi,e=dh(),su(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var s=n.getSelection&&n.getSelection();if(s&&s.rangeCount!==0){n=s.anchorNode;var l=s.anchorOffset,i=s.focusNode;s=s.focusOffset;try{n.nodeType,i.nodeType}catch{n=null;break e}var a=0,o=-1,c=-1,u=0,d=0,m=e,h=null;t:for(;;){for(var E;m!==n||l!==0&&m.nodeType!==3||(o=a+l),m!==i||s!==0&&m.nodeType!==3||(c=a+s),m.nodeType===3&&(a+=m.nodeValue.length),(E=m.firstChild)!==null;)h=m,m=E;for(;;){if(m===e)break t;if(h===n&&++u===l&&(o=a),h===i&&++d===s&&(c=a),(E=m.nextSibling)!==null)break;m=h,h=m.parentNode}m=E}n=o===-1||c===-1?null:{start:o,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(Qo={focusedElem:e,selectionRange:n},Bi=!1,B=t;B!==null;)if(t=B,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,B=e;else for(;B!==null;){t=B;try{var N=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(N!==null){var v=N.memoizedProps,S=N.memoizedState,p=t.stateNode,x=p.getSnapshotBeforeUpdate(t.elementType===t.type?v:ln(t.type,v),S);p.__reactInternalSnapshotBeforeUpdate=x}break;case 3:var j=t.stateNode.containerInfo;j.nodeType===1?j.textContent="":j.nodeType===9&&j.documentElement&&j.removeChild(j.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(b(163))}}catch(y){$e(t,t.return,y)}if(e=t.sibling,e!==null){e.return=t.return,B=e;break}B=t.return}return N=Vd,Vd=!1,N}function al(e,t,n){var s=t.updateQueue;if(s=s!==null?s.lastEffect:null,s!==null){var l=s=s.next;do{if((l.tag&e)===e){var i=l.destroy;l.destroy=void 0,i!==void 0&&mc(t,n,i)}l=l.next}while(l!==s)}}function Ia(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var s=n.create;n.destroy=s()}n=n.next}while(n!==t)}}function hc(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function op(e){var t=e.alternate;t!==null&&(e.alternate=null,op(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[jn],delete t[Cl],delete t[ec],delete t[aE],delete t[oE])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function cp(e){return e.tag===5||e.tag===3||e.tag===4}function Gd(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||cp(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function pc(e,t,n){var s=e.tag;if(s===5||s===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=qi));else if(s!==4&&(e=e.child,e!==null))for(pc(e,t,n),e=e.sibling;e!==null;)pc(e,t,n),e=e.sibling}function xc(e,t,n){var s=e.tag;if(s===5||s===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(s!==4&&(e=e.child,e!==null))for(xc(e,t,n),e=e.sibling;e!==null;)xc(e,t,n),e=e.sibling}var it=null,an=!1;function Fn(e,t,n){for(n=n.child;n!==null;)up(e,t,n),n=n.sibling}function up(e,t,n){if(Nn&&typeof Nn.onCommitFiberUnmount=="function")try{Nn.onCommitFiberUnmount(Sa,n)}catch{}switch(n.tag){case 5:mt||cs(n,t);case 6:var s=it,l=an;it=null,Fn(e,t,n),it=s,an=l,it!==null&&(an?(e=it,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):it.removeChild(n.stateNode));break;case 18:it!==null&&(an?(e=it,n=n.stateNode,e.nodeType===8?io(e.parentNode,n):e.nodeType===1&&io(e,n),gl(e)):io(it,n.stateNode));break;case 4:s=it,l=an,it=n.stateNode.containerInfo,an=!0,Fn(e,t,n),it=s,an=l;break;case 0:case 11:case 14:case 15:if(!mt&&(s=n.updateQueue,s!==null&&(s=s.lastEffect,s!==null))){l=s=s.next;do{var i=l,a=i.destroy;i=i.tag,a!==void 0&&(i&2||i&4)&&mc(n,t,a),l=l.next}while(l!==s)}Fn(e,t,n);break;case 1:if(!mt&&(cs(n,t),s=n.stateNode,typeof s.componentWillUnmount=="function"))try{s.props=n.memoizedProps,s.state=n.memoizedState,s.componentWillUnmount()}catch(o){$e(n,t,o)}Fn(e,t,n);break;case 21:Fn(e,t,n);break;case 22:n.mode&1?(mt=(s=mt)||n.memoizedState!==null,Fn(e,t,n),mt=s):Fn(e,t,n);break;default:Fn(e,t,n)}}function qd(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new CE),t.forEach(function(s){var l=DE.bind(null,e,s);n.has(s)||(n.add(s),s.then(l,l))})}}function sn(e,t){var n=t.deletions;if(n!==null)for(var s=0;s<n.length;s++){var l=n[s];try{var i=e,a=t,o=a;e:for(;o!==null;){switch(o.tag){case 5:it=o.stateNode,an=!1;break e;case 3:it=o.stateNode.containerInfo,an=!0;break e;case 4:it=o.stateNode.containerInfo,an=!0;break e}o=o.return}if(it===null)throw Error(b(160));up(i,a,l),it=null,an=!1;var c=l.alternate;c!==null&&(c.return=null),l.return=null}catch(u){$e(l,t,u)}}if(t.subtreeFlags&12854)for(t=t.child;t!==null;)dp(t,e),t=t.sibling}function dp(e,t){var n=e.alternate,s=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(sn(t,e),vn(e),s&4){try{al(3,e,e.return),Ia(3,e)}catch(v){$e(e,e.return,v)}try{al(5,e,e.return)}catch(v){$e(e,e.return,v)}}break;case 1:sn(t,e),vn(e),s&512&&n!==null&&cs(n,n.return);break;case 5:if(sn(t,e),vn(e),s&512&&n!==null&&cs(n,n.return),e.flags&32){var l=e.stateNode;try{pl(l,"")}catch(v){$e(e,e.return,v)}}if(s&4&&(l=e.stateNode,l!=null)){var i=e.memoizedProps,a=n!==null?n.memoizedProps:i,o=e.type,c=e.updateQueue;if(e.updateQueue=null,c!==null)try{o==="input"&&i.type==="radio"&&i.name!=null&&_m(l,i),Ho(o,a);var u=Ho(o,i);for(a=0;a<c.length;a+=2){var d=c[a],m=c[a+1];d==="style"?Fm(l,m):d==="dangerouslySetInnerHTML"?Mm(l,m):d==="children"?pl(l,m):Vc(l,d,m,u)}switch(o){case"input":Mo(l,i);break;case"textarea":Om(l,i);break;case"select":var h=l._wrapperState.wasMultiple;l._wrapperState.wasMultiple=!!i.multiple;var E=i.value;E!=null?fs(l,!!i.multiple,E,!1):h!==!!i.multiple&&(i.defaultValue!=null?fs(l,!!i.multiple,i.defaultValue,!0):fs(l,!!i.multiple,i.multiple?[]:"",!1))}l[Cl]=i}catch(v){$e(e,e.return,v)}}break;case 6:if(sn(t,e),vn(e),s&4){if(e.stateNode===null)throw Error(b(162));l=e.stateNode,i=e.memoizedProps;try{l.nodeValue=i}catch(v){$e(e,e.return,v)}}break;case 3:if(sn(t,e),vn(e),s&4&&n!==null&&n.memoizedState.isDehydrated)try{gl(t.containerInfo)}catch(v){$e(e,e.return,v)}break;case 4:sn(t,e),vn(e);break;case 13:sn(t,e),vn(e),l=e.child,l.flags&8192&&(i=l.memoizedState!==null,l.stateNode.isHidden=i,!i||l.alternate!==null&&l.alternate.memoizedState!==null||(Cu=qe())),s&4&&qd(e);break;case 22:if(d=n!==null&&n.memoizedState!==null,e.mode&1?(mt=(u=mt)||d,sn(t,e),mt=u):sn(t,e),vn(e),s&8192){if(u=e.memoizedState!==null,(e.stateNode.isHidden=u)&&!d&&e.mode&1)for(B=e,d=e.child;d!==null;){for(m=B=d;B!==null;){switch(h=B,E=h.child,h.tag){case 0:case 11:case 14:case 15:al(4,h,h.return);break;case 1:cs(h,h.return);var N=h.stateNode;if(typeof N.componentWillUnmount=="function"){s=h,n=h.return;try{t=s,N.props=t.memoizedProps,N.state=t.memoizedState,N.componentWillUnmount()}catch(v){$e(s,n,v)}}break;case 5:cs(h,h.return);break;case 22:if(h.memoizedState!==null){Xd(m);continue}}E!==null?(E.return=h,B=E):Xd(m)}d=d.sibling}e:for(d=null,m=e;;){if(m.tag===5){if(d===null){d=m;try{l=m.stateNode,u?(i=l.style,typeof i.setProperty=="function"?i.setProperty("display","none","important"):i.display="none"):(o=m.stateNode,c=m.memoizedProps.style,a=c!=null&&c.hasOwnProperty("display")?c.display:null,o.style.display=Pm("display",a))}catch(v){$e(e,e.return,v)}}}else if(m.tag===6){if(d===null)try{m.stateNode.nodeValue=u?"":m.memoizedProps}catch(v){$e(e,e.return,v)}}else if((m.tag!==22&&m.tag!==23||m.memoizedState===null||m===e)&&m.child!==null){m.child.return=m,m=m.child;continue}if(m===e)break e;for(;m.sibling===null;){if(m.return===null||m.return===e)break e;d===m&&(d=null),m=m.return}d===m&&(d=null),m.sibling.return=m.return,m=m.sibling}}break;case 19:sn(t,e),vn(e),s&4&&qd(e);break;case 21:break;default:sn(t,e),vn(e)}}function vn(e){var t=e.flags;if(t&2){try{e:{for(var n=e.return;n!==null;){if(cp(n)){var s=n;break e}n=n.return}throw Error(b(160))}switch(s.tag){case 5:var l=s.stateNode;s.flags&32&&(pl(l,""),s.flags&=-33);var i=Gd(e);xc(e,i,l);break;case 3:case 4:var a=s.stateNode.containerInfo,o=Gd(e);pc(e,o,a);break;default:throw Error(b(161))}}catch(c){$e(e,e.return,c)}e.flags&=-3}t&4096&&(e.flags&=-4097)}function wE(e,t,n){B=e,fp(e)}function fp(e,t,n){for(var s=(e.mode&1)!==0;B!==null;){var l=B,i=l.child;if(l.tag===22&&s){var a=l.memoizedState!==null||ri;if(!a){var o=l.alternate,c=o!==null&&o.memoizedState!==null||mt;o=ri;var u=mt;if(ri=a,(mt=c)&&!u)for(B=l;B!==null;)a=B,c=a.child,a.tag===22&&a.memoizedState!==null?Kd(l):c!==null?(c.return=a,B=c):Kd(l);for(;i!==null;)B=i,fp(i),i=i.sibling;B=l,ri=o,mt=u}Yd(e)}else l.subtreeFlags&8772&&i!==null?(i.return=l,B=i):Yd(e)}}function Yd(e){for(;B!==null;){var t=B;if(t.flags&8772){var n=t.alternate;try{if(t.flags&8772)switch(t.tag){case 0:case 11:case 15:mt||Ia(5,t);break;case 1:var s=t.stateNode;if(t.flags&4&&!mt)if(n===null)s.componentDidMount();else{var l=t.elementType===t.type?n.memoizedProps:ln(t.type,n.memoizedProps);s.componentDidUpdate(l,n.memoizedState,s.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;i!==null&&kd(t,i,s);break;case 3:var a=t.updateQueue;if(a!==null){if(n=null,t.child!==null)switch(t.child.tag){case 5:n=t.child.stateNode;break;case 1:n=t.child.stateNode}kd(t,a,n)}break;case 5:var o=t.stateNode;if(n===null&&t.flags&4){n=o;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:break;case 4:break;case 12:break;case 13:if(t.memoizedState===null){var u=t.alternate;if(u!==null){var d=u.memoizedState;if(d!==null){var m=d.dehydrated;m!==null&&gl(m)}}}break;case 19:case 17:case 21:case 22:case 23:case 25:break;default:throw Error(b(163))}mt||t.flags&512&&hc(t)}catch(h){$e(t,t.return,h)}}if(t===e){B=null;break}if(n=t.sibling,n!==null){n.return=t.return,B=n;break}B=t.return}}function Xd(e){for(;B!==null;){var t=B;if(t===e){B=null;break}var n=t.sibling;if(n!==null){n.return=t.return,B=n;break}B=t.return}}function Kd(e){for(;B!==null;){var t=B;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{Ia(4,t)}catch(c){$e(t,n,c)}break;case 1:var s=t.stateNode;if(typeof s.componentDidMount=="function"){var l=t.return;try{s.componentDidMount()}catch(c){$e(t,l,c)}}var i=t.return;try{hc(t)}catch(c){$e(t,i,c)}break;case 5:var a=t.return;try{hc(t)}catch(c){$e(t,a,c)}}}catch(c){$e(t,t.return,c)}if(t===e){B=null;break}var o=t.sibling;if(o!==null){o.return=t.return,B=o;break}B=t.return}}var TE=Math.ceil,sa=Pn.ReactCurrentDispatcher,Su=Pn.ReactCurrentOwner,en=Pn.ReactCurrentBatchConfig,Ee=0,st=null,Qe=null,ot=0,Ft=0,us=xr(0),tt=0,Il=null,zr=0,ka=0,yu=0,ol=null,wt=null,Cu=0,Rs=1/0,Cn=null,la=!1,vc=null,cr=null,si=!1,Qn=null,ia=0,cl=0,Ec=null,Ri=-1,wi=0;function gt(){return Ee&6?qe():Ri!==-1?Ri:Ri=qe()}function ur(e){return e.mode&1?Ee&2&&ot!==0?ot&-ot:uE.transition!==null?(wi===0&&(wi=Xm()),wi):(e=ye,e!==0||(e=window.event,e=e===void 0?16:nh(e.type)),e):1}function dn(e,t,n,s){if(50<cl)throw cl=0,Ec=null,Error(b(185));Ul(e,n,s),(!(Ee&2)||e!==st)&&(e===st&&(!(Ee&2)&&(ka|=n),tt===4&&Xn(e,ot)),_t(e,s),n===1&&Ee===0&&!(t.mode&1)&&(Rs=qe()+500,Ta&&vr()))}function _t(e,t){var n=e.callbackNode;uv(e,t);var s=Wi(e,e===st?ot:0);if(s===0)n!==null&&ld(n),e.callbackNode=null,e.callbackPriority=0;else if(t=s&-s,e.callbackPriority!==t){if(n!=null&&ld(n),t===1)e.tag===0?cE(Qd.bind(null,e)):Nh(Qd.bind(null,e)),lE(function(){!(Ee&6)&&vr()}),n=null;else{switch(Km(s)){case 1:n=Kc;break;case 4:n=qm;break;case 16:n=$i;break;case 536870912:n=Ym;break;default:n=$i}n=jp(n,mp.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function mp(e,t){if(Ri=-1,wi=0,Ee&6)throw Error(b(327));var n=e.callbackNode;if(vs()&&e.callbackNode!==n)return null;var s=Wi(e,e===st?ot:0);if(s===0)return null;if(s&30||s&e.expiredLanes||t)t=aa(e,s);else{t=s;var l=Ee;Ee|=2;var i=pp();(st!==e||ot!==t)&&(Cn=null,Rs=qe()+500,Dr(e,t));do try{IE();break}catch(o){hp(e,o)}while(1);cu(),sa.current=i,Ee=l,Qe!==null?t=0:(st=null,ot=0,t=tt)}if(t!==0){if(t===2&&(l=Vo(e),l!==0&&(s=l,t=gc(e,l))),t===1)throw n=Il,Dr(e,0),Xn(e,s),_t(e,qe()),n;if(t===6)Xn(e,s);else{if(l=e.current.alternate,!(s&30)&&!LE(l)&&(t=aa(e,s),t===2&&(i=Vo(e),i!==0&&(s=i,t=gc(e,i))),t===1))throw n=Il,Dr(e,0),Xn(e,s),_t(e,qe()),n;switch(e.finishedWork=l,e.finishedLanes=s,t){case 0:case 1:throw Error(b(345));case 2:Cr(e,wt,Cn);break;case 3:if(Xn(e,s),(s&130023424)===s&&(t=Cu+500-qe(),10<t)){if(Wi(e,0)!==0)break;if(l=e.suspendedLanes,(l&s)!==s){gt(),e.pingedLanes|=e.suspendedLanes&l;break}e.timeoutHandle=Jo(Cr.bind(null,e,wt,Cn),t);break}Cr(e,wt,Cn);break;case 4:if(Xn(e,s),(s&4194240)===s)break;for(t=e.eventTimes,l=-1;0<s;){var a=31-un(s);i=1<<a,a=t[a],a>l&&(l=a),s&=~i}if(s=l,s=qe()-s,s=(120>s?120:480>s?480:1080>s?1080:1920>s?1920:3e3>s?3e3:4320>s?4320:1960*TE(s/1960))-s,10<s){e.timeoutHandle=Jo(Cr.bind(null,e,wt,Cn),s);break}Cr(e,wt,Cn);break;case 5:Cr(e,wt,Cn);break;default:throw Error(b(329))}}}return _t(e,qe()),e.callbackNode===n?mp.bind(null,e):null}function gc(e,t){var n=ol;return e.current.memoizedState.isDehydrated&&(Dr(e,t).flags|=256),e=aa(e,t),e!==2&&(t=wt,wt=n,t!==null&&jc(t)),e}function jc(e){wt===null?wt=e:wt.push.apply(wt,e)}function LE(e){for(var t=e;;){if(t.flags&16384){var n=t.updateQueue;if(n!==null&&(n=n.stores,n!==null))for(var s=0;s<n.length;s++){var l=n[s],i=l.getSnapshot;l=l.value;try{if(!mn(i(),l))return!1}catch{return!1}}}if(n=t.child,t.subtreeFlags&16384&&n!==null)n.return=t,t=n;else{if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}function Xn(e,t){for(t&=~yu,t&=~ka,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-un(t),s=1<<n;e[n]=-1,t&=~s}}function Qd(e){if(Ee&6)throw Error(b(327));vs();var t=Wi(e,0);if(!(t&1))return _t(e,qe()),null;var n=aa(e,t);if(e.tag!==0&&n===2){var s=Vo(e);s!==0&&(t=s,n=gc(e,s))}if(n===1)throw n=Il,Dr(e,0),Xn(e,t),_t(e,qe()),n;if(n===6)throw Error(b(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,Cr(e,wt,Cn),_t(e,qe()),null}function Ru(e,t){var n=Ee;Ee|=1;try{return e(t)}finally{Ee=n,Ee===0&&(Rs=qe()+500,Ta&&vr())}}function $r(e){Qn!==null&&Qn.tag===0&&!(Ee&6)&&vs();var t=Ee;Ee|=1;var n=en.transition,s=ye;try{if(en.transition=null,ye=1,e)return e()}finally{ye=s,en.transition=n,Ee=t,!(Ee&6)&&vr()}}function wu(){Ft=us.current,Oe(us)}function Dr(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(n!==-1&&(e.timeoutHandle=-1,sE(n)),Qe!==null)for(n=Qe.return;n!==null;){var s=n;switch(iu(s),s.tag){case 1:s=s.type.childContextTypes,s!=null&&Yi();break;case 3:ys(),Oe(It),Oe(ht),pu();break;case 5:hu(s);break;case 4:ys();break;case 13:Oe(Ue);break;case 19:Oe(Ue);break;case 10:uu(s.type._context);break;case 22:case 23:wu()}n=n.return}if(st=e,Qe=e=dr(e.current,null),ot=Ft=t,tt=0,Il=null,yu=ka=zr=0,wt=ol=null,Ar!==null){for(t=0;t<Ar.length;t++)if(n=Ar[t],s=n.interleaved,s!==null){n.interleaved=null;var l=s.next,i=n.pending;if(i!==null){var a=i.next;i.next=l,s.next=a}n.pending=s}Ar=null}return e}function hp(e,t){do{var n=Qe;try{if(cu(),Si.current=ra,na){for(var s=He.memoizedState;s!==null;){var l=s.queue;l!==null&&(l.pending=null),s=s.next}na=!1}if(Hr=0,rt=et=He=null,il=!1,Tl=0,Su.current=null,n===null||n.return===null){tt=1,Il=t,Qe=null;break}e:{var i=e,a=n.return,o=n,c=t;if(t=ot,o.flags|=32768,c!==null&&typeof c=="object"&&typeof c.then=="function"){var u=c,d=o,m=d.tag;if(!(d.mode&1)&&(m===0||m===11||m===15)){var h=d.alternate;h?(d.updateQueue=h.updateQueue,d.memoizedState=h.memoizedState,d.lanes=h.lanes):(d.updateQueue=null,d.memoizedState=null)}var E=Ud(a);if(E!==null){E.flags&=-257,bd(E,a,o,i,t),E.mode&1&&Fd(i,u,t),t=E,c=u;var N=t.updateQueue;if(N===null){var v=new Set;v.add(c),t.updateQueue=v}else N.add(c);break e}else{if(!(t&1)){Fd(i,u,t),Tu();break e}c=Error(b(426))}}else if(Me&&o.mode&1){var S=Ud(a);if(S!==null){!(S.flags&65536)&&(S.flags|=256),bd(S,a,o,i,t),au(Cs(c,o));break e}}i=c=Cs(c,o),tt!==4&&(tt=2),ol===null?ol=[i]:ol.push(i),i=a;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t;var p=Qh(i,c,t);Id(i,p);break e;case 1:o=c;var x=i.type,j=i.stateNode;if(!(i.flags&128)&&(typeof x.getDerivedStateFromError=="function"||j!==null&&typeof j.componentDidCatch=="function"&&(cr===null||!cr.has(j)))){i.flags|=65536,t&=-t,i.lanes|=t;var y=Zh(i,o,t);Id(i,y);break e}}i=i.return}while(i!==null)}vp(n)}catch(R){t=R,Qe===n&&n!==null&&(Qe=n=n.return);continue}break}while(1)}function pp(){var e=sa.current;return sa.current=ra,e===null?ra:e}function Tu(){(tt===0||tt===3||tt===2)&&(tt=4),st===null||!(zr&268435455)&&!(ka&268435455)||Xn(st,ot)}function aa(e,t){var n=Ee;Ee|=2;var s=pp();(st!==e||ot!==t)&&(Cn=null,Dr(e,t));do try{AE();break}catch(l){hp(e,l)}while(1);if(cu(),Ee=n,sa.current=s,Qe!==null)throw Error(b(261));return st=null,ot=0,tt}function AE(){for(;Qe!==null;)xp(Qe)}function IE(){for(;Qe!==null&&!tv();)xp(Qe)}function xp(e){var t=gp(e.alternate,e,Ft);e.memoizedProps=e.pendingProps,t===null?vp(e):Qe=t,Su.current=null}function vp(e){var t=e;do{var n=t.alternate;if(e=t.return,t.flags&32768){if(n=yE(n,t),n!==null){n.flags&=32767,Qe=n;return}if(e!==null)e.flags|=32768,e.subtreeFlags=0,e.deletions=null;else{tt=6,Qe=null;return}}else if(n=SE(n,t,Ft),n!==null){Qe=n;return}if(t=t.sibling,t!==null){Qe=t;return}Qe=t=e}while(t!==null);tt===0&&(tt=5)}function Cr(e,t,n){var s=ye,l=en.transition;try{en.transition=null,ye=1,kE(e,t,n,s)}finally{en.transition=l,ye=s}return null}function kE(e,t,n,s){do vs();while(Qn!==null);if(Ee&6)throw Error(b(327));n=e.finishedWork;var l=e.finishedLanes;if(n===null)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(b(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(dv(e,i),e===st&&(Qe=st=null,ot=0),!(n.subtreeFlags&2064)&&!(n.flags&2064)||si||(si=!0,jp($i,function(){return vs(),null})),i=(n.flags&15990)!==0,n.subtreeFlags&15990||i){i=en.transition,en.transition=null;var a=ye;ye=1;var o=Ee;Ee|=4,Su.current=null,RE(e,n),dp(n,e),Qv(Qo),Bi=!!Ko,Qo=Ko=null,e.current=n,wE(n),nv(),Ee=o,ye=a,en.transition=i}else e.current=n;if(si&&(si=!1,Qn=e,ia=l),i=e.pendingLanes,i===0&&(cr=null),lv(n.stateNode),_t(e,qe()),t!==null)for(s=e.onRecoverableError,n=0;n<t.length;n++)l=t[n],s(l.value,{componentStack:l.stack,digest:l.digest});if(la)throw la=!1,e=vc,vc=null,e;return ia&1&&e.tag!==0&&vs(),i=e.pendingLanes,i&1?e===Ec?cl++:(cl=0,Ec=e):cl=0,vr(),null}function vs(){if(Qn!==null){var e=Km(ia),t=en.transition,n=ye;try{if(en.transition=null,ye=16>e?16:e,Qn===null)var s=!1;else{if(e=Qn,Qn=null,ia=0,Ee&6)throw Error(b(331));var l=Ee;for(Ee|=4,B=e.current;B!==null;){var i=B,a=i.child;if(B.flags&16){var o=i.deletions;if(o!==null){for(var c=0;c<o.length;c++){var u=o[c];for(B=u;B!==null;){var d=B;switch(d.tag){case 0:case 11:case 15:al(8,d,i)}var m=d.child;if(m!==null)m.return=d,B=m;else for(;B!==null;){d=B;var h=d.sibling,E=d.return;if(op(d),d===u){B=null;break}if(h!==null){h.return=E,B=h;break}B=E}}}var N=i.alternate;if(N!==null){var v=N.child;if(v!==null){N.child=null;do{var S=v.sibling;v.sibling=null,v=S}while(v!==null)}}B=i}}if(i.subtreeFlags&2064&&a!==null)a.return=i,B=a;else e:for(;B!==null;){if(i=B,i.flags&2048)switch(i.tag){case 0:case 11:case 15:al(9,i,i.return)}var p=i.sibling;if(p!==null){p.return=i.return,B=p;break e}B=i.return}}var x=e.current;for(B=x;B!==null;){a=B;var j=a.child;if(a.subtreeFlags&2064&&j!==null)j.return=a,B=j;else e:for(a=x;B!==null;){if(o=B,o.flags&2048)try{switch(o.tag){case 0:case 11:case 15:Ia(9,o)}}catch(R){$e(o,o.return,R)}if(o===a){B=null;break e}var y=o.sibling;if(y!==null){y.return=o.return,B=y;break e}B=o.return}}if(Ee=l,vr(),Nn&&typeof Nn.onPostCommitFiberRoot=="function")try{Nn.onPostCommitFiberRoot(Sa,e)}catch{}s=!0}return s}finally{ye=n,en.transition=t}}return!1}function Zd(e,t,n){t=Cs(n,t),t=Qh(e,t,1),e=or(e,t,1),t=gt(),e!==null&&(Ul(e,1,t),_t(e,t))}function $e(e,t,n){if(e.tag===3)Zd(e,e,n);else for(;t!==null;){if(t.tag===3){Zd(t,e,n);break}else if(t.tag===1){var s=t.stateNode;if(typeof t.type.getDerivedStateFromError=="function"||typeof s.componentDidCatch=="function"&&(cr===null||!cr.has(s))){e=Cs(n,e),e=Zh(t,e,1),t=or(t,e,1),e=gt(),t!==null&&(Ul(t,1,e),_t(t,e));break}}t=t.return}}function _E(e,t,n){var s=e.pingCache;s!==null&&s.delete(t),t=gt(),e.pingedLanes|=e.suspendedLanes&n,st===e&&(ot&n)===n&&(tt===4||tt===3&&(ot&130023424)===ot&&500>qe()-Cu?Dr(e,0):yu|=n),_t(e,t)}function Ep(e,t){t===0&&(e.mode&1?(t=Yl,Yl<<=1,!(Yl&130023424)&&(Yl=4194304)):t=1);var n=gt();e=Dn(e,t),e!==null&&(Ul(e,t,n),_t(e,n))}function OE(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Ep(e,n)}function DE(e,t){var n=0;switch(e.tag){case 13:var s=e.stateNode,l=e.memoizedState;l!==null&&(n=l.retryLane);break;case 19:s=e.stateNode;break;default:throw Error(b(314))}s!==null&&s.delete(t),Ep(e,n)}var gp;gp=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||It.current)At=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return At=!1,NE(e,t,n);At=!!(e.flags&131072)}else At=!1,Me&&t.flags&1048576&&Sh(t,Qi,t.index);switch(t.lanes=0,t.tag){case 2:var s=t.type;Ci(e,t),e=t.pendingProps;var l=js(t,ht.current);xs(t,n),l=vu(null,t,s,e,l,n);var i=Eu();return t.flags|=1,typeof l=="object"&&l!==null&&typeof l.render=="function"&&l.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,kt(s)?(i=!0,Xi(t)):i=!1,t.memoizedState=l.state!==null&&l.state!==void 0?l.state:null,fu(t),l.updater=La,t.stateNode=l,l._reactInternals=t,ic(t,s,e,n),t=cc(null,t,s,!0,i,n)):(t.tag=0,Me&&i&&lu(t),vt(null,t,l,n),t=t.child),t;case 16:s=t.elementType;e:{switch(Ci(e,t),e=t.pendingProps,l=s._init,s=l(s._payload),t.type=s,l=t.tag=PE(s),e=ln(s,e),l){case 0:t=oc(null,t,s,e,n);break e;case 1:t=$d(null,t,s,e,n);break e;case 11:t=Hd(null,t,s,e,n);break e;case 14:t=zd(null,t,s,ln(s.type,e),n);break e}throw Error(b(306,s,""))}return t;case 0:return s=t.type,l=t.pendingProps,l=t.elementType===s?l:ln(s,l),oc(e,t,s,l,n);case 1:return s=t.type,l=t.pendingProps,l=t.elementType===s?l:ln(s,l),$d(e,t,s,l,n);case 3:e:{if(np(t),e===null)throw Error(b(387));s=t.pendingProps,i=t.memoizedState,l=i.element,wh(e,t),ea(t,s,null,n);var a=t.memoizedState;if(s=a.element,i.isDehydrated)if(i={element:s,isDehydrated:!1,cache:a.cache,pendingSuspenseBoundaries:a.pendingSuspenseBoundaries,transitions:a.transitions},t.updateQueue.baseState=i,t.memoizedState=i,t.flags&256){l=Cs(Error(b(423)),t),t=Wd(e,t,s,n,l);break e}else if(s!==l){l=Cs(Error(b(424)),t),t=Wd(e,t,s,n,l);break e}else for(Ht=ar(t.stateNode.containerInfo.firstChild),$t=t,Me=!0,on=null,n=Ih(t,null,s,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(Ns(),s===l){t=Mn(e,t,n);break e}vt(e,t,s,n)}t=t.child}return t;case 5:return kh(t),e===null&&rc(t),s=t.type,l=t.pendingProps,i=e!==null?e.memoizedProps:null,a=l.children,Zo(s,l)?a=null:i!==null&&Zo(s,i)&&(t.flags|=32),tp(e,t),vt(e,t,a,n),t.child;case 6:return e===null&&rc(t),null;case 13:return rp(e,t,n);case 4:return mu(t,t.stateNode.containerInfo),s=t.pendingProps,e===null?t.child=Ss(t,null,s,n):vt(e,t,s,n),t.child;case 11:return s=t.type,l=t.pendingProps,l=t.elementType===s?l:ln(s,l),Hd(e,t,s,l,n);case 7:return vt(e,t,t.pendingProps,n),t.child;case 8:return vt(e,t,t.pendingProps.children,n),t.child;case 12:return vt(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(s=t.type._context,l=t.pendingProps,i=t.memoizedProps,a=l.value,Le(Zi,s._currentValue),s._currentValue=a,i!==null)if(mn(i.value,a)){if(i.children===l.children&&!It.current){t=Mn(e,t,n);break e}}else for(i=t.child,i!==null&&(i.return=t);i!==null;){var o=i.dependencies;if(o!==null){a=i.child;for(var c=o.firstContext;c!==null;){if(c.context===s){if(i.tag===1){c=kn(-1,n&-n),c.tag=2;var u=i.updateQueue;if(u!==null){u=u.shared;var d=u.pending;d===null?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,c=i.alternate,c!==null&&(c.lanes|=n),sc(i.return,n,t),o.lanes|=n;break}c=c.next}}else if(i.tag===10)a=i.type===t.type?null:i.child;else if(i.tag===18){if(a=i.return,a===null)throw Error(b(341));a.lanes|=n,o=a.alternate,o!==null&&(o.lanes|=n),sc(a,n,t),a=i.sibling}else a=i.child;if(a!==null)a.return=i;else for(a=i;a!==null;){if(a===t){a=null;break}if(i=a.sibling,i!==null){i.return=a.return,a=i;break}a=a.return}i=a}vt(e,t,l.children,n),t=t.child}return t;case 9:return l=t.type,s=t.pendingProps.children,xs(t,n),l=tn(l),s=s(l),t.flags|=1,vt(e,t,s,n),t.child;case 14:return s=t.type,l=ln(s,t.pendingProps),l=ln(s.type,l),zd(e,t,s,l,n);case 15:return Jh(e,t,t.type,t.pendingProps,n);case 17:return s=t.type,l=t.pendingProps,l=t.elementType===s?l:ln(s,l),Ci(e,t),t.tag=1,kt(s)?(e=!0,Xi(t)):e=!1,xs(t,n),Lh(t,s,l),ic(t,s,l,n),cc(null,t,s,!0,e,n);case 19:return sp(e,t,n);case 22:return ep(e,t,n)}throw Error(b(156,t.tag))};function jp(e,t){return Gm(e,t)}function ME(e,t,n,s){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=s,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Jt(e,t,n,s){return new ME(e,t,n,s)}function Lu(e){return e=e.prototype,!(!e||!e.isReactComponent)}function PE(e){if(typeof e=="function")return Lu(e)?1:0;if(e!=null){if(e=e.$$typeof,e===qc)return 11;if(e===Yc)return 14}return 2}function dr(e,t){var n=e.alternate;return n===null?(n=Jt(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Ti(e,t,n,s,l,i){var a=2;if(s=e,typeof e=="function")Lu(e)&&(a=1);else if(typeof e=="string")a=5;else e:switch(e){case es:return Mr(n.children,l,i,t);case Gc:a=8,l|=8;break;case Io:return e=Jt(12,n,t,l|2),e.elementType=Io,e.lanes=i,e;case ko:return e=Jt(13,n,t,l),e.elementType=ko,e.lanes=i,e;case _o:return e=Jt(19,n,t,l),e.elementType=_o,e.lanes=i,e;case Am:return _a(n,l,i,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case Tm:a=10;break e;case Lm:a=9;break e;case qc:a=11;break e;case Yc:a=14;break e;case Bn:a=16,s=null;break e}throw Error(b(130,e==null?e:typeof e,""))}return t=Jt(a,n,t,l),t.elementType=e,t.type=s,t.lanes=i,t}function Mr(e,t,n,s){return e=Jt(7,e,s,t),e.lanes=n,e}function _a(e,t,n,s){return e=Jt(22,e,s,t),e.elementType=Am,e.lanes=n,e.stateNode={isHidden:!1},e}function po(e,t,n){return e=Jt(6,e,null,t),e.lanes=n,e}function xo(e,t,n){return t=Jt(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function FE(e,t,n,s,l){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=Xa(0),this.expirationTimes=Xa(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Xa(0),this.identifierPrefix=s,this.onRecoverableError=l,this.mutableSourceEagerHydrationData=null}function Au(e,t,n,s,l,i,a,o,c){return e=new FE(e,t,n,o,c),t===1?(t=1,i===!0&&(t|=8)):t=0,i=Jt(3,null,null,t),e.current=i,i.stateNode=e,i.memoizedState={element:s,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},fu(i),e}function UE(e,t,n){var s=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:Jr,key:s==null?null:""+s,children:e,containerInfo:t,implementation:n}}function Np(e){if(!e)return hr;e=e._reactInternals;e:{if(Br(e)!==e||e.tag!==1)throw Error(b(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(kt(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(t!==null);throw Error(b(171))}if(e.tag===1){var n=e.type;if(kt(n))return jh(e,n,t)}return t}function Sp(e,t,n,s,l,i,a,o,c){return e=Au(n,s,!0,e,l,i,a,o,c),e.context=Np(null),n=e.current,s=gt(),l=ur(n),i=kn(s,l),i.callback=t??null,or(n,i,l),e.current.lanes=l,Ul(e,l,s),_t(e,s),e}function Oa(e,t,n,s){var l=t.current,i=gt(),a=ur(l);return n=Np(n),t.context===null?t.context=n:t.pendingContext=n,t=kn(i,a),t.payload={element:e},s=s===void 0?null:s,s!==null&&(t.callback=s),e=or(l,t,a),e!==null&&(dn(e,l,a,i),Ni(e,l,a)),a}function oa(e){if(e=e.current,!e.child)return null;switch(e.child.tag){case 5:return e.child.stateNode;default:return e.child.stateNode}}function Jd(e,t){if(e=e.memoizedState,e!==null&&e.dehydrated!==null){var n=e.retryLane;e.retryLane=n!==0&&n<t?n:t}}function Iu(e,t){Jd(e,t),(e=e.alternate)&&Jd(e,t)}function bE(){return null}var yp=typeof reportError=="function"?reportError:function(e){console.error(e)};function ku(e){this._internalRoot=e}Da.prototype.render=ku.prototype.render=function(e){var t=this._internalRoot;if(t===null)throw Error(b(409));Oa(e,t,null,null)};Da.prototype.unmount=ku.prototype.unmount=function(){var e=this._internalRoot;if(e!==null){this._internalRoot=null;var t=e.containerInfo;$r(function(){Oa(null,e,null,null)}),t[On]=null}};function Da(e){this._internalRoot=e}Da.prototype.unstable_scheduleHydration=function(e){if(e){var t=Jm();e={blockedOn:null,target:e,priority:t};for(var n=0;n<Yn.length&&t!==0&&t<Yn[n].priority;n++);Yn.splice(n,0,e),n===0&&th(e)}};function _u(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)}function Ma(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11&&(e.nodeType!==8||e.nodeValue!==" react-mount-point-unstable "))}function ef(){}function HE(e,t,n,s,l){if(l){if(typeof s=="function"){var i=s;s=function(){var u=oa(a);i.call(u)}}var a=Sp(t,s,e,0,null,!1,!1,"",ef);return e._reactRootContainer=a,e[On]=a.current,Sl(e.nodeType===8?e.parentNode:e),$r(),a}for(;l=e.lastChild;)e.removeChild(l);if(typeof s=="function"){var o=s;s=function(){var u=oa(c);o.call(u)}}var c=Au(e,0,!1,null,null,!1,!1,"",ef);return e._reactRootContainer=c,e[On]=c.current,Sl(e.nodeType===8?e.parentNode:e),$r(function(){Oa(t,c,n,s)}),c}function Pa(e,t,n,s,l){var i=n._reactRootContainer;if(i){var a=i;if(typeof l=="function"){var o=l;l=function(){var c=oa(a);o.call(c)}}Oa(t,a,e,l)}else a=HE(n,t,e,l,s);return oa(a)}Qm=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=Ks(t.pendingLanes);n!==0&&(Qc(t,n|1),_t(t,qe()),!(Ee&6)&&(Rs=qe()+500,vr()))}break;case 13:$r(function(){var s=Dn(e,1);if(s!==null){var l=gt();dn(s,e,1,l)}}),Iu(e,1)}};Zc=function(e){if(e.tag===13){var t=Dn(e,134217728);if(t!==null){var n=gt();dn(t,e,134217728,n)}Iu(e,134217728)}};Zm=function(e){if(e.tag===13){var t=ur(e),n=Dn(e,t);if(n!==null){var s=gt();dn(n,e,t,s)}Iu(e,t)}};Jm=function(){return ye};eh=function(e,t){var n=ye;try{return ye=e,t()}finally{ye=n}};$o=function(e,t,n){switch(t){case"input":if(Mo(e,n),t=n.name,n.type==="radio"&&t!=null){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var s=n[t];if(s!==e&&s.form===e.form){var l=wa(s);if(!l)throw Error(b(90));km(s),Mo(s,l)}}}break;case"textarea":Om(e,n);break;case"select":t=n.value,t!=null&&fs(e,!!n.multiple,t,!1)}};Hm=Ru;zm=$r;var zE={usingClientEntryPoint:!1,Events:[Hl,ss,wa,Um,bm,Ru]},Hs={findFiberByHostInstance:Lr,bundleType:0,version:"18.2.0",rendererPackageName:"react-dom"},$E={bundleType:Hs.bundleType,version:Hs.version,rendererPackageName:Hs.rendererPackageName,rendererConfig:Hs.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:Pn.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return e=Bm(e),e===null?null:e.stateNode},findFiberByHostInstance:Hs.findFiberByHostInstance||bE,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.2.0-next-9e3b772b8-20220608"};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"){var li=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!li.isDisabled&&li.supportsFiber)try{Sa=li.inject($E),Nn=li}catch{}}Vt.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=zE;Vt.createPortal=function(e,t){var n=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!_u(t))throw Error(b(200));return UE(e,t,null,n)};Vt.createRoot=function(e,t){if(!_u(e))throw Error(b(299));var n=!1,s="",l=yp;return t!=null&&(t.unstable_strictMode===!0&&(n=!0),t.identifierPrefix!==void 0&&(s=t.identifierPrefix),t.onRecoverableError!==void 0&&(l=t.onRecoverableError)),t=Au(e,1,!1,null,null,n,!1,s,l),e[On]=t.current,Sl(e.nodeType===8?e.parentNode:e),new ku(t)};Vt.findDOMNode=function(e){if(e==null)return null;if(e.nodeType===1)return e;var t=e._reactInternals;if(t===void 0)throw typeof e.render=="function"?Error(b(188)):(e=Object.keys(e).join(","),Error(b(268,e)));return e=Bm(t),e=e===null?null:e.stateNode,e};Vt.flushSync=function(e){return $r(e)};Vt.hydrate=function(e,t,n){if(!Ma(t))throw Error(b(200));return Pa(null,e,t,!0,n)};Vt.hydrateRoot=function(e,t,n){if(!_u(e))throw Error(b(405));var s=n!=null&&n.hydratedSources||null,l=!1,i="",a=yp;if(n!=null&&(n.unstable_strictMode===!0&&(l=!0),n.identifierPrefix!==void 0&&(i=n.identifierPrefix),n.onRecoverableError!==void 0&&(a=n.onRecoverableError)),t=Sp(t,null,e,1,n??null,l,!1,i,a),e[On]=t.current,Sl(e),s)for(e=0;e<s.length;e++)n=s[e],l=n._getVersion,l=l(n._source),t.mutableSourceEagerHydrationData==null?t.mutableSourceEagerHydrationData=[n,l]:t.mutableSourceEagerHydrationData.push(n,l);return new Da(t)};Vt.render=function(e,t,n){if(!Ma(t))throw Error(b(200));return Pa(null,e,t,!1,n)};Vt.unmountComponentAtNode=function(e){if(!Ma(e))throw Error(b(40));return e._reactRootContainer?($r(function(){Pa(null,null,e,!1,function(){e._reactRootContainer=null,e[On]=null})}),!0):!1};Vt.unstable_batchedUpdates=Ru;Vt.unstable_renderSubtreeIntoContainer=function(e,t,n,s){if(!Ma(n))throw Error(b(200));if(e==null||e._reactInternals===void 0)throw Error(b(38));return Pa(e,t,n,!1,s)};Vt.version="18.2.0-next-9e3b772b8-20220608";function Cp(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(Cp)}catch(e){console.error(e)}}Cp(),Sm.exports=Vt;var Rp=Sm.exports;const WE=Uc(Rp);var wp,tf=Rp;wp=tf.createRoot,tf.hydrateRoot;/**
+ * @remix-run/router v1.15.3
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */function kl(){return kl=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(e[s]=n[s])}return e},kl.apply(this,arguments)}var Zn;(function(e){e.Pop="POP",e.Push="PUSH",e.Replace="REPLACE"})(Zn||(Zn={}));const nf="popstate";function BE(e){e===void 0&&(e={});function t(l,i){let{pathname:a="/",search:o="",hash:c=""}=Vr(l.location.hash.substr(1));return!a.startsWith("/")&&!a.startsWith(".")&&(a="/"+a),Nc("",{pathname:a,search:o,hash:c},i.state&&i.state.usr||null,i.state&&i.state.key||"default")}function n(l,i){let a=l.document.querySelector("base"),o="";if(a&&a.getAttribute("href")){let c=l.location.href,u=c.indexOf("#");o=u===-1?c:c.slice(0,u)}return o+"#"+(typeof i=="string"?i:Tp(i))}function s(l,i){Ou(l.pathname.charAt(0)==="/","relative pathnames are not supported in hash history.push("+JSON.stringify(i)+")")}return GE(t,n,s,e)}function nt(e,t){if(e===!1||e===null||typeof e>"u")throw new Error(t)}function Ou(e,t){if(!e){typeof console<"u"&&console.warn(t);try{throw new Error(t)}catch{}}}function VE(){return Math.random().toString(36).substr(2,8)}function rf(e,t){return{usr:e.state,key:e.key,idx:t}}function Nc(e,t,n,s){return n===void 0&&(n=null),kl({pathname:typeof e=="string"?e:e.pathname,search:"",hash:""},typeof t=="string"?Vr(t):t,{state:n,key:t&&t.key||s||VE()})}function Tp(e){let{pathname:t="/",search:n="",hash:s=""}=e;return n&&n!=="?"&&(t+=n.charAt(0)==="?"?n:"?"+n),s&&s!=="#"&&(t+=s.charAt(0)==="#"?s:"#"+s),t}function Vr(e){let t={};if(e){let n=e.indexOf("#");n>=0&&(t.hash=e.substr(n),e=e.substr(0,n));let s=e.indexOf("?");s>=0&&(t.search=e.substr(s),e=e.substr(0,s)),e&&(t.pathname=e)}return t}function GE(e,t,n,s){s===void 0&&(s={});let{window:l=document.defaultView,v5Compat:i=!1}=s,a=l.history,o=Zn.Pop,c=null,u=d();u==null&&(u=0,a.replaceState(kl({},a.state,{idx:u}),""));function d(){return(a.state||{idx:null}).idx}function m(){o=Zn.Pop;let S=d(),p=S==null?null:S-u;u=S,c&&c({action:o,location:v.location,delta:p})}function h(S,p){o=Zn.Push;let x=Nc(v.location,S,p);n&&n(x,S),u=d()+1;let j=rf(x,u),y=v.createHref(x);try{a.pushState(j,"",y)}catch(R){if(R instanceof DOMException&&R.name==="DataCloneError")throw R;l.location.assign(y)}i&&c&&c({action:o,location:v.location,delta:1})}function E(S,p){o=Zn.Replace;let x=Nc(v.location,S,p);n&&n(x,S),u=d();let j=rf(x,u),y=v.createHref(x);a.replaceState(j,"",y),i&&c&&c({action:o,location:v.location,delta:0})}function N(S){let p=l.location.origin!=="null"?l.location.origin:l.location.href,x=typeof S=="string"?S:Tp(S);return x=x.replace(/ $/,"%20"),nt(p,"No window.location.(origin|href) available to create URL for href: "+x),new URL(x,p)}let v={get action(){return o},get location(){return e(l,a)},listen(S){if(c)throw new Error("A history only accepts one active listener");return l.addEventListener(nf,m),c=S,()=>{l.removeEventListener(nf,m),c=null}},createHref(S){return t(l,S)},createURL:N,encodeLocation(S){let p=N(S);return{pathname:p.pathname,search:p.search,hash:p.hash}},push:h,replace:E,go(S){return a.go(S)}};return v}var sf;(function(e){e.data="data",e.deferred="deferred",e.redirect="redirect",e.error="error"})(sf||(sf={}));function qE(e,t,n){n===void 0&&(n="/");let s=typeof t=="string"?Vr(t):t,l=Ip(s.pathname||"/",n);if(l==null)return null;let i=Lp(e);YE(i);let a=null;for(let o=0;a==null&&o<i.length;++o){let c=ig(l);a=rg(i[o],c)}return a}function Lp(e,t,n,s){t===void 0&&(t=[]),n===void 0&&(n=[]),s===void 0&&(s="");let l=(i,a,o)=>{let c={relativePath:o===void 0?i.path||"":o,caseSensitive:i.caseSensitive===!0,childrenIndex:a,route:i};c.relativePath.startsWith("/")&&(nt(c.relativePath.startsWith(s),'Absolute route path "'+c.relativePath+'" nested under path '+('"'+s+'" is not valid. An absolute child route path ')+"must start with the combined path of all its parent routes."),c.relativePath=c.relativePath.slice(s.length));let u=Pr([s,c.relativePath]),d=n.concat(c);i.children&&i.children.length>0&&(nt(i.index!==!0,"Index routes must not have child routes. Please remove "+('all child routes from route path "'+u+'".')),Lp(i.children,t,d,u)),!(i.path==null&&!i.index)&&t.push({path:u,score:tg(u,i.index),routesMeta:d})};return e.forEach((i,a)=>{var o;if(i.path===""||!((o=i.path)!=null&&o.includes("?")))l(i,a);else for(let c of Ap(i.path))l(i,a,c)}),t}function Ap(e){let t=e.split("/");if(t.length===0)return[];let[n,...s]=t,l=n.endsWith("?"),i=n.replace(/\?$/,"");if(s.length===0)return l?[i,""]:[i];let a=Ap(s.join("/")),o=[];return o.push(...a.map(c=>c===""?i:[i,c].join("/"))),l&&o.push(...a),o.map(c=>e.startsWith("/")&&c===""?"/":c)}function YE(e){e.sort((t,n)=>t.score!==n.score?n.score-t.score:ng(t.routesMeta.map(s=>s.childrenIndex),n.routesMeta.map(s=>s.childrenIndex)))}const XE=/^:[\w-]+$/,KE=3,QE=2,ZE=1,JE=10,eg=-2,lf=e=>e==="*";function tg(e,t){let n=e.split("/"),s=n.length;return n.some(lf)&&(s+=eg),t&&(s+=QE),n.filter(l=>!lf(l)).reduce((l,i)=>l+(XE.test(i)?KE:i===""?ZE:JE),s)}function ng(e,t){return e.length===t.length&&e.slice(0,-1).every((s,l)=>s===t[l])?e[e.length-1]-t[t.length-1]:0}function rg(e,t){let{routesMeta:n}=e,s={},l="/",i=[];for(let a=0;a<n.length;++a){let o=n[a],c=a===n.length-1,u=l==="/"?t:t.slice(l.length)||"/",d=sg({path:o.relativePath,caseSensitive:o.caseSensitive,end:c},u);if(!d)return null;Object.assign(s,d.params);let m=o.route;i.push({params:s,pathname:Pr([l,d.pathname]),pathnameBase:fg(Pr([l,d.pathnameBase])),route:m}),d.pathnameBase!=="/"&&(l=Pr([l,d.pathnameBase]))}return i}function sg(e,t){typeof e=="string"&&(e={path:e,caseSensitive:!1,end:!0});let[n,s]=lg(e.path,e.caseSensitive,e.end),l=t.match(n);if(!l)return null;let i=l[0],a=i.replace(/(.)\/+$/,"$1"),o=l.slice(1);return{params:s.reduce((u,d,m)=>{let{paramName:h,isOptional:E}=d;if(h==="*"){let v=o[m]||"";a=i.slice(0,i.length-v.length).replace(/(.)\/+$/,"$1")}const N=o[m];return E&&!N?u[h]=void 0:u[h]=(N||"").replace(/%2F/g,"/"),u},{}),pathname:i,pathnameBase:a,pattern:e}}function lg(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!0),Ou(e==="*"||!e.endsWith("*")||e.endsWith("/*"),'Route path "'+e+'" will be treated as if it were '+('"'+e.replace(/\*$/,"/*")+'" because the `*` character must ')+"always follow a `/` in the pattern. To get rid of this warning, "+('please change the route path to "'+e.replace(/\*$/,"/*")+'".'));let s=[],l="^"+e.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^${}|()[\]]/g,"\\$&").replace(/\/:([\w-]+)(\?)?/g,(a,o,c)=>(s.push({paramName:o,isOptional:c!=null}),c?"/?([^\\/]+)?":"/([^\\/]+)"));return e.endsWith("*")?(s.push({paramName:"*"}),l+=e==="*"||e==="/*"?"(.*)$":"(?:\\/(.+)|\\/*)$"):n?l+="\\/*$":e!==""&&e!=="/"&&(l+="(?:(?=\\/|$))"),[new RegExp(l,t?void 0:"i"),s]}function ig(e){try{return e.split("/").map(t=>decodeURIComponent(t).replace(/\//g,"%2F")).join("/")}catch(t){return Ou(!1,'The URL path "'+e+'" could not be decoded because it is is a malformed URL segment. This is probably due to a bad percent '+("encoding ("+t+").")),e}}function Ip(e,t){if(t==="/")return e;if(!e.toLowerCase().startsWith(t.toLowerCase()))return null;let n=t.endsWith("/")?t.length-1:t.length,s=e.charAt(n);return s&&s!=="/"?null:e.slice(n)||"/"}function ag(e,t){t===void 0&&(t="/");let{pathname:n,search:s="",hash:l=""}=typeof e=="string"?Vr(e):e;return{pathname:n?n.startsWith("/")?n:og(n,t):t,search:mg(s),hash:hg(l)}}function og(e,t){let n=t.replace(/\/+$/,"").split("/");return e.split("/").forEach(l=>{l===".."?n.length>1&&n.pop():l!=="."&&n.push(l)}),n.length>1?n.join("/"):"/"}function vo(e,t,n,s){return"Cannot include a '"+e+"' character in a manually specified "+("`to."+t+"` field ["+JSON.stringify(s)+"].  Please separate it out to the ")+("`to."+n+"` field. Alternatively you may provide the full path as ")+'a string in <Link to="..."> and the router will parse it for you.'}function cg(e){return e.filter((t,n)=>n===0||t.route.path&&t.route.path.length>0)}function ug(e,t){let n=cg(e);return t?n.map((s,l)=>l===e.length-1?s.pathname:s.pathnameBase):n.map(s=>s.pathnameBase)}function dg(e,t,n,s){s===void 0&&(s=!1);let l;typeof e=="string"?l=Vr(e):(l=kl({},e),nt(!l.pathname||!l.pathname.includes("?"),vo("?","pathname","search",l)),nt(!l.pathname||!l.pathname.includes("#"),vo("#","pathname","hash",l)),nt(!l.search||!l.search.includes("#"),vo("#","search","hash",l)));let i=e===""||l.pathname==="",a=i?"/":l.pathname,o;if(a==null)o=n;else{let m=t.length-1;if(!s&&a.startsWith("..")){let h=a.split("/");for(;h[0]==="..";)h.shift(),m-=1;l.pathname=h.join("/")}o=m>=0?t[m]:"/"}let c=ag(l,o),u=a&&a!=="/"&&a.endsWith("/"),d=(i||a===".")&&n.endsWith("/");return!c.pathname.endsWith("/")&&(u||d)&&(c.pathname+="/"),c}const Pr=e=>e.join("/").replace(/\/\/+/g,"/"),fg=e=>e.replace(/\/+$/,"").replace(/^\/*/,"/"),mg=e=>!e||e==="?"?"":e.startsWith("?")?e:"?"+e,hg=e=>!e||e==="#"?"":e.startsWith("#")?e:"#"+e;function pg(e){return e!=null&&typeof e.status=="number"&&typeof e.statusText=="string"&&typeof e.internal=="boolean"&&"data"in e}const kp=["post","put","patch","delete"];new Set(kp);const xg=["get",...kp];new Set(xg);/**
+ * React Router v6.22.3
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */function _l(){return _l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(e[s]=n[s])}return e},_l.apply(this,arguments)}const Du=f.createContext(null),vg=f.createContext(null),Fa=f.createContext(null),Ua=f.createContext(null),_s=f.createContext({outlet:null,matches:[],isDataRoute:!1}),_p=f.createContext(null);function ba(){return f.useContext(Ua)!=null}function Op(){return ba()||nt(!1),f.useContext(Ua).location}function Dp(e){f.useContext(Fa).static||f.useLayoutEffect(e)}function Eg(){let{isDataRoute:e}=f.useContext(_s);return e?kg():gg()}function gg(){ba()||nt(!1);let e=f.useContext(Du),{basename:t,future:n,navigator:s}=f.useContext(Fa),{matches:l}=f.useContext(_s),{pathname:i}=Op(),a=JSON.stringify(ug(l,n.v7_relativeSplatPath)),o=f.useRef(!1);return Dp(()=>{o.current=!0}),f.useCallback(function(u,d){if(d===void 0&&(d={}),!o.current)return;if(typeof u=="number"){s.go(u);return}let m=dg(u,JSON.parse(a),i,d.relative==="path");e==null&&t!=="/"&&(m.pathname=m.pathname==="/"?t:Pr([t,m.pathname])),(d.replace?s.replace:s.push)(m,d.state,d)},[t,s,a,i,e])}function jg(e,t){return Ng(e,t)}function Ng(e,t,n,s){ba()||nt(!1);let{navigator:l}=f.useContext(Fa),{matches:i}=f.useContext(_s),a=i[i.length-1],o=a?a.params:{};a&&a.pathname;let c=a?a.pathnameBase:"/";a&&a.route;let u=Op(),d;if(t){var m;let S=typeof t=="string"?Vr(t):t;c==="/"||(m=S.pathname)!=null&&m.startsWith(c)||nt(!1),d=S}else d=u;let h=d.pathname||"/",E=h;if(c!=="/"){let S=c.replace(/^\//,"").split("/");E="/"+h.replace(/^\//,"").split("/").slice(S.length).join("/")}let N=qE(e,{pathname:E}),v=wg(N&&N.map(S=>Object.assign({},S,{params:Object.assign({},o,S.params),pathname:Pr([c,l.encodeLocation?l.encodeLocation(S.pathname).pathname:S.pathname]),pathnameBase:S.pathnameBase==="/"?c:Pr([c,l.encodeLocation?l.encodeLocation(S.pathnameBase).pathname:S.pathnameBase])})),i,n,s);return t&&v?f.createElement(Ua.Provider,{value:{location:_l({pathname:"/",search:"",hash:"",state:null,key:"default"},d),navigationType:Zn.Pop}},v):v}function Sg(){let e=Ig(),t=pg(e)?e.status+" "+e.statusText:e instanceof Error?e.message:JSON.stringify(e),n=e instanceof Error?e.stack:null,l={padding:"0.5rem",backgroundColor:"rgba(200,200,200, 0.5)"},i=null;return f.createElement(f.Fragment,null,f.createElement("h2",null,"Unexpected Application Error!"),f.createElement("h3",{style:{fontStyle:"italic"}},t),n?f.createElement("pre",{style:l},n):null,i)}const yg=f.createElement(Sg,null);class Cg extends f.Component{constructor(t){super(t),this.state={location:t.location,revalidation:t.revalidation,error:t.error}}static getDerivedStateFromError(t){return{error:t}}static getDerivedStateFromProps(t,n){return n.location!==t.location||n.revalidation!=="idle"&&t.revalidation==="idle"?{error:t.error,location:t.location,revalidation:t.revalidation}:{error:t.error!==void 0?t.error:n.error,location:n.location,revalidation:t.revalidation||n.revalidation}}componentDidCatch(t,n){console.error("React Router caught the following error during render",t,n)}render(){return this.state.error!==void 0?f.createElement(_s.Provider,{value:this.props.routeContext},f.createElement(_p.Provider,{value:this.state.error,children:this.props.component})):this.props.children}}function Rg(e){let{routeContext:t,match:n,children:s}=e,l=f.useContext(Du);return l&&l.static&&l.staticContext&&(n.route.errorElement||n.route.ErrorBoundary)&&(l.staticContext._deepestRenderedBoundaryId=n.route.id),f.createElement(_s.Provider,{value:t},s)}function wg(e,t,n,s){var l;if(t===void 0&&(t=[]),n===void 0&&(n=null),s===void 0&&(s=null),e==null){var i;if((i=n)!=null&&i.errors)e=n.matches;else return null}let a=e,o=(l=n)==null?void 0:l.errors;if(o!=null){let d=a.findIndex(m=>m.route.id&&(o==null?void 0:o[m.route.id]));d>=0||nt(!1),a=a.slice(0,Math.min(a.length,d+1))}let c=!1,u=-1;if(n&&s&&s.v7_partialHydration)for(let d=0;d<a.length;d++){let m=a[d];if((m.route.HydrateFallback||m.route.hydrateFallbackElement)&&(u=d),m.route.id){let{loaderData:h,errors:E}=n,N=m.route.loader&&h[m.route.id]===void 0&&(!E||E[m.route.id]===void 0);if(m.route.lazy||N){c=!0,u>=0?a=a.slice(0,u+1):a=[a[0]];break}}}return a.reduceRight((d,m,h)=>{let E,N=!1,v=null,S=null;n&&(E=o&&m.route.id?o[m.route.id]:void 0,v=m.route.errorElement||yg,c&&(u<0&&h===0?(_g("route-fallback",!1),N=!0,S=null):u===h&&(N=!0,S=m.route.hydrateFallbackElement||null)));let p=t.concat(a.slice(0,h+1)),x=()=>{let j;return E?j=v:N?j=S:m.route.Component?j=f.createElement(m.route.Component,null):m.route.element?j=m.route.element:j=d,f.createElement(Rg,{match:m,routeContext:{outlet:d,matches:p,isDataRoute:n!=null},children:j})};return n&&(m.route.ErrorBoundary||m.route.errorElement||h===0)?f.createElement(Cg,{location:n.location,revalidation:n.revalidation,component:v,error:E,children:x(),routeContext:{outlet:null,matches:p,isDataRoute:!0}}):x()},null)}var Mp=function(e){return e.UseBlocker="useBlocker",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e}(Mp||{}),ca=function(e){return e.UseBlocker="useBlocker",e.UseLoaderData="useLoaderData",e.UseActionData="useActionData",e.UseRouteError="useRouteError",e.UseNavigation="useNavigation",e.UseRouteLoaderData="useRouteLoaderData",e.UseMatches="useMatches",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e.UseRouteId="useRouteId",e}(ca||{});function Tg(e){let t=f.useContext(Du);return t||nt(!1),t}function Lg(e){let t=f.useContext(vg);return t||nt(!1),t}function Ag(e){let t=f.useContext(_s);return t||nt(!1),t}function Pp(e){let t=Ag(),n=t.matches[t.matches.length-1];return n.route.id||nt(!1),n.route.id}function Ig(){var e;let t=f.useContext(_p),n=Lg(ca.UseRouteError),s=Pp(ca.UseRouteError);return t!==void 0?t:(e=n.errors)==null?void 0:e[s]}function kg(){let{router:e}=Tg(Mp.UseNavigateStable),t=Pp(ca.UseNavigateStable),n=f.useRef(!1);return Dp(()=>{n.current=!0}),f.useCallback(function(l,i){i===void 0&&(i={}),n.current&&(typeof l=="number"?e.navigate(l):e.navigate(l,_l({fromRouteId:t},i)))},[e,t])}const af={};function _g(e,t,n){!t&&!af[e]&&(af[e]=!0)}function Li(e){nt(!1)}function Og(e){let{basename:t="/",children:n=null,location:s,navigationType:l=Zn.Pop,navigator:i,static:a=!1,future:o}=e;ba()&&nt(!1);let c=t.replace(/^\/*/,"/"),u=f.useMemo(()=>({basename:c,navigator:i,static:a,future:_l({v7_relativeSplatPath:!1},o)}),[c,o,i,a]);typeof s=="string"&&(s=Vr(s));let{pathname:d="/",search:m="",hash:h="",state:E=null,key:N="default"}=s,v=f.useMemo(()=>{let S=Ip(d,c);return S==null?null:{location:{pathname:S,search:m,hash:h,state:E,key:N},navigationType:l}},[c,d,m,h,E,N,l]);return v==null?null:f.createElement(Fa.Provider,{value:u},f.createElement(Ua.Provider,{children:n,value:v}))}function Dg(e){let{children:t,location:n}=e;return jg(Sc(t),n)}new Promise(()=>{});function Sc(e,t){t===void 0&&(t=[]);let n=[];return f.Children.forEach(e,(s,l)=>{if(!f.isValidElement(s))return;let i=[...t,l];if(s.type===f.Fragment){n.push.apply(n,Sc(s.props.children,i));return}s.type!==Li&&nt(!1),!s.props.index||!s.props.children||nt(!1);let a={id:s.props.id||i.join("-"),caseSensitive:s.props.caseSensitive,element:s.props.element,Component:s.props.Component,index:s.props.index,path:s.props.path,loader:s.props.loader,action:s.props.action,errorElement:s.props.errorElement,ErrorBoundary:s.props.ErrorBoundary,hasErrorBoundary:s.props.ErrorBoundary!=null||s.props.errorElement!=null,shouldRevalidate:s.props.shouldRevalidate,handle:s.props.handle,lazy:s.props.lazy};s.props.children&&(a.children=Sc(s.props.children,i)),n.push(a)}),n}/**
+ * React Router DOM v6.22.3
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */const Mg="6";try{window.__reactRouterVersion=Mg}catch{}const Pg="startTransition",of=Ox[Pg];function Fg(e){let{basename:t,children:n,future:s,window:l}=e,i=f.useRef();i.current==null&&(i.current=BE({window:l,v5Compat:!0}));let a=i.current,[o,c]=f.useState({action:a.action,location:a.location}),{v7_startTransition:u}=s||{},d=f.useCallback(m=>{u&&of?of(()=>c(m)):c(m)},[c,u]);return f.useLayoutEffect(()=>a.listen(d),[a,d]),f.createElement(Og,{basename:t,children:n,location:o.location,navigationType:o.action,navigator:a,future:s})}var cf;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(cf||(cf={}));var uf;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(uf||(uf={}));const Ug="modulepreload",bg=function(e){return"/templates/"+e},df={},Hg=function(t,n,s){if(!n||n.length===0)return t();const l=document.getElementsByTagName("link");return Promise.all(n.map(i=>{if(i=bg(i),i in df)return;df[i]=!0;const a=i.endsWith(".css"),o=a?'[rel="stylesheet"]':"";if(!!s)for(let d=l.length-1;d>=0;d--){const m=l[d];if(m.href===i&&(!a||m.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${i}"]${o}`))return;const u=document.createElement("link");if(u.rel=a?"stylesheet":Ug,a||(u.as="script",u.crossOrigin=""),u.href=i,document.head.appendChild(u),a)return new Promise((d,m)=>{u.addEventListener("load",d),u.addEventListener("error",()=>m(new Error(`Unable to preload CSS for ${i}`)))})})).then(()=>t()).catch(i=>{const a=new Event("vite:preloadError",{cancelable:!0});if(a.payload=i,window.dispatchEvent(a),!a.defaultPrevented)throw i})},Fp=f.createContext({styled:!1,setStyled:()=>{}}),$=()=>{const e=f.useContext(Fp);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},zg=({children:e,theme:t})=>{const[n,s]=f.useState(!1);return f.useEffect(()=>{if(t){const l=document.createElement("link");return l.href=t,l.rel="stylesheet",l.type="text/css",document.head.appendChild(l),()=>{document.head.removeChild(l)}}else t||Hg(()=>Promise.resolve({}),["assets/trilogy-142b1c5a.css"])},[t]),r.jsx(Fp.Provider,{value:{styled:n,setStyled:s},children:e})};function Up(e){var t,n,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var l=e.length;for(t=0;t<l;t++)e[t]&&(n=Up(e[t]))&&(s&&(s+=" "),s+=n)}else for(n in e)e[n]&&(s&&(s+=" "),s+=n);return s}function g(){for(var e,t,n=0,s="",l=arguments.length;n<l;n++)(e=arguments[n])&&(t=Up(e))&&(s&&(s+=" "),s+=t);return s}const $g="e4daf4e",Wg={HASH:$g},T=(e=!1,t)=>t.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${Wg.HASH}`).join(" "):t,Mu=f.forwardRef((e,t)=>{const{className:n,testId:s,...l}=e,{styled:i}=$(),a=T(i,g("accordions",n));return r.jsx("section",{ref:t,className:a,...l,"data-testid":s})});var bp={exports:{}},Ai=1;function Bg(){return Ai=(Ai*9301+49297)%233280,Ai/233280}function Vg(e){Ai=e}var Gg={nextValue:Bg,seed:Vg},yc=Gg,wr="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_-",Jn,ff,Zs;function Cc(){Zs=!1}function Hp(e){if(!e){Jn!==wr&&(Jn=wr,Cc());return}if(e!==Jn){if(e.length!==wr.length)throw new Error("Custom alphabet for shortid must be "+wr.length+" unique characters. You submitted "+e.length+" characters: "+e);var t=e.split("").filter(function(n,s,l){return s!==l.lastIndexOf(n)});if(t.length)throw new Error("Custom alphabet for shortid must be "+wr.length+" unique characters. These characters were not unique: "+t.join(", "));Jn=e,Cc()}}function qg(e){return Hp(e),Jn}function Yg(e){yc.seed(e),ff!==e&&(Cc(),ff=e)}function Xg(){Jn||Hp(wr);for(var e=Jn.split(""),t=[],n=yc.nextValue(),s;e.length>0;)n=yc.nextValue(),s=Math.floor(n*e.length),t.push(e.splice(s,1)[0]);return t.join("")}function zp(){return Zs||(Zs=Xg(),Zs)}function Kg(e){var t=zp();return t[e]}function Qg(){return Jn||wr}var Pu={get:Qg,characters:qg,seed:Yg,lookup:Kg,shuffled:zp},Eo=typeof window=="object"&&(window.crypto||window.msCrypto),Rc;!Eo||!Eo.getRandomValues?Rc=function(e){for(var t=[],n=0;n<e;n++)t.push(Math.floor(Math.random()*256));return t}:Rc=function(e){return Eo.getRandomValues(new Uint8Array(e))};var Zg=Rc,Jg=function(e,t,n){for(var s=(2<<Math.log(t.length-1)/Math.LN2)-1,l=-~(1.6*s*n/t.length),i="";;)for(var a=e(l),o=l;o--;)if(i+=t[a[o]&s]||"",i.length===+n)return i},ej=Pu,tj=Zg,nj=Jg;function rj(e){for(var t=0,n,s="";!n;)s=s+nj(tj,ej.get(),1),n=e<Math.pow(16,t+1),t++;return s}var sj=rj,ii=sj,lj=1567752802062,ij=7,ai,mf;function aj(e){var t="",n=Math.floor((Date.now()-lj)*.001);return n===mf?ai++:(ai=0,mf=n),t=t+ii(ij),t=t+ii(e),ai>0&&(t=t+ii(ai)),t=t+ii(n),t}var oj=aj,cj=Pu;function uj(e){if(!e||typeof e!="string"||e.length<6)return!1;var t=new RegExp("[^"+cj.get().replace(/[|\\{}()[\]^$+*?.-]/g,"\\$&")+"]");return!t.test(e)}var dj=uj;(function(e){var t=Pu,n=oj,s=dj,l=0;function i(u){return t.seed(u),e.exports}function a(u){return l=u,e.exports}function o(u){return u!==void 0&&t.characters(u),t.shuffled()}function c(){return n(l)}e.exports=c,e.exports.generate=c,e.exports.seed=i,e.exports.worker=a,e.exports.characters=o,e.exports.isValid=s})(bp);var fj=bp.exports,mj=fj;const qt=Uc(mj);var $p=(e=>(e.Browser="browser",e.Server="server",e.Native="native",e))($p||{});const{Browser:Ii,Server:Wp,Native:Bp}=$p,hj=!!(typeof window<"u"&&window.document&&window.document.createElement),pj=typeof navigator<"u"&&navigator.product=="ReactNative",Yr=pj?Bp:hj?Ii:Wp,hf={isBrowser:Yr===Ii,isServer:Yr===Wp,isNative:Yr===Bp,device:Yr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Yr===Ii&&!!window.addEventListener,canUseViewport:Yr===Ii&&!!window.screen},xj=(...e)=>Object.assign({},...e),vj=e=>Object.values(e),Ej=()=>xj((vj(hf),hf));Ej();const er=({active:e,className:t,children:n,id:s=qt.generate(),onClick:l,disabled:i,onClose:a,onOpen:o,...c})=>{const u=f.useRef(null),{styled:d}=$(),[m,h]=f.useState(e||!1),[E,N]=f.useState(),[v,S]=f.useState();f.useEffect(()=>{var fe;const y=u.current;if(!y)return;const{floor:R,abs:L}=Math,w=(fe=y==null?void 0:y.children[1])==null?void 0:fe.firstChild,k=R(L(y.clientHeight+(w==null?void 0:w.clientHeight))).toString(),U=R(L(y.clientHeight)).toString(),F=R(L(y.clientHeight+1)).toString(),se=R(L(y.children[0].clientHeight)).toString();N(m?U:k),S(m?se:F)},[m]),f.useEffect(()=>{h(e||!1)},[e]);const p=T(d,g("accordion",t));let x;n&&(x=Array.isArray(n)?n.map((y,R)=>O.cloneElement(y,{key:`article-${R}`,dataId:R===0?`header-${s}`:`body-${s}`,disabled:i})):n);const j={};return i&&(j.tabIndex=-1,j["aria-disabled"]=!0),r.jsx("details",{open:m,...j,"data-testid":s,className:p,ref:u,id:s,...c,"data-collapsed":v,"data-expanded":E,onClick:y=>{o&&!m&&o(y),a&&m&&a(y),l&&l(y)},children:x})},tr=({children:e,className:t,testId:n,...s})=>{const{styled:l}=$();return r.jsx("summary",{"data-accordion-header":!0,className:T(l,g("accordion-header",t)),role:"button",...s,"data-testid":n,children:e})},nr=({children:e,className:t,dataId:n,testId:s,...l})=>{const{styled:i}=$();return r.jsx("div",{"data-accordion-body":!0,"data-id":n,"data-testid":s,className:T(i,g("accordion-body is-clipped",t)),...l,onClick:a=>{a.stopPropagation()},children:r.jsx("div",{className:T(i,g("accordion-content")),children:e})})},gj={icons:{},colors:{},fontFamily:{}},jj={theme:gj,setTheme:()=>{}},Nj=O.createContext(jj);var ce=(e=>(e.BACKGROUND="WHITE",e.FADE_BACKGROUND="FADE_WHITE",e.MAIN="MAIN",e.FADE_MAIN="FADE_MAIN",e.ACCENT="ACCENT",e.FADE_ACCENT="FADE_ACCENT",e.FONT="FONT",e.FADE_FONT="FADE_FONT",e.SUCCESS="SUCCESS",e.FADE_SUCCESS="FADE_SUCCESS",e.INFO="INFO",e.FADE_INFO="FADE_INFO",e.WARNING="WARNING",e.FADE_WARNING="FADE_WARNING",e.ERROR="ERROR",e.FADE_ERROR="FADE_ERROR",e.DISABLED="DISABLED",e.FADE_DISABLED="FADE_DISABLED",e.NEUTRAL="NEUTRAL",e.FADE_NEUTRAL="FADE_NEUTRAL",e))(ce||{});const ki={WHITE:["#fff","#E9E9E9","white","main"],MAIN:["#3d5d7e","#eff2f8","main","white"],ACCENT:["#da641b","#bb5118","accent","white"],FONT:["#3d5d7e","#BBC6CD","main","white"],SUCCESS:["#007B52","#cae8ca","success","white"],INFO:["#1A688A","#c8dbec","info","white"],WARNING:["#FFBB33","#ecdbc6","warning","white"],ERROR:["#D42D02","#eecccc","error","white"],DISABLED:["#646464","#D1D1D1","disabled","white"],NEUTRAL:["#707070","#F4F4F4","grey","white"]},jt=e=>ki[e][2],Sj=e=>{switch(e){case"CONVERSION":return"conversion";case"PRIMARY":return"primary";case"SECONDARY":return"secondary";case"GHOST":return"ghost";case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";case"DISABLED":return"disabled";default:return"primary"}},rr=(e,t)=>{if(e.startsWith("FADE_")&&(t=1,e=e.replace("FADE_","")),typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=f.useContext(Nj),s=(n==null?void 0:n.colors)||ki,l=s[e]||s.default,i=t&&t!==void 0&&t>=0&&t<l.length?t:0;return!e||!ki[e]?s.default:l[i]}else{const n=ki[e],s=t!==void 0&&t>=0&&t<n.length?t:0;return n[s]}},Bt=e=>e&&typeof e=="object"?`background-${jt(e.color)}${e.fade?"-fade":""}`:e.startsWith("FADE-")?`background-${jt(e.replace("FADE-",""))}-fade`:`background-${jt(e)}`,yj=e=>{switch(e){case"MAIN":return"text-main";case"ACCENT":return"text-accent";case"INFO":return"text-info";case"WHITE":return"text-white";case"NEUTRAL":return"text-neutral";case"SUCCESS":return"text-success";case"WARNING":return"text-warning";case"ERROR":return"text-error";default:return""}};var D=(e=>(e.ALERT="tri-alert",e.ARROW_DOWN="tri-arrow-down",e.ARROW_LEFT="tri-arrow-left",e.ARROW_RIGHT="tri-arrow-right",e.ARROW_UP="tri-arrow-up",e.BELL="tri-bell",e.CHECK_CIRCLE="tri-check-circle",e.CHECK="tri-check",e.EXCLAMATION_CIRCLE="tri-exclamation-circle",e.EYE_SLASH="tri-eye-slash",e.EYE="tri-eye",e.INFOS_CIRCLE="tri-infos-circle",e.SEARCH="tri-search",e.TIMES="tri-times",e.TIMES_CIRCLE="tri-times",e.TRASH="tri-trash",e.PICTO_FACILITI="tri-picto-faciliti",e.PICTO_HANDICAPZERO="tri-picto-handicapzero",e.PICTO_LA_FIBRE="tri-picto-la-fibre",e.PICTO_PAYMENT_AMERICANEXPRESS="tri-picto-payment-americanexpress",e.PICTO_PAYMENT_CB="tri-picto-payment-cb",e.PICTO_PAYMENT_MASTERCARD="tri-picto-payment-mastercard",e.PICTO_PAYMENT_PAYPAL="tri-picto-payment-paypal",e.PICTO_PAYMENT_VISA="tri-picto-payment-visa",e))(D||{}),K=(e=>(e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller",e))(K||{}),Ol=(e=>(e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE",e))(Ol||{}),ws=(e=>(e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.INFO="INFO",e.WARNING="WARNING",e.MAIN="MAIN",e.BACKGROUND="BACKGROUND",e.ACCENT="ACCENT",e.NEUTRAL="NEUTRAL",e.WHITE="WHITE",e.GREY="NEUTRAL",e))(ws||{}),bt=(e=>(e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right",e))(bt||{}),wc=(e=>(e.DIV="div",e.A="a",e.P="p",e.SPAN="span",e))(wc||{}),Tc=(e=>(e.TOP="top",e.BOTTOM="bottom",e))(Tc||{});function Cj(e,t){return!e&&!t?"":Z(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function Vp(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const C=Vp("is"),Z=Vp("has"),pf=({className:e,name:t,status:n,statusPosition:s,size:l,testId:i})=>{const{styled:a}=$(),o=T(a,g("icon",l&&C(`${l}`),C("ancestor"),Z("status"),e)),c=T(a,g("icon is-circled is-descendant",n&&C(`${n.toLowerCase()}`),s&&C(`${s}`))),u=T(a,g(n===Ol.SUCCESS?D.CHECK_CIRCLE:D.TIMES));return r.jsxs("span",{className:o,"aria-hidden":"true","data-testid":i,children:[r.jsx("span",{className:T(a,g(t))}),r.jsx("span",{className:c,children:r.jsx("i",{className:u})})]})},xf=({className:e,name:t,status:n,size:s,color:l,backgroundColor:i,testId:a})=>{const{styled:o}=$(),c=i&&Z(Bt(i))||Cj(n||"",Ol.INFO)||Z(Bt(ce.MAIN)),u=T(o,g("icon",Z(l?yj(l):"text-white"),C(l||ce.BACKGROUND),[C(`${s}`)],C("circled"),c,e)),d=T(o,g(t));return r.jsx("span",{className:u,"data-testid":a,children:r.jsx("i",{className:d})})},vf=({className:e,textClassName:t,name:n,content:s,position:l,markup:i,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=$(),h=i&&(E=>{if(E in wc||Object.values(wc).includes(E))return!0})(i)?i:"span";return l?r.jsxs("span",{className:T(d,g("icon-and-text",(l===bt.UP||l===bt.DOWN)&&C("stacked"),e)),children:[(l===bt.RIGHT||l===bt.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(h,{className:T(d,g(t)),id:a,"aria-level":o,role:c,children:String(s)}):s),r.jsx(z,{name:n,className:e,...u}),(l===bt.UP||l===bt.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?r.jsx(h,{className:T(d,g(t)),id:a,"aria-level":o,role:c,children:String(s)}):s)]}):r.jsxs("span",{className:T(d,g("icon-and-text",e)),children:[r.jsx(z,{name:n,...u}),s&&typeof s.valueOf()=="string"?r.jsx(h,{className:T(d,g(t)),id:a,"aria-level":o,role:c,children:String(s)}):s]})};var Ce=(e=>(e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END",e))(Ce||{});const In=e=>{switch(e){case"ALIGNED_CENTER":return"aligned-center";case"ALIGNED_START":return"aligned-start";case"ALIGNED_END":return"aligned-end";default:return"aligned-start"}},z=({className:e,textClassName:t,size:n,name:s,status:l,circled:i,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:m,stretched:h,color:E,backgroundColor:N,onClick:v,align:S,skeleton:p,verticalAlign:x,testId:j,marginless:y,...R})=>{const{styled:L}=$(),w=T(L,g("icon",h&&C("stretched"),n&&C(n),u&&C("stacked"),E&&C(`${jt(E)}`),p&&C("loading"),d&&C("stacked"),y&&C("marginless"),e));e=g(a&&x&&C(`${In(x)}`),e);const k=T(L,g(S&&In(S)==="aligned-start"&&Z("text-left")||In(S)==="aligned-center"&&Z("text-centered")||In(S)==="aligned-end"&&Z("text-right")));return i||i&&l?S?r.jsx("div",{className:k,children:r.jsx(xf,{testId:j,onClick:v&&v,className:e,name:s,status:l,size:n,color:E,backgroundColor:N,...R})}):r.jsx(xf,{testId:j,onClick:v&&v,className:e,name:s,status:l,size:n,color:E,backgroundColor:N,...R}):l?S?r.jsx("div",{className:k,children:r.jsx(pf,{testId:j,onClick:v&&v,statusPosition:m,className:e,name:s,size:n,status:l,...R})}):r.jsx(pf,{testId:j,onClick:v&&v,statusPosition:m,className:e,name:s,size:n,status:l,...R}):a&&!d?S?r.jsx("div",{className:k,children:r.jsx(vf,{testId:j,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:l,color:E,...R})}):r.jsx(vf,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:l,color:E,...R}):d?S?r.jsxs("div",{className:k,children:[r.jsxs("span",{onClick:v&&v,className:w,...R,children:[r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"}),r.jsx("span",{className:T(L,g("badge",C("up"))),children:d})]}),a&&r.jsx("span",{className:T(L,g(t)),children:a})]}):r.jsxs(r.Fragment,{children:[r.jsxs("span",{onClick:v&&v,className:w,...R,children:[r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"}),r.jsx("span",{className:T(L,g("badge",C("up"))),children:d})]}),a&&r.jsx("span",{className:T(L,g(t)),children:a})]}):h?S?r.jsx("div",{className:k,children:r.jsx("span",{onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})}):E?S?r.jsx("div",{className:k,children:r.jsx("span",{onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})})}):r.jsx("span",{onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})}):S?r.jsx("div",{className:k,children:r.jsx("span",{onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})})}):r.jsx("span",{"data-testid":j,onClick:v&&v,className:w,...R,children:r.jsx("i",{className:T(L,g(s)),"aria-hidden":"true"})})};var ua=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR",e))(ua||{});const Ha=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}},Rj=e=>{switch(e){case"SUCCESS":return D.CHECK_CIRCLE;case"INFO":return D.INFOS_CIRCLE;case"WARNING":return D.ALERT;case"ERROR":return D.EXCLAMATION_CIRCLE;default:return D.INFOS_CIRCLE}};var Rr=(e=>(e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL",e))(Rr||{}),Gp=(e=>(e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between",e))(Gp||{});const wj=e=>{switch(e){case"justified-center":return"centered";case"justified-start":return"justified-start";case"justified-end":return"justified-end";case"space-between":return"spaced-between";default:return"justified-start"}},Tj=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Lc=(e=>(e.TOP="TOP",e.BOTTOM="BOTTOM",e))(Lc||{}),qp=(e=>(e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO",e))(qp||{});const Lj=e=>{if(!e)return"";switch(e){case"MAIN":return"main";case"ACCENT":return"accent";case"PRIMARY":return"primary";case"SECONDARY":return"secondary";case"TERTIARY":return"tertiary";case"GHOST":return"ghost";case"INFO":return"info";default:return""}};var fr=(e=>(e.TEXT_CENTERED="has-text-centered",e.TEXT_JUSTIFIED="has-text-justified",e.TEXT_LEFT="has-text-left",e.TEXT_RIGHT="has-text-right",e))(fr||{}),kr=(e=>(e.TEXT_WEIGHT_NORMAL="has-text-weight-normal",e.TEXT_WEIGHT_MEDIUM="has-text-weight-medium",e.TEXT_WEIGHT_SEMIBOLD="has-text-weight-semibold",e.TEXT_WEIGHT_BOLD="has-text-weight-bold",e))(kr||{}),Zt=(e=>(e.TEXT_MAIN="has-text-main",e.TEXT_ACCENT="has-text-accent",e.TEXT_INFO="has-text-info",e.TEXT_SUCCESS="has-text-success",e.TEXT_WARNING="has-text-warning",e.TEXT_ERROR="has-text-error",e.TEXT_NEUTRAL="has-text-grey",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled",e))(Zt||{}),_e=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e))(_e||{}),lt=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(lt||{});const A=({level:e,markup:t,children:n,className:s,href:l,title:i,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:m,htmlContent:h,marginless:E,link:N,numberOfLines:v,...S})=>{const{styled:p}=$(),j=T(p,g(N?"link":"text",e&&(()=>{if(e)switch(e){case _e.ONE:return C("level-1");case _e.TWO:return C("level-2");case _e.THREE:return C("level-3");case _e.FOUR:return C("level-4");default:return C(`level-${e}`)}})(),c&&C("inverted"),o,C(u?"loading":"loaded"),E&&C("marginless"),v&&C("text-ellipsis"),s)),R=t&&(L=>{if(L in lt||Object.values(lt).includes(L))return!0})(t)?t:"p";return r.jsx(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":m,onClick:a,title:i,className:j,...h&&{dangerouslySetInnerHTML:{__html:h}},...R===lt.A&&{href:l},...S,children:n})};var M=(e=>(e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e.FIVE="FIVE",e.SIX="SIX",e))(M||{}),Ac=(e=>(e.H1="h1",e.H2="h2",e.H3="h3",e.H4="h4",e.H5="h5",e.H6="h6",e.P="p",e.SPAN="span",e.DIV="div",e))(Ac||{});const Aj=e=>{if(e)switch(e){case M.ONE:return C("level-1");case M.TWO:return C("level-2");case M.THREE:return C("level-3");case M.FOUR:return C("level-4");case M.FIVE:return C("level-5");case M.SIX:return C("level-6");default:return C(`level-${e}`)}},Ij=e=>e in Ac||Object.values(Ac).includes(e),_=({level:e=M.ONE,markup:t,children:n,className:s,typo:l,skeleton:i,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:m,marginless:h,htmlContent:E,...N})=>{const[v,S]=f.useState(i||!1),{styled:p}=$(),x=T(p,g("title",e&&Aj(e),l,C(v?"loading":"loaded"),a&&C("inverted"),h&&C("marginless"),s)),j=T(p,g("subtitle",l,s)),y=T(p,g("overline",l,s));f.useEffect(()=>{S(i||!1)},[i]);const R=t&&Ij(t)?t:"div",L=()=>d?j:m?y:x;return r.jsx(R,{"data-testid":c,"aria-label":u,onClick:o,className:L(),...E&&{dangerouslySetInnerHTML:{__html:E}},...N,children:n})},Ef=()=>0;O.createContext({show:Ef,hide:Ef});const Yp=({status:e,className:t,iconName:n,title:s,description:l,onClick:i,display:a,testId:o,...c})=>{const{styled:u}=$(),d=T(u,g("alert",Z("body"),e&&C(Ha(e)),t)),m=f.useMemo(()=>n??(e?Rj(e)??D.INFOS_CIRCLE:D.INFOS_CIRCLE),[n,alert]);return a?r.jsxs("div",{"data-testid":o,onClick:h=>{i==null||i(h),h.stopPropagation()},className:d,...c,children:[r.jsx(z,{name:m}),r.jsxs("div",{className:T(u,g("body")),children:[s&&typeof s.valueOf()=="string"?r.jsx(_,{level:M.SIX,children:s}):s,l&&typeof l.valueOf()=="string"?r.jsx(A,{children:l}):l]})]}):r.jsx("div",{})},pn=({children:e})=>r.jsx("div",{className:"autolayout",children:e});var da=(e=>(e.LEFT="left",e.RIGHT="right",e))(da||{}),Xp=(e=>(e.MAIN="MAIN",e))(Xp||{});const zs=({children:e,className:t,textContent:n,content:s,direction:l,onClick:i,testId:a,...o})=>{const{styled:c}=$(),u=T(c,g(n?"badge-and-text":"badge",t));return n?r.jsxs("div",{"data-testid":a,onClick:d=>{i==null||i(d),d.stopPropagation()},className:u,...o,children:[(!l||l===da.LEFT)&&r.jsx(A,{markup:lt.P,children:n}),r.jsx("span",{className:T(c,g("badge is-level")),children:s||e}),l===da.RIGHT&&r.jsx(A,{markup:lt.P,children:n})]}):r.jsx("div",{"data-testid":a,onClick:d=>{i==null||i(d),d.stopPropagation()},children:r.jsx(A,{className:g(n?"badge-and-text":"badge",t),markup:lt.SPAN,...o,children:s||e})})};var Fu=(e=>(e.DIV="div",e.A="a",e))(Fu||{});const ie=({inverted:e,children:t,className:n,onClick:s,markup:l,skeleton:i,to:a,background:o,highlighted:c,shadowless:u,backgroundSrc:d,testId:m,flat:h,hat:E,fullheight:N,active:v,...S})=>{const{styled:p}=$(),[x,j]=f.useState(i||!1),y=T(p,g("box",u&&C("shadowless"),n,o&&Z(Bt(o)),d&&Z("background"),e&&C("inverted")||C("base"),C(x?"loading":"loaded"),c&&`${C("highlighted")} ${C(jt(c))}`,h&&C("flat"),E&&Z("hat"),N&&C("fullheight"),v&&C("active")));if(f.useEffect(()=>{j(i||!1)},[i]),l===Fu.A||a)return r.jsx("a",{"data-testid":m,href:a,onClick:L=>{s==null||s(L)},className:y,...S,children:t});const R={cursor:"pointer"};return r.jsx("div",{style:s&&{...R},"data-testid":m,onClick:L=>{s==null||s(L)},className:y,...S,...d&&{style:{backgroundImage:`url(${d})`,backgroundSize:"cover",backgroundPosition:"50%"}},children:t})},he=({children:e,className:t,background:n,testId:s,...l})=>{const{styled:i}=$(),a=T(i,g("box-content",n&&Z(Bt(n)),t));return r.jsx("div",{"data-testid":s,className:a,...l,children:e})},Xr=({className:e,children:t,backgroundColor:n,testId:s,...l})=>{const{styled:i}=$();return r.jsx("div",{"data-testid":s,className:T(i,g("box-footer",n&&Z(Bt(n)),e)),...l,children:t})},Rn=({children:e,className:t,help:n,centered:s,pulledLeft:l,pulledRight:i,variant:a,testId:o,...c})=>{const{styled:u}=$(),d=T(u,g("box-header",t,s&&"has-text-centered",i&&"has-text-right",l&&"has-text-left",a&&Z(Bt(a))));return r.jsxs("header",{"data-testid":o,className:d,...c,children:[e&&typeof e.valueOf()=="string"?r.jsx("p",{children:e}):e,n&&r.jsx(A,{testId:o&&`${o}-help`,className:"box-header-help sticker is-small is-success",children:String(e)})]})},oi=e=>8*e;var kj=(e=>(e[e.NONE=0]="NONE",e[e.SMALL=oi(2)]="SMALL",e[e.MEDIUM=oi(4)]="MEDIUM",e[e.LARGE=oi(8)]="LARGE",e[e.HUGE=oi(12)]="HUGE",e))(kj||{});const ci=f.forwardRef((e,t)=>{const{children:n,className:s,testId:l,accessibilityLabel:i,...a}=e,{styled:o}=$();return r.jsx("nav",{ref:t,role:"navigation","data-testid":l,className:T(o,g("breadcrumb",s)),"aria-label":i,...a,children:r.jsx("ul",{children:n})})}),at=({children:e,className:t,removeLinkClass:n,to:s,href:l,title:i,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:m,inverted:h,blank:E,...N})=>{const{styled:v}=$(),S=g(m&&Z("icon"),o,h&&C("inverted"),t);if(d&&s){const x=d||"a",j=()=>r.jsx(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:T(v,g(S)),to:s||"",...E&&{target:"_blank"},...N,children:i||e});return o?r.jsx("div",{className:T(v,g(o)),children:r.jsx(j,{})}):r.jsx(j,{})}const p=()=>r.jsx(A,{link:!0,"data-testid":c,"aria-label":u,onClick:a&&a,title:i,markup:lt.A,className:S,href:l,...E&&{target:"_blank"},...N,children:m?r.jsxs(r.Fragment,{children:[r.jsx(A,{markup:"span",children:e}),r.jsx(z,{name:m,size:K.SMALL})]}):e});return o?r.jsx("div",{className:T(v,g(o)),children:r.jsx(p,{})}):r.jsx(p,{})},ft=({children:e,active:t,className:n,href:s,to:l,routerLink:i,testId:a,onClick:o,...c})=>{const{styled:u}=$(),d=T(u,g(t&&C("active"),n));if(i&&l){const m=i||"a";return r.jsx("li",{"data-testid":a,className:d,onClick:o,"aria-current":t?"page":void 0,children:r.jsx(m,{className:T(u,g("link")),to:l,...c,children:e})})}return r.jsx("li",{className:d,onClick:o,"aria-current":t?"page":void 0,children:r.jsx(at,{href:t?void 0:s,...c,children:e})})};var Ts=(e=>(e.BUTTON="button",e.INPUT="input",e.A="a",e))(Ts||{}),Te=(e=>(e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST",e))(Te||{});const te=({markup:e,loading:t,variant:n,href:s,id:l,fullwidth:i,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:m,name:h,routerLink:E,type:N,iconName:v,...S})=>{const p=S.disabled||!1,{styled:x}=$(),j=w=>{if(w in Ts||Object.values(Ts).includes(w))return!0},R=T(x,((w,k,U,F)=>g("button",C(w?"loading":"loaded"),k&&C(Sj(k)),U&&C("fullwidth"),F))(t,n,i,o)),L=e&&j(e)?e:"button";if(L==="button")return r.jsxs("button",{id:l,"data-testid":d,"aria-label":u,className:R,disabled:p,name:h,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},type:N??"button",...S,children:[v&&r.jsx(z,{className:a?"":"is-marginless",name:v}),a]});if(L==="input")return r.jsx("input",{id:l,"data-testid":d,className:R,"aria-label":u,name:h,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},disabled:p,type:N??"submit",value:`${a}`,...S});if(E&&c&&!p){const w=E||"a";return r.jsxs(w,{"aria-label":u,"data-testid":d,to:c,className:R,...S,children:[v&&r.jsx(z,{className:a?"":"is-marginless",name:v}),a]})}return r.jsxs("a",{id:l,"data-testid":d,"aria-label":u,className:R,href:s,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},...S,children:[v&&r.jsx(z,{className:a?"":"is-marginless",name:v}),a]})},Js=({className:e,centered:t,isMobile:n,vertical:s,...l})=>{const{styled:i}=$();return r.jsx("div",{className:T(i,g("buttons",e,t&&Z("text-centered"),n&&"is-mobile",s&&"is-vertical")),...l})};var Uu=(e=>(e.DIV="div",e.A="a",e))(Uu||{});f.createContext({horizontal:!1});const Ze=O.forwardRef((e,t)=>{const{className:n,background:s,backgroundSrc:l,inverted:i,flat:a,horizontal:o,floating:c,align:u,justify:d,skeleton:m,onClick:h,reversed:E,testId:N,markup:v,to:S,fullheight:p,active:x,...j}=e,[y,R]=f.useState(m||!1),{styled:L}=$();f.useEffect(()=>{R(m||!1)},[m]);const w={cursor:"pointer"},k=T(L,g("card",s&&Z(Bt(s)),l&&Z("background"),i&&C("inverted")||C("base"),a&&!c&&C("flat"),o&&[C("horizontal"),C("vcentered")],c&&!a&&C("floating"),u&&C(In(u)),d&&C(d),C(y?"loading":"loaded"),E&&C("reversed"),n,p&&C("fullheight"),x&&C("active")));return v===Uu.A?r.jsx("a",{"data-testid":N,href:S,onClick:U=>{h==null||h(U),U.stopPropagation()},...j,className:k,ref:t}):r.jsx("div",{"data-testid":N,onClick:h&&h,className:k,style:h&&{...w},...j,ref:t})}),Ut=({src:e,alt:t,className:n,size:s,onClick:l,...i})=>{const{styled:a}=$(),o=T(a,g("card-image",s&&C(`${s}`),n));return r.jsx("div",{onClick:c=>{l==null||l(c),c.stopPropagation()},className:o,children:r.jsx("figure",{className:T(a,g("image")),...i,children:r.jsx("img",{src:typeof e=="string"?e:"",alt:t})})})},Je=({children:e,className:t,titleSup:n,titleSupLevel:s,title:l,titleLevel:i,buttonText:a,buttonMarkup:o,buttonVariant:c,buttonClick:u,text:d,textLevel:m,onClick:h,testId:E,...N})=>{const{styled:v}=$();return e?r.jsx("div",{"data-testid":E,className:T(v,g("card-content",t)),...N,children:e}):r.jsxs("div",{"data-testid":E,onClick:S=>{h==null||h(S),S.stopPropagation()},className:T(v,g("card-content",t)),...N,children:[n&&r.jsx(A,{level:s,className:"suptitle",children:n}),l&&r.jsx(_,{testId:E?`${E}-title`:void 0,level:i||M.THREE,children:l}),d&&r.jsx(A,{level:m,children:d}),a&&r.jsx(te,{testId:E?`${E}-btn`:void 0,onClick:u,variant:c||"PRIMARY",markup:o||Ts.BUTTON,children:a})]})},En=({checked:e,className:t,disabled:n,readonly:s,id:l=qt.generate(),label:i,onChange:a,onClick:o,name:c,value:u,tile:d,description:m,iconTile:h,horizontalTile:E,testId:N,...v})=>{const{styled:S}=$(),[p,x]=f.useState(e||!1);return f.useEffect(()=>{s||x(e||!1)},[e,s]),r.jsxs("div",{className:T(S,g(d?"checkbox-tile":"checkbox",E&&C("horizontal"),t)),tabIndex:0,children:[r.jsx("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:l,"data-testid":N,disabled:n,name:c,value:u,checked:s?e:p,onChange:j=>j,onClick:j=>{const y=j.target;!s&&y.checked!==void 0&&x(y.checked),y.value=u||"",a&&a({checkboxId:y.id,checkboxValue:y.value,checkboxName:y.name,checkboxChecked:y.checked}),o&&o({checkboxId:y.id,checkboxValue:y.value,checkboxName:y.name,checkboxChecked:y.checked})},...v}),r.jsxs("label",{htmlFor:l,className:T(S,g("checkbox-label")),children:[h&&r.jsx(z,{name:h,size:K.MEDIUM}),E?r.jsxs("span",{children:[d?r.jsx("span",{className:T(S,g("checkbox-title")),children:i}):i,d&&m&&r.jsx("span",{className:T(S,g("checkbox-description")),children:m})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:T(S,g("checkbox-title")),children:i}):i,d&&m&&r.jsx("span",{className:T(S,g("checkbox-description")),children:m})]})]})]})},Un=({className:e,onClick:t,children:n,active:s,disabled:l,id:i,testId:a,...o})=>{const{styled:c}=$(),u=T(c,g("chips",s&&C("active"),e));return r.jsx("button",{disabled:l,"aria-disabled":l,"data-testid":a,id:i,"aria-pressed":!!s,className:u,onClick:d=>{t==null||t(d)},...o,children:n})},gf=f.forwardRef((e,t)=>{const{children:n,multiple:s,...l}=e,{styled:i}=$(),a=T(i,g("chips-list",s&&C("multiple")));return r.jsx("div",{ref:t,role:"group",className:a,...l,children:n})}),Ye=f.forwardRef((e,t)=>{const{className:n,multiline:s,inlined:l,mobile:i,centered:a,verticalCentered:o,gapless:c,marginSize:u,...d}=e,{styled:m}=$(),h=T(m,g("columns",s&&C("multiline"),l&&C("inlined"),i&&C("mobile"),a&&C("centered"),o&&C("vcentered"),!u&&c&&C("gapless"),!c&&u&&[C("variable"),C(`${u}`)],n));return r.jsx("div",{ref:t,className:h,...d})}),q=f.forwardRef((e,t)=>{const{className:n,size:s,mobileSize:l,tabletSize:i,touchSize:a,desktopSize:o,widescreenSize:c,fullhdSize:u,offset:d,mobileOffset:m,tabletOffset:h,touchOffset:E,desktopOffset:N,widescreenOffset:v,fullhdOffset:S,narrow:p,verticalCenter:x,centered:j,align:y,...R}=e,{styled:L}=$(),w=T(L,g("column",s&&C(`${s}`),l&&C(`${l}-mobile`),i&&C(`${i}-tablet`),a&&C(`${a}-tablet`),o&&C(`${o}-desktop`),c&&C(`${c}-widescreen`),u&&C(`${u}-fullhd`),d&&C(`offset-${d}`),m&&C(`offset-${m}-mobile`),h&&C(`offset-${h}-tablet`),E&&C(`offset-${E}-tablet`),N&&C(`offset-${N}-desktop`),v&&C(`offset-${v}-widescreen`),S&&C(`offset-${S}-fullhd`),p&&C("narrow"),x&&C("vcentered"),j&&Z("text-centered"),y&&C(In(y)),n));return r.jsx("div",{ref:t,className:w,...R})}),De=({className:e,fluid:t,centered:n,verticalCentered:s,medium:l,fullwidth:i,sticky:a,stickyOffSetTop:o,stickyOffSetBottom:c,background:u,backgroundSrc:d,inverted:m,pulledRight:h,pulledLeft:E,...N})=>{const{styled:v}=$(),S=()=>{switch(a){case Lc.TOP:return C("sticky-top");case Lc.BOTTOM:return C("sticky-bottom");default:return""}},p=T(v,g("container",t&&C("fluid"),l&&C("medium"),n&&C("centered"),i&&C("fullwidth"),s&&C("vcentered"),h&&C("pulled-right"),E&&C("pulled-left"),a&&S(),u&&Z(Bt(u)),d&&Z("background"),m&&C("inverted"),e)),x={top:o,bottom:c};return r.jsx("div",{className:p,...N,style:x})};var ul=(e=>(e.DAY_HOUR_MIN_SEC="dd-hh-mm-ss",e.HOUR_MIN_SEC="hh-mm-ss",e.MIN_SEC="mm-ss",e.SEC="ss",e.DAY="dd",e.DAY_HOUR="dd-hh",e.DAY_HOUR_MIN="dd-hh-mm",e))(ul||{}),Mt=(e=>(e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC",e))(Mt||{});const _j=e=>{const t=Math.floor(e/1e3%60),n=Math.floor(e/1e3/60%60),s=Math.floor(e/(1e3*60*60)%24);return{days:Math.floor(e/(1e3*60*60*24)),hours:s,minutes:n,seconds:t}},jf=({deadline:e,className:t,format:n,event:s,small:l,inverted:i,...a})=>{const{styled:o}=$(),[c]=f.useState(e),u=e.getTime()-new Date().getTime(),d=_j(u),[m,h]=f.useState(d),[E,N]=f.useState(!1),v=[m.days!=0,m.hours!=0,m.minutes!=0,m.seconds!=0],S=n==null?void 0:n.split("-"),p=T(o,g("countdown",i&&C("inverted"),l&&C("small"),t));return S?S.forEach(x=>{switch(x){case"dd":v[Mt.DAY]=!0;break;case"hh":v[Mt.HOUR]=!0;break;case"mm":v[Mt.MIN]=!0;break;case"ss":v[Mt.SEC]=!0;break}}):(v[Mt.DAY]=!0,v[Mt.HOUR]=!0,v[Mt.MIN]=!0,v[Mt.SEC]=!0),f.useEffect(()=>{setInterval(()=>{const x=c.getTime()-new Date().getTime();if(x>0)switch(n){case ul.DAY:h({days:Math.ceil(x/(1e3*60*60*24)),hours:0,minutes:0,seconds:0});break;case ul.DAY_HOUR:h({days:Math.floor(x/(1e3*60*60*24)),hours:Math.ceil(x/(1e3*60*60)%24),minutes:0,seconds:0});break;case ul.DAY_HOUR_MIN:h({days:Math.floor(x/(1e3*60*60*24)),hours:Math.floor(x/(1e3*60*60)%24),minutes:Math.ceil(x/1e3/60%60),seconds:0});break;default:h({days:Math.floor(x/(1e3*60*60*24)),hours:Math.floor(x/(1e3*60*60)%24),minutes:Math.floor(x/1e3/60%60),seconds:Math.floor(x/1e3%60)});break}N(!0)},1e3)},[c,n]),f.useEffect(()=>{m.days+m.hours+m.minutes+m.seconds===0&&s&&E&&(s(null),N(!1))},[m,s,E]),r.jsxs("ul",{className:p,...a,children:[(v[Mt.DAY]||m.days!=0)&&r.jsxs("li",{className:T(o,g("count")),children:[r.jsx("span",{className:T(o,g("value")),children:m.days?m.days:0}),"j"]}),(v[Mt.HOUR]||m.hours!=0)&&r.jsxs("li",{className:T(o,g("count")),children:[r.jsx("span",{className:T(o,g("value")),children:m.hours?m.hours:0}),"h"]}),(v[Mt.MIN]||m.minutes!=0)&&r.jsxs("li",{className:T(o,g("count")),children:[r.jsx("span",{className:T(o,g("value")),children:m.minutes?m.minutes:0}),"m"]}),(v[Mt.SEC]||m.seconds!=0)&&r.jsxs("li",{className:T(o,g("count")),children:[r.jsx("span",{className:T(o,g("value")),children:m.seconds?m.seconds:0}),"s"]})]})},V=({className:e,unboxed:t,content:n,marginless:s,iconName:l,color:i,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=$(),d=T(u,g("divider",t&&C("unboxed"),s&&C("marginless"),e,i&&Z(`background-${jt(i)}`),l&&"has-icon")),m=T(u,g("divider-content",o&&Z(`text-${jt(o)}`),a&&Z(`background-${jt(a)}`)));return n&&l?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:m,children:n})}):n?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:m,children:n})}):l?r.jsx("div",{"data-testid":"separator",className:d,children:r.jsx("p",{className:m,children:r.jsx(z,{name:l,size:a?K.SMALL:K.MEDIUM})})}):r.jsx("div",{"data-testid":"separator",className:d,...c})},Oj=({children:e,extended:t,iconName:n,accessibilityLabel:s,onClick:l,className:i,fixed:a=!0,top:o,bottom:c,left:u,right:d,testId:m,disabled:h,...E})=>{const{styled:N}=$(),[v,S]=f.useState(t||!1);f.useEffect(()=>{S(t||!1)},[v]);const p=o||c||u||d?{position:a?"fixed":"absolute",top:o??"auto",bottom:c??"auto",left:u??"auto",right:d??"auto"}:{position:"relative"},x=T(N,g("fab",t&&C("extended"),i));return r.jsxs("button",{disabled:h,"data-testid":m,"aria-label":s,onClick:j=>{l==null||l(j),j.stopPropagation()},style:{...p},...E,className:x,children:[r.jsx(z,{name:n}),e]})},_i=({children:e,background:t,backgroundSrc:n,inverted:s,className:l,align:i,justify:a,onClick:o,overlap:c,...u})=>{const{styled:d}=$(),m=T(d,g("hero",t&&Z(Bt(t)),n&&Z("background"),s&&C("inverted")||C("base"),i&&C(In(i)),a&&C(a),c&&C("overlapped"),l));return r.jsx("section",{onClick:o&&o,...n&&{style:{backgroundImage:`url(${n})`}},className:m,...u,children:r.jsx("div",{className:T(d,g("hero-body")),children:e})})},go=({src:e,alt:t,className:n,rounded:s,width:l,height:i,onClick:a,...o})=>{const{styled:c}=$(),u=T(c,g("image",n)),d={image:{width:l,height:i}};return r.jsx("figure",{onClick:m=>{a==null||a(m),m.stopPropagation()},className:u,...o,children:r.jsx("img",{style:d.image,className:T(c,g(s?C("rounded"):"")),src:typeof e=="string"?e:"",alt:t})})};var we=(e=>(e.TEXT="text",e.NUMBER="number",e.PASSWORD="password",e.SEARCH="search",e.DATE="date",e.DATETIME_LOCAL="datetime-local",e.EMAIL="email",e))(we||{}),Et=(e=>(e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default",e))(Et||{}),Kp=(e=>(e.ADDITIONAL_NAME="additional-name",e.ADDRESS_LINE1="address-line1",e.ADDRESS_LINE2="address-line2",e.CC_CSC="cc-csc",e.CC_EXP="cc-exp",e.CC_EXP_DAY="cc-exp-day",e.CC_EXP_MONTH="cc-exp-month",e.CC_EXP_YEAR="cc-exp-year",e.CC_NUMBER="cc-number",e.COUNTRY="country",e.CURRENT_PASSWORD="current-password",e.EMAIL="email",e.FAMILY_NAME="family-name",e.GIVEN_NAME="given-name",e.HONORIFIX_PREFIX="honorific-prefix",e.HONORIFIC_SUFFIX="honorific-suffix",e.NAME="name",e.NEW_PASSWORD="new-password",e.OFF="off",e.ONE_TIME_CODE="one-time-code",e.POSTAL_CODE="postal-code",e.STREET_ADDRESS="street-address",e.TEL="tel",e.USERNAME="username",e.CC_FAMILY_NAME="cc-family-name",e.CC_GIVEN_NAME="cc-given-name",e.CC_MIDDLE_NAME="cc-middle-name",e.CC_NAME="cc-name",e.CC_TYPE="cc-type",e.NICKNAME="nickname",e.ORGANIZATION="organization",e.ORGANIZATION_TITLE="organization-title",e.URL="url",e.GENDER="gender",e.NAME_FAMILY="name-family",e.NAME_GIVEN="name-given",e.NAME_MIDDLE="name-middle",e.NAME_MIDDLE_INITIAL="name-middle-initial",e.NAME_PREFIX="name-prefix",e.NAME_SUFFIX="name-suffix",e.PASSWORD="password",e.PASSWORD_NEW="password-new",e.POSTAL_ADDRESS="postal-address",e.POSTAL_ADDRESS_COUNTRY="postal-address-country",e.POSTAL_ADDRESS_EXTENDED="postal-address-extended",e.POSTAL_ADDRESS_EXTENDED_POSTAL_CODE="postal-address-extended-postal-code",e.POSTAL_ADDRESS_LOCALITY="postal-address-locality",e.POSTAL_ADDRESS_REGION="postal-address-region",e.SMS_OTP="sms-otp",e.TEL_COUNTRY_CODE="tel-country-code",e.TEL_DEVICE="tel-device",e.TEL_NATIONAL="tel-national",e.USERNAME_NEW="username-new",e))(Kp||{});const jo=e=>typeof e=="string"?e:e.label,Dj=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),Mj=(e,t)=>{const n=Dj(t),s=new RegExp(`^${n}`,"i");return e.filter(l=>s.test(typeof l=="string"?l:l.label))},Pj=({children:e,suggestionSelected:t,testId:n,item:s,active:l})=>{const{styled:i}=$(),[a,o]=f.useState(!1);return r.jsx("div",{onMouseOver:()=>o(!0),onMouseOut:()=>o(!1),role:"listitem","data-testid":n,className:T(i,g("autocomplete-item",l&&C("active"),a&&C("active"))),onClick:()=>t?t(s):"",children:e})},Fj=({children:e,className:t,absolute:n,fullwidth:s,testId:l})=>{const{styled:i}=$();return r.jsx("div",{role:"list","data-testid":l,className:T(i,g("autocomplete-menu",n&&C("absolute"),s&&C("fullwidth"),t)),children:e})},Uj=(e,t)=>{let n;return async(...s)=>{const i=function(){n=null,e.apply(void 0,s)};n&&clearTimeout(n),n=setTimeout(i,t)}},bj=({defaultValue:e,value:t,classNameMenu:n,absoluteMenu:s,fullwidthMenu:l,placeholder:i,data:a,status:o,onBlur:c,testId:u,onChange:d,name:m,matching:h=Mj,displayMenu:E=!0,onItemSelected:N,customIcon:v,reference:S,disabled:p,children:x,accessibilityLabel:j,onIconClick:y,getSuggestions:R,debounceSuggestionsTimeout:L,onFocus:w,loading:k,...U})=>{const{styled:F}=$(),{Input:se}=U,[fe,Ae]=f.useState(null),[re,Y]=f.useState(t??""),[ae,me]=f.useState(0),[H,G]=f.useState(E||!1),[W,X]=f.useState([]),ge=T(F,g(C("autocomplete"),C("active")));f.useEffect(()=>{Y(t||"")},[t]),f.useEffect(()=>{me(0),a!=null&&a.length&&h&&X(h(a,re)),fe&&jo(fe)!==re&&Ae(null)},[re]),f.useEffect(()=>{X(h(a,re))},[a]);const Ot=async pe=>{if(G(!0),d&&d({inputName:m||"",inputValue:pe.inputValue,inputSelectionStart:null}),pe.inputValue.startsWith("/")&&pe.inputValue.endsWith("/"))try{const Fe=pe.inputValue.substring(1,pe.inputValue.lastIndexOf("/"));Y(new RegExp(Fe,"i").source)}catch{Y(pe.inputValue)}else Y(pe.inputValue);if(R){const Fe=await R(pe.inputValue);X(Fe)}else h&&a&&X(h(a,pe.inputValue))},Ct=L?Uj(Ot,L):Ot,xn=(pe,Fe,Yt)=>{G(!1),Y(jo(pe)),Ae(pe),(Fe||Yt)&&N&&N({value:pe,index:pe?(Fe.length?Fe:Yt).indexOf(pe):-1})},ee=pe=>{switch(pe.inputKeyCode){case 38:if(ae===0)return;me(ae-1);break;case 40:if(ae===W.length-1)return;me(ae+1);break;case 13:W[ae]!=null&&xn(W[ae],a,W);break}},Pe=pe=>{G(!0),w&&w(pe)};return r.jsxs("div",{className:T(F,g("control")),children:[r.jsx(se,{defaultValue:e,accessibilityLabel:j,...v?{customIcon:v}:{},reference:S,placeholder:i,...m?{name:m}:{},className:"autocomplete-input",type:"text",testId:u,status:o,autoCompleteType:Kp.OFF,disabled:p,onBlur:pe=>{setTimeout(()=>G(!1),250),c&&c(pe)},onFocus:Pe,onKeyUp:ee,value:re,onChange:pe=>{Ct(pe)},onIconClick:y,loading:k}),H&&r.jsx("div",{className:ge,children:W.length>0&&r.jsx(Fj,{testId:u,absolute:s,fullwidth:l,className:n,children:W.map((pe,Fe)=>r.jsx(Pj,{active:ae===Fe,testId:u,item:pe,suggestionSelected:Yt=>xn(Yt,a,W),children:x?x(pe):jo(pe)},Fe))})}),r.jsx("div",{})]})},Hj=({validationRules:e,inputValue:t})=>{var j,y;const[n,s]=O.useState(0),l={isVerify:!1,color:ws.NEUTRAL},[i,a]=O.useState(l),[o,c]=O.useState(l),[u,d]=O.useState(l),[m,h]=O.useState(l),[E,N]=O.useState(l),v=O.useMemo(()=>e&&Object.values(e).filter(R=>R).length||0,[e]),S=O.useMemo(()=>{const R=Number((n/v*100).toFixed(0));return R<=50&&R>0?"50%":R<=99&&R>50?"75%":R===100?"100%":"0%"},[n,v]),p=O.useMemo(()=>{const R=Number((n/v*100).toFixed(0));return R<=50&&R>0?rr(ce.ERROR):R<=99&&R>50?rr(ce.WARNING):rr(R===100?ce.SUCCESS:ce.FADE_NEUTRAL)},[n,v]),x=f.useMemo(()=>{var R,L,w,k,U,F,se,fe,Ae,re;switch(!0){case(((R=e==null?void 0:e.length)==null?void 0:R.min)!==void 0&&((L=e==null?void 0:e.length)==null?void 0:L.max)!==void 0):return`Entre ${(w=e==null?void 0:e.length)==null?void 0:w.min} et ${(k=e==null?void 0:e.length)==null?void 0:k.max} caractères`;case(((U=e==null?void 0:e.length)==null?void 0:U.min)&&!((F=e==null?void 0:e.length)!=null&&F.max)):return`Minimum ${(se=e==null?void 0:e.length)==null?void 0:se.min} caractères`;case(((fe=e==null?void 0:e.length)==null?void 0:fe.max)&&!((Ae=e==null?void 0:e.length)!=null&&Ae.min)):return`Maximum ${(re=e==null?void 0:e.length)==null?void 0:re.max} caractères`;default:return""}},[(j=e==null?void 0:e.length)==null?void 0:j.min,(y=e==null?void 0:e.length)==null?void 0:y.max]);return f.useEffect(()=>{var U,F;const R=((U=e==null?void 0:e.length)==null?void 0:U.min)||0,L=((F=e==null?void 0:e.length)==null?void 0:F.max)||"",w=new RegExp(`^.{${R},${L}}$`),k=[];e!=null&&e.specialChars&&k.push({test:/[^\w]/.test(t),setState:c}),e!=null&&e.number&&k.push({test:/[0-9]/.test(t),setState:d}),e!=null&&e.uppercase&&k.push({test:/[A-Z]/.test(t),setState:h}),e!=null&&e.lowercase&&k.push({test:/[a-z]/.test(t),setState:N}),e!=null&&e.length&&k.push({test:w.test(t),setState:a}),k.forEach(({test:se,setState:fe})=>fe(se?{isVerify:!0,color:ws.SUCCESS}:l)),s(k.filter(se=>se.test).length)},[t,e]),{LengthvalidationRulesText:x,colorGauge:p,widthGauge:S,isLengthVerify:i,isLowerercaseVerify:E,isNumberVerify:u,isSpecialCharsVerify:o,isUppercaseVerify:m}},zj=({validationRules:e,styled:t,inputValue:n})=>{var m,h;const{widthGauge:s,colorGauge:l,LengthvalidationRulesText:i,isLengthVerify:a,isLowerercaseVerify:o,isNumberVerify:c,isSpecialCharsVerify:u,isUppercaseVerify:d}=Hj({validationRules:e,inputValue:n});return r.jsxs("div",{"data-testid":"security-gauge",className:T(t,g("security-gauge-container")),children:[r.jsx("div",{className:T(t,g("security-gauge")),children:r.jsx("div",{"data-gauge":!0,style:{width:s,backgroundColor:l},className:T(t,g("gauge"))})}),r.jsxs("div",{className:T(t,g("security-gauge-verifies")),children:[r.jsxs("div",{children:[r.jsx($s,{display:!!(e!=null&&e.length),dataAttribute:{"data-security-special-chars":!0},type:i,classes:"security-length","data-length-min":(m=e==null?void 0:e.length)==null?void 0:m.min,"data-length-max":(h=e==null?void 0:e.length)==null?void 0:h.max,color:a.color,iconName:a.isVerify?D.CHECK_CIRCLE:D.TIMES,styled:t}),r.jsx($s,{display:!!(e!=null&&e.specialChars),dataAttribute:{"data-security-special-chars":!0},classes:"security-special-chars",type:"Caractères spéciaux",color:u.color,iconName:u.isVerify?D.CHECK_CIRCLE:D.TIMES,styled:t}),r.jsx($s,{display:!!(e!=null&&e.number),dataAttribute:{"data-security-number":!0},classes:"security-number",type:"Chiffre",color:c.color,iconName:c.isVerify?D.CHECK_CIRCLE:D.TIMES,styled:t})]}),r.jsxs("div",{children:[r.jsx($s,{display:!!(e!=null&&e.uppercase),dataAttribute:{"data-security-uppercase":!0},classes:"security-uppercase",type:"Majuscule",color:d.color,iconName:d.isVerify?D.CHECK_CIRCLE:D.TIMES,styled:t}),r.jsx($s,{display:!!(e!=null&&e.lowercase),dataAttribute:{"data-security-lowercase":!0},classes:"security-lowercase",type:"Minuscule",color:o.color,iconName:o.isVerify?D.CHECK_CIRCLE:D.TIMES,styled:t})]})]})]})},$s=({dataAttribute:e,type:t,display:n,color:s,iconName:l,classes:i,styled:a})=>n?r.jsxs("div",{...e,className:T(a,g("security",i)),children:[r.jsx(z,{color:s,name:l,size:K.SMALLER}),r.jsx("span",{children:t})]}):null,xe=({forceControl:e,label:t,sample:n,className:s,disabled:l,onChange:i,onKeyPress:a,onKeyUp:o,onIconClick:c,onClick:u,onFocus:d,onBlur:m,patternValidator:h,onMouseEnter:E,onMouseLeave:N,name:v,placeholder:S,type:p="text",defaultValue:x,value:j,loading:y,focused:R,hasIcon:L,customIcon:w,status:k,help:U,iconClassname:F,reference:se,onStatusChange:fe,customValidator:Ae,onSubmit:re,minLength:Y,maxLength:ae,testId:me,accessibilityLabel:H,autoCompleteType:G,customIconLeft:W,customIconRight:X,securityGauge:ge,validationRules:Ot,required:Ct,...xn})=>{const{styled:ee}=$(),Pe=S!==void 0&&S.length>0,pe=new Map;pe.set(Et.SUCCESS,D.CHECK_CIRCLE),pe.set(Et.WARNING,D.EXCLAMATION_CIRCLE),pe.set(Et.ERROR,D.EXCLAMATION_CIRCLE);const[Fe,Yt]=f.useState(x??""),[Er,Wa]=f.useState(R??!1),[bu,ox]=f.useState(!1),[Hu,cx]=f.useState(!1),[rn,zu]=f.useState(k||Et.DEFAULT),[Gr,$u]=f.useState(p),[ux,Wu]=f.useState(!1),dx=g("help",rn&&C(rn)),fx=T(ee,g("input",rn&&C(rn))),mx=T(ee,g("field",s,p==="password"&&ge&&"has-gauge")),hx=T(ee,g("control",Pe&&p!==we.SEARCH&&Z("dynamic-placeholder"),{[Z("icons-right")]:L??(w||X||p==="password"),"has-icons-left":W||p===we.SEARCH})),Bu=f.useCallback(je=>{const Dt=je.target;return{inputName:Dt.name,inputValue:Dt.value,inputKeyCode:je.keyCode,inputTarget:Dt,preventDefault:()=>je.preventDefault()}},[]),gr=f.useCallback(({className:je,name:Dt,color:$l,closeIconSearch:px,onPress:Gu})=>r.jsxs("div",{...p==="password"&&{"data-show-pwd":!0},onClick:xx=>{Gu&&Gu(),c&&c({inputName:Dt??"",inputValue:Fe,inputTarget:xx.target})},children:[r.jsx(z,{className:je,name:Dt,size:K.SMALL,color:$l}),Fe&&Fe.length>0&&px&&r.jsx(z,{onClick:()=>Yt(""),className:T(ee,g(C("justified-self"))),name:D.TIMES_CIRCLE,size:K.SMALL})]}),[Fe,ee]),Vu=!Ae&&h?je=>h.test(je)?Et.SUCCESS:Et.ERROR:Ae;return f.useEffect(()=>{Yt(j??x??"")},[j,x]),f.useEffect(()=>{Wa(R??!1)},[R]),f.useEffect(()=>{Er?ox(!0):bu&&cx(!0)},[Er,bu]),f.useEffect(()=>{!Vu||!Hu||zu(Vu(Fe))},[Er,Hu]),f.useEffect(()=>{zu(k||Et.DEFAULT)},[k]),f.useEffect(()=>{fe&&fe(rn)},[rn]),r.jsxs("div",{className:mx,"data-has-gauge":ge?!0:void 0,children:[!Pe&&r.jsxs("label",{className:"input-label",children:[t," ",t&&Ct&&r.jsx(A,{markup:lt.SPAN,typo:Zt.TEXT_ERROR,children:"*"})]}),!Pe&&t&&n&&r.jsx(A,{className:"input-sample",level:_e.TWO,typo:Zt.TEXT_DISABLED,children:n}),r.jsxs("div",{className:hx,children:[r.jsx("input",{required:Ct,role:"textbox",...xn,"data-testid":me,"aria-label":H,type:Gr,className:fx,value:Fe,defaultValue:x,name:v,onSubmit:re,ref:se,disabled:l,minLength:Y,maxLength:ae,autoComplete:G,onKeyUp:je=>o&&o(Bu(je)),onKeyPress:je=>a&&a(Bu(je)),onMouseEnter:je=>E==null?void 0:E(je),onMouseLeave:je=>N==null?void 0:N(je),placeholder:S,onClick:je=>{const Dt=je.target;u&&u({inputName:Dt.name,inputValue:Dt.value,inputTarget:Dt})},onChange:je=>{if(Gr!==we.DATE&&Gr!==we.DATETIME_LOCAL&&Gr!==we.NUMBER&&Gr!==we.EMAIL){const Dt=je.target.selectionStart,$l=je.target;window.requestAnimationFrame(()=>{$l.selectionStart=Dt,$l.selectionEnd=Dt})}e||Yt(je.target.value),i&&i({inputName:je.target.name,inputValue:je.target.value,inputSelectionStart:je.target.selectionStart,inputTarget:je.target})},onFocus:je=>{d==null||d(je),Wa(!0)},onBlur:je=>{m==null||m(je),Wa(!1)}}),Pe&&p!==we.SEARCH&&r.jsx("label",{children:S}),L&&rn&&!w&&!y&&!W&&!X&&r.jsx(gr,{className:F,name:pe.get(rn)}),w&&!rn&&!y&&r.jsx(gr,{className:F,name:w}),W&&!y&&r.jsx(gr,{className:g(W&&"icon-left",F),name:W}),X&&!y&&p!=="password"&&r.jsx(gr,{className:g(X&&"icon-right",F),name:X}),!y&&p==="password"&&r.jsx(gr,{className:g("icon-right",F),name:ux?"tri-eye-slash":"tri-eye",onPress:()=>{Gr==="password"?($u("text"),Wu(!0)):($u("password"),Wu(!1))}}),w&&rn&&!y&&r.jsx(gr,{className:F,name:w}),p===we.SEARCH&&!w&&rn==="default"&&!y&&r.jsx(gr,{color:ws.MAIN,className:F,name:D.SEARCH,closeIconSearch:!0}),y&&r.jsx("span",{className:T(ee,g(C("searching")))})]}),U&&r.jsx(A,{className:dx,children:U}),ge&&p==="password"&&r.jsx(zj,{validationRules:Ot,styled:ee,inputValue:Fe})]})};xe.AutoComplete=e=>{const t={...e,Input:xe};return r.jsx(bj,{...t})};const ui=f.forwardRef((e,t)=>{const{className:n,hasIcon:s,children:l,testId:i,...a}=e,{styled:o}=$(),c=T(o,g(s?"icon-list":"list",n));return r.jsx("ul",{ref:t,"data-testid":i,className:c,...a,children:l})}),Rt=({className:e,children:t,customIcon:n,status:s,title:l,description:i,testId:a,action:o,divider:c,deletable:u})=>{const{styled:d}=$(),m=g(C(jt(s?ce[s]:ce.BACKGROUND)),e);return r.jsxs("li",{className:T(d,g(m,o&&Z("action"))),"data-testid":a,children:[r.jsxs("div",{className:T(d,g("list-item_content")),children:[n&&typeof n=="string"&&r.jsx("div",{className:T(d,g("list-item_content_puce")),children:r.jsx(z,{className:m,name:u?"tri-trash":n,size:K.SMALL})}),n&&typeof n!="string"&&r.jsx("div",{className:T(d,g("list-item_content_puce")),children:n}),r.jsxs("div",{children:[(l||i)&&r.jsxs(r.Fragment,{children:[l&&r.jsx("b",{children:l}),t||i&&r.jsx("p",{children:t||i})]}),!l&&!i&&r.jsx("div",{children:t})]})]}),o&&r.jsx("div",{className:T(d,g("list-item_action")),children:o}),c&&r.jsx(V,{})]})};qt.generate();qt.generate();qt.generate();const $j=(e,t)=>e?e.split("").map(n=>n===""?null:Number(n)):new Array(t).fill(null),Nf=e=>e.map(t=>t===null?"_":t).join(""),Wj=e=>e.every(t=>t!==null),Sf=(e,t)=>{const n=e.nextElementSibling;n?(t&&(n.value=t),e.value.length&&n.focus()):e.focus()},yf=e=>{const t=e.previousElementSibling;t?t.focus():e.focus()},Qp=(e,t,n)=>{const s=Number(e);if(isNaN(s)||e.length<1)return n;const l=n.map((i,a)=>a===t?Number(e.slice(0,1)):i);return Qp(e.slice(1),t+1,l)},Bj=e=>{const{key:t}=e,n=e.target;if(t==="ArrowRight"||t==="ArrowDown")return Sf(n);if(t==="ArrowLeft"||t==="ArrowUp")return yf(n);if(t==="Backspace")return n.value===""&&yf(n);t>="0"&&t<="9"&&Sf(n)},di=({className:e,code:t,codeSize:n=6,disabled:s,error:l,onCompleted:i,onChange:a,onFocus:o,label:c,errorMessage:u,autoFocus:d,...m})=>{const[h,E]=f.useState($j(t,n)||new Array(n).fill(null)),N=f.useRef(!1),{styled:v}=$(),S=T(v,g("otp-list",l&&C("error"),e));f.useEffect(()=>{s||Wj(h)&&(i==null||i(Nf(h)))},[n,h,i,s]),f.useEffect(()=>{N.current=h.find(j=>j!==null)!==void 0,N.current&&(a==null||a(Nf(h)))},[h]);const p=(j,y)=>{const{target:R}=j,L=R.value.trim();L.length>0?E(Qp(L,y,h)):E(h.map((w,k)=>k===y?null:w))},x=j=>{const{target:y}=j;y.setSelectionRange(0,y.value.length)};return r.jsxs(r.Fragment,{children:[c&&r.jsx(A,{markup:lt.P,typo:s&&Zt.TEXT_NEUTRAL||l&&Zt.TEXT_ERROR||Zt.TEXT_MAIN,children:c}),r.jsx("div",{"data-testid":"otp-input",className:S,onClick:()=>{s||o==null||o(!0)},children:h.map((j,y)=>r.jsx("input",{"aria-disabled":s,tabIndex:0,type:"text",inputMode:"numeric",autoComplete:"one-time-code",autoFocus:y===0&&d,pattern:"\\d{1}",maxLength:n,className:"otp",value:`${j??""}`,onKeyUp:Bj,onFocus:x,onChange:R=>p(R,y),disabled:s,...m},y))}),u&&r.jsx(A,{className:T(v,g("otp-error-message")),markup:lt.P,typo:l&&Zt.TEXT_ERROR||Zt.TEXT_MAIN,children:u})]})},No=({className:e,count:t,defaultPage:n=1,pageSize:s=10,onClick:l,testId:i,href:a,...o})=>{const[c,u]=f.useState(n),{styled:d}=$(),m=T(d,g("pagination",C("centered"),e)),h=f.useRef(c),E=O.useMemo(()=>{const v=Math.ceil(t/s);let S=1,p=5;v<=5?(S=1,p=v):c<=3?(S=1,p=5):c+3>=v?(S=v-4,p=v):(S=c-2,p=c+2);const x=[...Array(p+1-S).keys()].map(j=>S+j);return{currentPage:c,pageSize:s,totalPages:v,endPage:p,pages:x}},[c,s,t]);f.useEffect(()=>{l&&h.current!==E.currentPage&&l(E),u(E.currentPage),h.current=E.currentPage},[E.currentPage]);const N=t/s;return r.jsxs("nav",{"data-testid":i,className:m,...o,children:[r.jsx("a",{className:T(d,g("pagination-previous")),...c===1?{"aria-disabled":!0}:{},onClick:()=>{c!==1&&u(c-1)},href:a==null?void 0:a(c-1),children:r.jsx(z,{name:D.ARROW_LEFT})}),r.jsxs("ul",{className:T(d,g("pagination-list")),children:[!E.pages.includes(1)&&r.jsx("li",{children:r.jsx("span",{className:T(d,g("pagination-ellipsis")),children:"…"})}),E.pages.map(v=>r.jsx("li",{"data-testid":`${i}_${v}`,children:r.jsx("a",{className:T(d,g("pagination-link")),...c===v?{"aria-current":!0}:{},"aria-label":`Aller à la page ${v}`,onClick:()=>{u(v)},href:a==null?void 0:a(v),children:v})},v)),!E.pages.includes(N)&&r.jsx("li",{children:r.jsx("span",{className:T(d,g("pagination-ellipsis")),children:"…"})})]}),r.jsx("a",{className:T(d,g("pagination-next")),...c===Math.max(E.totalPages)?{"aria-disabled":!0}:{},onClick:()=>{c!==Math.max(E.totalPages)&&u(c+1)},href:a==null?void 0:a(c+1),children:r.jsx(z,{name:D.ARROW_RIGHT})})]})},bn=({className:e,direction:t,children:n,active:s,arrowPosition:l,content:i,testId:a,...o})=>{const{styled:c}=$(),u=T(c,g("popover",t&&C(`popover-${t}`),s&&C("popover-active"),l&&C(`arrow-${l}`),e));return r.jsxs("div",{"data-testid":a,className:u,...o,children:[n,i&&r.jsx("div",{"data-testid":`${a}_content`,className:T(c,g("popover-content")),children:i})]})};var Oi=(e=>(e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Oi||{});const Vj=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},ke=({className:e,amount:t,mention:n,period:s,showCents:l,level:i,inverted:a,align:o,inline:c,testId:u,accessibilityLabel:d,striked:m,suptitle:h,tagAmount:E,tagSymbol:N,...v})=>{var F;const{styled:S}=$(),p=T(S,g("price",i&&C(`level-${i}`),a&&C("inverted"),c&&C("inlined"),m&&C("striked"),h&&Z("suptitle"),e)),x=T(S,g(o==Ce.ALIGNED_START&&Z("text-left")||o==Ce.ALIGNED_CENTER&&Z("text-centered")||o==Ce.ALIGNED_END&&Z("text-right")||"")),j=t<0,y=Math.abs(t),R=Math.floor(y),L=j?-R:R;let w=Vj(((F=y.toString().split(/[.,]/)[1])==null?void 0:F.substring(0,2))||"");w=w&&w.length===1&&`${w}0`||w;const k=c&&l&&`,${w||"00"} €`||l&&`€${w||"00"}`||"€",U=r.jsxs("span",{className:E?T(S,g(C("aligned-center"),C("flex"))):"",children:[r.jsxs("span",{"data-testid":u,"aria-label":d,className:p,...v,children:[h&&r.jsx("span",{className:"price-suptitle",children:h}),r.jsx(A,{markup:lt.SPAN,children:`${L}`}),r.jsxs("span",{className:T(S,g("price-details")),children:[r.jsxs("span",{className:T(S,g("cents")),children:[c&&k==="€"?r.jsxs(r.Fragment,{children:[" ",k]}):k,n&&r.jsx("sup",{children:n})]}),s&&r.jsxs("span",{className:T(S,g("period")),children:["/",s]})]})]}),E&&r.jsxs("span",{className:T(S,g("price-tag")),children:[r.jsxs(A,{markup:lt.SPAN,typo:[kr.TEXT_WEIGHT_SEMIBOLD,Zt.TEXT_WHITE],children:[E," ",N||"€"]}),N==="€"&&s&&r.jsxs(A,{markup:lt.SPAN,typo:[kr.TEXT_WEIGHT_NORMAL,Zt.TEXT_WHITE],children:[" /",s]})]})]});return o?r.jsx("div",{className:x,children:U}):U};var Xt=(e=>(e[e.LEVEL1=1]="LEVEL1",e[e.LEVEL2=2]="LEVEL2",e[e.LEVEL3=3]="LEVEL3",e[e.LEVEL4=4]="LEVEL4",e[e.LEVEL5=5]="LEVEL5",e[e.LEVEL6=6]="LEVEL6",e[e.LEVEL7=7]="LEVEL7",e))(Xt||{});const Gj=({children:e,className:t,active:n,arrowDirection:s,arrowAlign:l,closeable:i,avatarSrc:a,avatarDirection:o,...c})=>{const[u,d]=f.useState(n||!1),{styled:m}=$();f.useEffect(()=>{d(n||!1)},[n]);const h=T(m,g("product-tour",u&&C("active"),o&&Z(`icon-${o}`),t));return r.jsxs("div",{className:h,...c,children:[s&&r.jsx("div",{className:T(m,g("arrow",C(s),l&&C(l)))}),a&&r.jsx("span",{className:T(m,g("icon",C("medium"))),children:r.jsx("img",{className:T(m,g(C("rounded"))),src:a})}),i&&r.jsx("div",{style:{cursor:"pointer"},onClick:()=>d(!u),children:r.jsx(z,{size:K.SMALL,name:D.TIMES,className:"close"})}),r.jsx("div",{className:T(m,g("product-tour-content")),children:e})]})};var Zp=(e=>(e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right",e))(Zp||{}),Jp=(e=>(e.LEFT="left",e.RIGHT="right",e))(Jp||{});f.forwardRef((e,t)=>{const{children:n,className:s,percent:l,maxPercent:i=100,status:a,small:o,stacked:c,uniqueLegend:u,firstExtremLegend:d,secondExtremLegend:m,...h}=e,{styled:E}=$(),N=T(E,g("progress",a&&C(Ha(a)),!a&&C("primary"),o&&C("small"),s)),v=T(E,g("progress",c&&C("stacked"),s));return n&&c?r.jsx("div",{ref:t,className:v,...h,children:n}):r.jsxs(r.Fragment,{children:[r.jsx("progress",{className:N,value:l,max:i,...h,children:l}),u&&r.jsx(A,{className:Z("text-centered"),level:_e.TWO,children:u}),d&&m&&r.jsxs(Ye,{mobile:!0,marginSize:3,children:[r.jsx(q,{children:r.jsx(A,{level:_e.TWO,children:d})}),r.jsx(q,{narrow:!0,children:r.jsx(A,{level:_e.TWO,children:m})})]})]})});f.forwardRef((e,t)=>{const{className:n,percent:s,maxPercent:l=100,minPercent:i=0,status:a,accessibilityLabel:o,...c}=e,{styled:u}=$(),d=T(u,g("progress-bar",a&&C(Ha(a)),!a&&C("primary"),n));return r.jsx("div",{ref:t,...s&&{style:{width:`${s}%`}},className:d,role:"progressbar","aria-valuenow":s,"aria-valuemin":i,"aria-valuemax":l,"aria-label":o,...c})});const Cf=({className:e,centered:t,isMobile:n,vertical:s,...l})=>{const{styled:i}=$();return r.jsx("div",{className:T(i,g("radios",e,t&&Z("text-centered"),n&&C("mobile"),s&&C("vertical"))),...l})},Pt=({checked:e,className:t,disabled:n,readonly:s,id:l=qt.generate(),label:i,onChange:a,onClick:o,name:c,value:u,tile:d,description:m,iconTile:h,horizontalTile:E,children:N,narrow:v,marginless:S,testId:p,...x})=>{const{styled:j}=$(),[y,R]=f.useState({checked:e||!1});return f.useEffect(()=>{s||R({checked:e||!1})},[e,s]),r.jsxs("div",{tabIndex:0,className:T(j,g(d?"radio-tile":"radio",v&&C("narrow"),S&&C("marginless"),E&&C("horizontal"),t)),children:[r.jsx("input",{"data-testid":p,type:"radio",readOnly:s,id:l,disabled:n,name:c,value:u,checked:s?e:y.checked,onChange:L=>L,onClick:L=>{const w=L.target;!s&&w.checked&&R({checked:w.checked}),w.value=u||"",a&&a({radioId:w.id,radioValue:w.value,radioName:w.name,radioChecked:w.checked}),o&&o({radioId:w.id,radioValue:w.value,radioName:w.name,radioChecked:w.checked})},...x}),r.jsx("label",{htmlFor:l,className:T(j,g("radio-label")),children:N||r.jsxs(r.Fragment,{children:[h&&r.jsx(z,{name:h,size:K.MEDIUM}),E?r.jsxs("span",{children:[d?r.jsx("span",{className:T(j,g("radio-title")),children:i}):i,d&&m&&r.jsx("span",{className:T(j,g("radio-description")),children:m})]}):r.jsxs(r.Fragment,{children:[d?r.jsx("span",{className:T(j,g("radio-title")),children:i}):i,d&&m&&r.jsx("span",{className:T(j,g("radio-description")),children:m})]})]})})]})},qj=({min:e,max:t,label:n,valueCursorMin:s,valueCursorMax:l,labelValueCursorMin:i,labelValueCursorMax:a,onChangeMin:o,onChangeMax:c,nameMin:u,idMin:d,nameMax:m,idMax:h,testId:E,gap:N=0})=>{const{styled:v}=$(),[S,p]=f.useState(s??0),[x,j]=f.useState(l??t),y=f.useRef(null);f.useEffect(()=>{if(y.current){const U=y.current;U.style.background=`linear-gradient(to right, ${rr(ce.FADE_NEUTRAL)} ${S/t*100}% , ${rr(ce.MAIN,1)} ${S/t*100}% , ${rr(ce.MAIN,1)} ${x/t*100}%, ${rr(ce.FADE_NEUTRAL)} ${x/t*100}%) `}},[S,x]),f.useEffect(()=>{p(s||0)},[s]),f.useEffect(()=>{j(l||t)},[l]);const R=f.useCallback(U=>{Number(U.target.value)<x-N&&p(Number(U.target.value))},[x,S]),L=f.useCallback(U=>{Number(U.target.value)>S+N&&j(Number(U.target.value))},[x,S]),w=f.useCallback(()=>{o&&o({inputName:u,inputValue:S})},[o,u,S]),k=f.useCallback(()=>{c&&c({inputName:m,inputValue:x})},[c,m,x]);return r.jsxs("div",{"data-testid":E,className:T(v,g("range-container")),children:[r.jsx("label",{className:T(v,g("range-label")),children:n}),r.jsxs("div",{className:T(v,g("range")),children:[r.jsx("div",{ref:y,className:T(v,g("range-track"))}),r.jsx("input",{"data-testid":`${E}_min`,className:T(v,g("range-cursor range-cursor-min")),onMouseUp:w,onChange:R,value:S,type:"range",min:e,max:t,name:u,id:d,"aria-label":n}),r.jsx("input",{"data-testid":`${E}_max`,className:T(v,g("range-cursor range-cursor-max")),onMouseUp:k,onChange:L,value:x,type:"range",min:e,max:t,name:m,id:h,"aria-label":n})]}),r.jsxs("div",{className:T(v,g("range-values")),children:[r.jsxs("div",{children:[r.jsx("span",{className:T(v,g("range-value-min")),children:S}),i&&r.jsxs("span",{children:[" ",i]})]}),r.jsxs("div",{children:[r.jsx("span",{className:T(v,g("range-value-max")),children:x}),a&&r.jsxs("span",{children:[" ",a]})]})]})]})},Ic=f.forwardRef((e,t)=>{const{className:n,gapless:s,...l}=e,{styled:i}=$();return r.jsx("div",{ref:t,className:T(i,g("rows",s&&C("gapless"),n)),...l})}),ds=f.forwardRef((e,t)=>{const{className:n,narrow:s,...l}=e,{styled:i}=$(),a=T(i,g("row",s&&C("narrow"),n));return r.jsx("div",{ref:t,className:a,...l})}),za=f.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:l}=$(),a=T(l,g("scroll-view",t&&(()=>{switch(t){case(Rr==null?void 0:Rr.HORIZONTAL):return C("horizontal");case(Rr==null?void 0:Rr.VERTICAL):return C("vertical");default:return""}})()));return r.jsx("div",{ref:s,className:a,id:e,children:n})});za.displayName="ScrollView";const Q=O.forwardRef((e,t)=>{const{className:n,skeleton:s,background:l,backgroundSrc:i,inverted:a,paddingless:o,verticalPaddingless:c,fullwidth:u,...d}=e,{styled:m}=$(),[h,E]=f.useState(s||!1);f.useEffect(()=>{E(s||!1)},[s]);const N=T(m,g("section",n,l&&Z(Bt(l)),i&&Z("background"),a&&C("inverted"),C(h?"loading":"loaded"),u&&C("fullwidth"),o&&C("paddingless"),c&&C("vertical-paddingless")));return r.jsx("section",{ref:t,...i&&{style:{backgroundImage:`url(${i})`}},className:N,...d})}),el=({active:e,onClick:t,disabled:n,className:s,children:l})=>{const[i,a]=f.useState(e||!1),{styled:o}=$();return f.useEffect(()=>{a(e||!1)},[e]),r.jsx("button",{disabled:n,className:T(o,g("segmented-control-item",s,{"is-active":i})),onClick:c=>{const u=c.target;a(e||!1),u.active=e,t&&t(c)},children:l})},Yj=({className:e,onClick:t,disabled:n,marginless:s,children:l,activeIndex:i})=>{const{styled:a}=$(),o=T(a,g("segmented-control",s&&C("marginless"),e)),[c,u]=f.useState(i||0),d=(h,E)=>{if(typeof E<"u"&&!c)return E;if(h===c)return!0},m=(h,E)=>{if(n)return!1;u(E),t&&t(h)};return O.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:o,children:l&&Array.isArray(l)&&l.map((h,E)=>{const N={active:!!d(E,h.props.active)||!1,disabled:h.props.disabled,key:E,onClick:v=>{m(v,E),h&&h.props.onClick&&h.props.onClick(v)}};return h&&typeof h.valueOf()=="string"?r.jsx(el,{disabled:N.disabled,active:N.active,onClick:v=>t==null?void 0:t(v),children:h},N.key):O.cloneElement(h,N)})})},Xj=({onChange:e,nullable:t,disabled:n,onFocus:s,onBlur:l,children:i,selected:a,name:o,id:c,testId:u,label:d,iconName:m,multiple:h,className:E})=>{const{styled:N}=$(),[v,S]=O.useState(!1),[p,x]=O.useState(a),[j,y]=O.useState([]),R=O.useId(),L=O.useMemo(()=>T(N,g("select",E)),[N,E]),[w,k]=f.useState(-1),U=O.useCallback(()=>{S(Y=>!Y)},[]),F=O.useCallback(Y=>{Y===13&&S(ae=>h&&!ae?!0:h&&ae?ae:!ae)},[h]),se=f.useCallback(Y=>h&&p&&typeof p!="string"&&typeof p!="number"?p==null?void 0:p.includes(Y):p===Y,[h,p]),fe=f.useCallback(({isChecked:Y,children:ae,label:me,value:H})=>{const G=[];return Y&&x(W=>{switch(!0){case(Array.isArray(W)&&t):y(ge=>ge.filter(Ot=>![ae,me].includes(Ot)));const X=W.filter(ge=>ge!==H);return G.push(...X),X;case(Array.isArray(W)&&!t):return G.push(...W),W;case(!Array.isArray(W)&&!t):return G.push(H),W;case(!Array.isArray(W)&&t):y([]);return;default:return H}}),Y||(x(W=>{if(Array.isArray(W)){const X=[...W,H];return G.push(...X),X}return G.push(H),H}),y(W=>h?[...W,ae||me]:[ae||me])),G},[h,t]);O.useEffect(()=>{var ae;const Y=(ae=O.Children.map(i,me=>{if(!O.isValidElement(me))return!1;const H=me.props.children||me.props.label;switch(!0){case(Array.isArray(a)&&a.includes(me.props.value)||!Array.isArray(a)&&me.props.value===a):return H;default:return!1}}))==null?void 0:ae.filter(me=>me);Y&&y(Y),x(a)},[a]),O.useEffect(()=>{const Y=ae=>{const me=i,H=me[w];switch(ae.preventDefault(),!0){case ae.key==="ArrowDown":re&&k(W=>{let X=(W+1)%re.length;return me[X].props.disabled&&X++,X%re.length});break;case(ae.key==="ArrowUp"&&w!==-1):re&&k(W=>{let X=(W-1+re.length)%re.length;return me[X].props.disabled&&X--,X===-1&&(X=re.length-1),X%re.length});break;case(ae.key==="ArrowUp"&&w===-1):re&&k(()=>{let W=re.length-1;return me[W].props.disabled&&W--,W});break;case(["Enter"].includes(ae.key)&&w!==-1&&!H.props.disabled):const G=se(H.props.value);fe({children:H.props.children,label:H.props.label,value:H.props.value,isChecked:G});break;case ae.key==="Escape":k(-1),S(!1);break;default:return}};return v&&document.addEventListener("keydown",Y),!v&&k(-1),()=>document.removeEventListener("keydown",Y)},[v,w,i,se]);const Ae=f.useMemo(()=>r.jsx("div",{role:"presentation",className:"select-trilogy_modal_open",onClick:()=>S(!1)}),[]),re=O.useMemo(()=>O.Children.map(i,(Y,ae)=>{if(!O.isValidElement(Y))return null;const me=G=>{switch(!0){case(t&&h&&(p==null?void 0:p.includes(Y.props.value))||t&&!h&&p===Y.props.value):return;default:return G}},H={...Y.props,checked:se(Y.props.value),focused:w===ae?"true":void 0,onClick:()=>{const G=fe({children:Y.props.children,label:Y.props.label,value:Y.props.value,isChecked:se(Y.props.value)});e&&e({selectValue:me(Y.props.value),selectName:me(Y.props.children||Y.props.label),selectId:me(Y.props.id),name:me(Y.props.children||Y.props.label),selectedOptions:G}),Y.props.onClick&&Y.props.onClick()}};return f.createElement(Re,{...H,key:`${R}_${ae}`})}),[h,t,p,w,i]);return r.jsxs("div",{className:L,children:[r.jsx(xe,{value:j.join(", "),testId:u,name:o,disabled:n,placeholder:d,onFocus:s,customIconLeft:m,customIconRight:v?"tri-arrow-up":"tri-arrow-down",onBlur:l,onClick:U,className:T(N,g(v&&"focus")),onKeyPress:Y=>{Y.preventDefault()},onKeyUp:Y=>{Y.preventDefault(),F(Y.inputKeyCode)},readOnly:!0,id:c,role:"listbox"}),v&&r.jsx("div",{className:T(N,g("select-options")),children:re}),v&&WE.createPortal(Ae,document.body)]})},Kj=({onChange:e,disabled:t,onFocus:n,onBlur:s,children:l,selected:i,name:a,id:o,testId:c,label:u,iconName:d,multiple:m,className:h,accessibilityLabel:E,...N})=>{const{styled:v}=$(),S=f.useMemo(()=>T(v,g("select",h)),[v,h,d]),[p,x]=f.useState(!1),[j,y]=f.useState(i);f.useEffect(()=>{y(i)},[i]);const R=f.useMemo(()=>({input:T(v,g("input",t&&C("disabled"),"select-native",m&&"multiple",h)),control:T(v,g("control",Z("dynamic-placeholder"),d&&"has-icons-left",d&&"has-icons-right"))}),[v,t,d,h,m]),L=f.useCallback(k=>{x(!0),n&&n(k)},[]),w=f.useCallback(k=>{x(!1),s&&s(k)},[]);return r.jsx("div",{className:S,children:r.jsx("div",{className:T(v,g("field",p&&"focus")),children:r.jsxs("div",{className:R.control,children:[r.jsx("div",{className:R.input,children:r.jsx("select",{multiple:m,className:T(v,g(!u&&"no-label")),value:j,"aria-label":E,"data-testid":c,onChange:k=>{const U=Array.from(k.target.selectedOptions).map(F=>F.value);y(U),e&&e({selectValue:k.target.value,selectName:k.target.name,selectId:k.target.id,name:k.target.name,selectedOptions:U})},onFocus:L,onBlur:w,id:o?String(o):void 0,name:a,disabled:t,...N,role:"listbox",children:f.Children.map(l,k=>{if(!f.isValidElement(k))return null;const U={...k.props,native:"true"};return r.jsx(Re,{...U})})})}),u&&!m&&r.jsx("label",{htmlFor:o,children:u}),d&&r.jsx("div",{children:r.jsx(z,{name:d,size:"small"})}),!m&&r.jsx("div",{children:r.jsx(z,{className:"icon-right",name:p?"tri-arrow-up":"tri-arrow-down",size:K.SMALL})})]})})})},Kr=({native:e,...t})=>e?r.jsx(Kj,{...t}):r.jsx(Xj,{...t}),Re=f.forwardRef((e,t)=>{const{id:n,className:s,value:l,disabled:i,children:a,onClick:o,label:c,iconName:u,testId:d,...m}=e,{checked:h,native:E,focused:N,...v}=m,S=f.useMemo(()=>g(N&&"focus",s),[N,s]);return E?r.jsx("option",{ref:t,role:"option",id:n,value:l,disabled:i,"aria-label":c,"data-testid":d,onClick:o,...v,children:a||c}):r.jsx(Pt,{checked:h,tile:!0,horizontalTile:!0,marginless:!0,className:S,value:l,disabled:i,onClick:o,iconTile:u,description:c||a,testId:d,...m})}),Di=({active:e,children:t,className:n,onClick:s,...l})=>{const[i,a]=f.useState(e||!1),o={li:{role:"presentation"},a:{role:"selector","aria-selected":i}};return f.useEffect(()=>{a(e||!1)},[e]),r.jsx("li",{className:g(n,{"is-active":i}),...o.li,...l,onClick:c=>{const u=c.target;a(e||!1),u.active=e,s&&s(c)},children:t&&typeof t.valueOf()=="string"&&r.jsx(A,{markup:lt.A,...o.a,...l,children:String(t)})})},Qj=({children:e,className:t,onClick:n,activeIndex:s,disabled:l,align:i,justify:a,...o})=>{const[c,u]=f.useState(s||0),d=g("selector",i&&C(In(i)),a&&C(a),t),m=(E,N)=>{if(typeof N<"u"&&!c)return N;if(E===c)return!0},h=(E,N)=>{if(l)return!1;u(N),n&&n(E)};return f.useEffect(()=>{u(c)},[c]),r.jsx("div",{className:d,role:"tablist",...o,children:r.jsx("ul",{children:e&&Array.isArray(e)&&e.map((E,N)=>{const v={active:!!m(N,E.props.active)||!1,key:N,tabIndex:N,onClick:S=>{h(S,N),E&&E.props.onClick&&E.props.onClick(S)}};return typeof E.valueOf()=="string"?r.jsx(Di,{active:v.active,onClick:S=>n==null?void 0:n(S),children:r.jsx(A,{children:String(E)})}):O.cloneElement(E,v)})})})},ve=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return r.jsx("div",{style:n.spacer})},Ws=e=>8*e;var be=(e=>(e[e.NONE=0]="NONE",e[e.SMALLER=Ws(.5)]="SMALLER",e[e.SMALL=Ws(1)]="SMALL",e[e.MEDIUM=Ws(2)]="MEDIUM",e[e.LARGE=Ws(3)]="LARGE",e[e.HUGE=Ws(4)]="HUGE",e))(be||{});const Zj=f.forwardRef((e,t)=>{const{className:n,centered:s,children:l,...i}=e,{styled:a}=$(),o=T(a,g("stepper-wrapper",n)),c=T(a,g("section",Z("text-centered"),n)),[u,d]=f.useState(0),m=f.useMemo(()=>l&&Array.isArray(l)?l.length:l&&!Array.isArray(l)?1:0,[l]);return f.useEffect(()=>{if(l)if(Array.isArray(l)){let h=!1;l.map(E=>{var N;(N=E==null?void 0:E.props)!=null&&N.current&&(h=!0,d(E.props.step))}),h||d(1)}else d(1)},[l]),s?r.jsx("section",{ref:t,className:c,children:r.jsxs("div",{className:o,...i,children:[l,r.jsxs("div",{className:"step-count",children:[u,"/",m]})]})}):r.jsxs("div",{ref:t,className:o,...i,children:[l,r.jsxs("div",{className:"step-count",children:[u,"/",m]})]})});var Mi=(e=>(e.P="p",e.SPAN="span",e.DIV="div",e.A="a",e))(Mi||{});const Bs=O.forwardRef((e,t)=>{const{children:n,className:s,active:l,markup:i,current:a,done:o,label:c,iconName:u,error:d,...m}=e,{styled:h}=$(),E=T(h,g("step-label")),N=T(h,g("stepper-item",l&&C("active"),a&&C("current"),o&&C("done"),d&&C("error"),s)),S=i&&(p=>{if(p in Mi||Object.values(Mi).includes(p))return!0})(i)?i:Mi.DIV;return r.jsx(S,{ref:t,className:N,"data-label":c,...m,children:r.jsxs("div",{className:E,children:[c||n,!o&&u&&r.jsx(z,{name:u&&u,className:"step-icon",size:K.MEDIUM})]})})});var kc=(e=>(e.DIV="div",e.P="p",e.SPAN="span",e))(kc||{});const jr=({className:e,children:t,variant:n,small:s,hat:l,markup:i,outlined:a,...o})=>{const{styled:c}=$(),u=T(c,g("sticker",n&&C(Lj(n)),s&&C("small"),l&&C("hat"),e,a&&C("outlined"))),m=i&&(h=>{if(h in kc||Object.values(kc).includes(h))return!0})(i)?i:"div";return r.jsx(m,{className:u,...o,children:t})},Nr=({className:e,id:t=qt.generate(),label:n,value:s,checked:l,onChange:i,onClick:a,status:o,disabled:c,readonly:u,name:d,reversed:m,...h})=>{const[E,N]=f.useState(l||!1),{styled:v}=$();return O.useEffect(()=>{N(l||!1)},[l]),f.useEffect(()=>{u||N(l||!1)},[l,u]),r.jsxs("div",{className:T(v,g("switch",m&&C("reversed"),e)),children:[r.jsx("input",{onChange:S=>{u||N(!E),i&&i({switchState:S.target.checked,switchName:S.target.name})},onClick:S=>{u||N(!E),a&&a({switchState:S.target.checked,switchName:S.target.name})},name:d,value:s,checked:u?l:E,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:T(v,g(o&&C(Ha(o)))),...h}),r.jsx("label",{htmlFor:`switch-${t}`,children:n})]})},So=({className:e,fullwidth:t,bordered:n,comparative:s,striped:l,compact:i,...a})=>{const{styled:o}=$(),c=T(o,g("table",t&&C("fullwidth"),n&&C("bordered"),s&&C("comparative"),l&&C("striped"),i&&C("compact"),e));return r.jsx("table",{className:c,...a})},yo=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:l}=$(),i=T(l,g(e,n&&Z(Bt(n)),t&&C(jt(t))));return r.jsx("thead",{className:i,...s})},Co=({className:e,color:t,backgroundColor:n,...s})=>{const{styled:l}=$(),i=T(l,g(e,n&&Z(Bt(n)),t&&C(jt(t))));return r.jsx("tbody",{className:i,...s})},Ke=({className:e,colSpan:t,rowSpan:n,...s})=>{const{styled:l}=$(),i=T(l,g(e));return r.jsx("th",{className:i,colSpan:t,rowSpan:n,...s})},pt=({className:e,expandable:t,expanded:n,expansion:s,color:l,...i})=>{const{styled:a}=$(),o=T(a,g(e,t&&C("expandable"),n&&C("expanded"),s&&C("expansion"),l&&jt(l)));return r.jsx("tr",{className:o,...i})},J=({className:e,rowSpan:t,colSpan:n,...s})=>{const{styled:l}=$(),i=T(l,g(e));return r.jsx("td",{className:i,rowSpan:t,colSpan:n,...s})},Sr=O.forwardRef((e,t)=>{const{children:n,className:s,onClick:l,activeIndex:i,disabled:a,rightAlign:o,fullwidth:c,align:u,centered:d,marginless:m,inverted:h,shadowless:E,textAlign:N,testId:v,...S}=e,[p,x]=f.useState(i||0),{styled:j}=$(),[y,R]=O.useState(!1),L=T(j,g("tabs",o&&C("right"),c&&C("fullwidth"),d&&C("centered"),m&&C("marginless"),y&&C("icons"),s)),w=O.useCallback((U,F)=>{if(typeof F<"u"&&!p)return F;if(U===p)return!0},[p]),k=O.useCallback((U,F)=>{if(a)return!1;x(F),l&&l(U)},[a]);return f.useEffect(()=>{x(p)},[i]),r.jsx("div",{ref:t,className:T(j,g("tab-context",h&&C("inverted"),u&&Z(`text-${u}`),E&&C("shadowless"),N&&N)),"data-tabs-context":"","data-testid":v,children:r.jsx("div",{className:L,role:"tablist",...S,children:O.Children.map(n,(U,F)=>{if(O.isValidElement(U)){!y&&U.props.iconName&&R(!0);const Ae={active:!!w(F,U.props.active)||!1,key:F,onClick:re=>{k(re,F),U&&U.props.onClick&&U.props.onClick(re)}};return O.cloneElement(U,Ae)}})})})}),oe=O.forwardRef((e,t)=>{const{active:n,children:s,className:l,onClick:i,to:a,href:o,routerLink:c,iconName:u,disabled:d,testId:m,...h}=e,[E,N]=f.useState(n||!1),{styled:v}=$(),S={a:{"aria-selected":E,"data-tab-navigation":""}};f.useEffect(()=>{N(n||!1)},[n]);const p=T(v,g("tab",l,{"is-active":E}));if(c&&(a||o)){const x=c||"a";return r.jsxs(x,{ref:t,"data-testid":m,tabIndex:0,...S.a,to:a,href:o,className:p,...h,onClick:j=>{if(!d){const y=j.target;N(n||!1),y.active=n,i&&i(j)}},children:[r.jsx("div",{className:"tab-icon",children:u&&r.jsx(z,{align:"ALIGNED_CENTER",size:"small",name:u})}),s]})}return r.jsxs("button",{ref:t,"aria-disabled":d,disabled:d,className:p,role:"tab","data-testid":m,...S.a,...h,onClick:x=>{if(!d){const j=x.target;N(n||!1),j.active=n,i&&i(x)}},children:[r.jsx("div",{className:"tab-icon",children:u&&r.jsx(z,{align:"ALIGNED_CENTER",size:"small",name:u})}),s]})}),We=({children:e,className:t,variant:n,deletable:s,onClick:l,inverted:i,small:a,iconName:o,testId:c,...u})=>{const[d,m]=f.useState(s||!1),{styled:h}=$(),E=T(h,g("tag",!s&&n&&C(jt(n)),!s&&i&&C("inverted"),a&&C("small"),!s&&t,s&&!d&&C("hidden"))),N=T(h,g(n&&C(jt(n)))),v=p=>{m(!1),l&&l(p)},S=T(h,g("tags",n&&C(jt(n)),s&&[Z("addons"),C("delete")],i&&C("inverted"),a&&C("small"),t));return s&&d?r.jsxs("div",{"data-testid":c,className:S,children:[r.jsx("span",{className:E,children:e}),r.jsx("a",{"data-testid":`${c}_close_button`,onClick:v,className:E})]}):r.jsxs("span",{"data-testid":c,onClick:l&&l,className:E,...u,children:[o&&r.jsx(z,{className:N,name:o}),e]})},Ro=f.forwardRef((e,t)=>{const{className:n,gapless:s,centered:l,marginless:i,...a}=e,{styled:o}=$();return r.jsx("span",{ref:t,className:T(o,g("tags",l&&C("centered"),s&&C("gapless"),i&&C("marginless"),n)),...a})});var Be=(e=>(e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING",e))(Be||{});const yn=({className:e,sample:t,required:n,disabled:s,onChange:l,placeholder:i,defaultValue:a,help:o,status:c,statusIconName:u,dynamicPlaceholder:d=!0,rows:m,ref:h,label:E,maxLength:N,minLength:v,iconName:S,typo:p,testId:x,...j})=>{const[y,R]=f.useState(a||""),{styled:L}=$();f.useEffect(()=>{R(a||"")},[a]);const w=T(L,g("textarea-wrapper",e,c&&C(c))),k=T(L,g("textarea",d&&Z("dynamic-label"),S&&Z("icon"))),U=g("help"),F=T(L,g("counter",N));return r.jsxs("div",{className:w,children:[!d&&r.jsxs("label",{className:"textarea-label",children:[E," ",E&&n&&r.jsx(A,{markup:lt.SPAN,typo:Zt.TEXT_ERROR,children:"*"})]}),!d&&E&&t&&r.jsx(A,{className:"textarea-sample",level:_e.TWO,typo:Zt.TEXT_DISABLED,children:t}),r.jsx("textarea",{"data-testid":x,minLength:v,disabled:s,ref:h,...j,className:k,value:y,onChange:se=>{R(se.target.value),l&&l({textareaName:se.target.name,textareaValue:se.target.value})},placeholder:i,rows:m,maxLength:N,required:n}),d&&r.jsx("label",{children:E}),S&&r.jsx(z,{name:S,size:"small"}),u&&r.jsx(z,{name:u,size:"small"}),o&&r.jsx(A,{typo:p,className:U,children:o}),N&&r.jsx("div",{className:F,children:`${y.length}/${N==null?void 0:N.toString()}`})]})},Hn=({children:e,className:t,heading:n,content:s,link:l,contentLink:i,onClick:a,...o})=>{const{styled:c}=$(),u=T(c,g("timeline-content",t));return e?r.jsx("div",{className:u,...o,children:e}):r.jsxs("div",{className:u,...o,onClick:d=>{a==null||a(d),d.stopPropagation()},children:[n&&r.jsx(A,{markup:lt.P,children:n}),s&&r.jsx(A,{className:"main-content",markup:lt.P,children:s}),l&&r.jsx(at,{href:l,children:i||l})]})},zn=f.forwardRef((e,t)=>{const{className:n,done:s,active:l,undone:i,cancel:a,...o}=e,{styled:c}=$(),u=T(c,g("timeline-item",s&&"done",l&&"active",i&&"undone",a&&"cancel",n));return r.jsx("div",{ref:t,className:u,...o})}),$n=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:l,...i})=>{const{styled:a}=$(),o=T(a,g("timeline-marker",C("icon"),e)),c=g(t);return r.jsx("div",{className:o,...i,"data-testid":l,children:r.jsx("div",{className:"card-header-icon",children:r.jsx(z,{color:s,className:c,name:n,size:K.SMALL})})})},Rf=f.forwardRef((e,t)=>{const{className:n,notifications:s,horizontal:l,...i}=e,{styled:a}=$(),o=T(a,g("timeline",s&&s,l&&C("horizontal"),n));return r.jsx("div",{ref:t,className:o,...i})});var Es=(e=>(e.BUTTON="button",e.INPUT="input",e.A="a",e.SPAN="span",e.DIV="div",e.P="p",e.UL="ul",e.LI="li",e.LABEL="label",e))(Es||{});const Ge=({children:e,style:t,className:n,loading:s,onClick:l,background:i,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:m,align:h,...E})=>{const{styled:N}=$(),S=u&&(x=>{if(x in Es||Object.values(Es).includes(x))return!0})(u)?u:"div",p=T(N,g(typeof s=="string"&&C(Tj(s)),C(typeof s=="boolean"?"loading":"loaded"),i&&Z(Bt(i)),a&&Z("background"),o&&C("inverted")||C("base"),c&&C("fullwidth"),d&&C("flex"),typeof m=="string"&&C(wj(m)),typeof h=="string"&&C(In(h)),n));return r.jsx(S,{onClick:l,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...E,children:e})},Jj=()=>r.jsxs(Q,{children:[r.jsx(_,{level:M.TWO,children:"Base"}),r.jsx(ve,{size:10}),r.jsxs(Mu,{children:[r.jsxs(er,{id:"ONE",active:!0,children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(nr,{dataId:"totooooo-test-id",testId:"totooooo",children:r.jsx(A,{children:"Lorem ipsum dolor sit amet lorem"})})]}),r.jsxs(er,{active:!0,id:"TWO",children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(nr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(er,{id:"THREE",children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(nr,{children:r.jsx(A,{children:"Collpased by default"})})]}),r.jsxs(er,{disabled:!0,id:"FOUR",children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(nr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(V,{})]}),wf=()=>0,ex=O.createContext({show:wf,hide:wf}),e0={icons:{},colors:{},fontFamily:{}},t0={theme:e0,setTheme:()=>{}},n0=O.createContext(t0);var Ve;(function(e){e.BACKGROUND="WHITE",e.FADE_BACKGROUND="FADE_WHITE",e.MAIN="MAIN",e.FADE_MAIN="FADE_MAIN",e.ACCENT="ACCENT",e.FADE_ACCENT="FADE_ACCENT",e.FONT="FONT",e.FADE_FONT="FADE_FONT",e.SUCCESS="SUCCESS",e.FADE_SUCCESS="FADE_SUCCESS",e.INFO="INFO",e.FADE_INFO="FADE_INFO",e.WARNING="WARNING",e.FADE_WARNING="FADE_WARNING",e.ERROR="ERROR",e.FADE_ERROR="FADE_ERROR",e.DISABLED="DISABLED",e.FADE_DISABLED="FADE_DISABLED",e.NEUTRAL="NEUTRAL",e.FADE_NEUTRAL="FADE_NEUTRAL"})(Ve||(Ve={}));const Pi={[Ve.BACKGROUND]:["#fff","#E9E9E9","white","main"],[Ve.MAIN]:["#3d5d7e","#eff2f8","main","white"],[Ve.ACCENT]:["#da641b","#bb5118","accent","white"],[Ve.FONT]:["#3d5d7e","#BBC6CD","main","white"],[Ve.SUCCESS]:["#007B52","#cae8ca","success","white"],[Ve.INFO]:["#1A688A","#c8dbec","info","white"],[Ve.WARNING]:["#FFBB33","#ecdbc6","warning","white"],[Ve.ERROR]:["#D42D02","#eecccc","error","white"],[Ve.DISABLED]:["#646464","#D1D1D1","disabled","white"],[Ve.NEUTRAL]:["#707070","#F4F4F4","grey","white"]},Fr=e=>Pi[e][2],r0=e=>{switch(e){case"CONVERSION":return"conversion";case"PRIMARY":return"primary";case"SECONDARY":return"secondary";case"GHOST":return"ghost";case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";case"DISABLED":return"disabled";default:return"primary"}},tx=(e,t)=>{if(e.startsWith("FADE_")&&(t=1,e=e.replace("FADE_","")),typeof navigator<"u"&&navigator.userAgent===void 0){const{theme:n}=f.useContext(n0),s=(n==null?void 0:n.colors)||Pi,l=s[e]||s.default,i=t&&t!==void 0&&t>=0&&t<l.length?t:0;return!e||!Pi[e]?s.default:l[i]}else{const n=Pi[e],s=t!==void 0&&t>=0&&t<n.length?t:0;return n[s]}},Dl=e=>e&&typeof e=="object"?`background-${Fr(e.color)}${e.fade?"-fade":""}`:e.startsWith("FADE-")?`background-${Fr(e.replace("FADE-",""))}-fade`:`background-${Fr(e)}`;var Tf;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(Tf||(Tf={}));const s0=e=>{switch(e){case"MAIN":return"text-main";case"ACCENT":return"text-accent";case"INFO":return"text-info";case"WHITE":return"text-white";case"NEUTRAL":return"text-neutral";case"SUCCESS":return"text-success";case"WARNING":return"text-warning";case"ERROR":return"text-error";default:return""}};var cn;(function(e){e.ALERT="tri-alert",e.ARROW_DOWN="tri-arrow-down",e.ARROW_LEFT="tri-arrow-left",e.ARROW_RIGHT="tri-arrow-right",e.ARROW_UP="tri-arrow-up",e.BELL="tri-bell",e.CHECK_CIRCLE="tri-check-circle",e.CHECK="tri-check",e.EXCLAMATION_CIRCLE="tri-exclamation-circle",e.EYE_SLASH="tri-eye-slash",e.EYE="tri-eye",e.INFOS_CIRCLE="tri-infos-circle",e.SEARCH="tri-search",e.TIMES="tri-times",e.TIMES_CIRCLE="tri-times",e.TRASH="tri-trash",e.PICTO_FACILITI="tri-picto-faciliti",e.PICTO_HANDICAPZERO="tri-picto-handicapzero",e.PICTO_LA_FIBRE="tri-picto-la-fibre",e.PICTO_PAYMENT_AMERICANEXPRESS="tri-picto-payment-americanexpress",e.PICTO_PAYMENT_CB="tri-picto-payment-cb",e.PICTO_PAYMENT_MASTERCARD="tri-picto-payment-mastercard",e.PICTO_PAYMENT_PAYPAL="tri-picto-payment-paypal",e.PICTO_PAYMENT_VISA="tri-picto-payment-visa"})(cn||(cn={}));var hn;(function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e.HUGE="huge",e.SMALLER="smaller"})(hn||(hn={}));var fa;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.WARNING="WARNING",e.INFO="INFO",e.WHITE="WHITE"})(fa||(fa={}));var _c;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.INFO="INFO",e.WARNING="WARNING",e.MAIN="MAIN",e.BACKGROUND="BACKGROUND",e.ACCENT="ACCENT",e.NEUTRAL="NEUTRAL",e.WHITE="WHITE",e.GREY="NEUTRAL"})(_c||(_c={}));var Gn;(function(e){e.UP="up",e.DOWN="down",e.LEFT="left",e.RIGHT="right"})(Gn||(Gn={}));var ma;(function(e){e.DIV="div",e.A="a",e.P="p",e.SPAN="span"})(ma||(ma={}));var Lf;(function(e){e.TOP="top",e.BOTTOM="bottom"})(Lf||(Lf={}));function l0(e,t){return!e&&!t?"":Se(t?`bg-${t}`:`bg-${e.toLowerCase()}`)}function nx(e){return t=>t!==""?`${e}-${t.toLowerCase()}`:""}const I=nx("is"),Se=nx("has"),i0="e4daf4e",a0={HASH:i0},P=(e=!1,t)=>t.trim().length<1?"":e?t.split(" ").map(n=>n=`${n}__${a0.HASH}`).join(" "):t;var Oc;(function(e){e.Browser="browser",e.Server="server",e.Native="native"})(Oc||(Oc={}));const{Browser:Fi,Server:rx,Native:sx}=Oc,o0=!!(typeof window<"u"&&window.document&&window.document.createElement),c0=typeof navigator<"u"&&navigator.product=="ReactNative",Qr=c0?sx:o0?Fi:rx,Af={isBrowser:Qr===Fi,isServer:Qr===rx,isNative:Qr===sx,device:Qr,canUseWorkers:typeof Worker<"u",canUseEventListeners:Qr===Fi&&!!window.addEventListener,canUseViewport:Qr===Fi&&!!window.screen},u0=(...e)=>Object.assign({},...e),d0=e=>Object.values(e),f0=()=>u0((d0(Af),Af));f0();const m0=f.createContext({styled:!1,setStyled:()=>{}}),ne=()=>{const e=f.useContext(m0);if(e===void 0)throw new Error("useTrilogyContext must be used within a TrilogyProvider");return e},If=({className:e,name:t,status:n,statusPosition:s,size:l,testId:i})=>{const{styled:a}=ne(),o=P(a,g("icon",l&&I(`${l}`),I("ancestor"),Se("status"),e)),c=P(a,g("icon is-circled is-descendant",n&&I(`${n.toLowerCase()}`),s&&I(`${s}`))),u=P(a,g(n===fa.SUCCESS?cn.CHECK_CIRCLE:cn.TIMES));return f.createElement("span",{className:o,"aria-hidden":"true","data-testid":i},f.createElement("span",{className:P(a,g(t))}),f.createElement("span",{className:c},f.createElement("i",{className:u})))},kf=({className:e,name:t,status:n,size:s,color:l,backgroundColor:i,testId:a})=>{const{styled:o}=ne(),c=i&&Se(Dl(i))||l0(n||"",fa.INFO)||Se(Dl(Ve.MAIN)),u=P(o,g("icon",Se(l?s0(l):"text-white"),I(l||Ve.BACKGROUND),[I(`${s}`)],I("circled"),c,e)),d=P(o,g(t));return f.createElement("span",{className:u,"data-testid":a},f.createElement("i",{className:d}))},Dc=({className:e,textClassName:t,name:n,content:s,position:l,markup:i,textId:a,textAriaLevel:o,textRole:c,...u})=>{const{styled:d}=ne(),h=i&&(E=>{if(E in ma||Object.values(ma).includes(E))return!0})(i)?i:"span";return l?f.createElement("span",{className:P(d,g("icon-and-text",(l===Gn.UP||l===Gn.DOWN)&&I("stacked"),e))},(l===Gn.RIGHT||l===Gn.DOWN)&&s&&(s&&typeof s.valueOf()=="string"?f.createElement(h,{className:P(d,g(t)),id:a,"aria-level":o,role:c},String(s)):s),f.createElement(Nt,{name:n,className:e,...u}),(l===Gn.UP||l===Gn.LEFT)&&s&&(s&&typeof s.valueOf()=="string"?f.createElement(h,{className:P(d,g(t)),id:a,"aria-level":o,role:c},String(s)):s)):f.createElement("span",{className:P(d,g("icon-and-text",e))},f.createElement(Nt,{name:n,...u}),s&&typeof s.valueOf()=="string"?f.createElement(h,{className:P(d,g(t)),id:a,"aria-level":o,role:c},String(s)):s)};var dl;(function(e){e.ALIGNED_CENTER="ALIGNED_CENTER",e.ALIGNED_START="ALIGNED_START",e.ALIGNED_END="ALIGNED_END"})(dl||(dl={}));const _r=e=>{switch(e){case"ALIGNED_CENTER":return"aligned-center";case"ALIGNED_START":return"aligned-start";case"ALIGNED_END":return"aligned-end";default:return"aligned-start"}},Nt=({className:e,textClassName:t,size:n,name:s,status:l,circled:i,content:a,position:o,markup:c,stacked:u,badgeContent:d,statusPosition:m,stretched:h,color:E,backgroundColor:N,onClick:v,align:S,skeleton:p,verticalAlign:x,testId:j,marginless:y,...R})=>{const{styled:L}=ne(),w=P(L,g("icon",h&&I("stretched"),n&&I(n),u&&I("stacked"),E&&I(`${Fr(E)}`),p&&I("loading"),d&&I("stacked"),y&&I("marginless"),e));e=g(a&&x&&I(`${_r(x)}`),e);const k=P(L,g(S&&_r(S)==="aligned-start"&&Se("text-left")||_r(S)==="aligned-center"&&Se("text-centered")||_r(S)==="aligned-end"&&Se("text-right")));return i||i&&l?S?f.createElement("div",{className:k},f.createElement(kf,{testId:j,onClick:v&&v,className:e,name:s,status:l,size:n,color:E,backgroundColor:N,...R})):f.createElement(kf,{testId:j,onClick:v&&v,className:e,name:s,status:l,size:n,color:E,backgroundColor:N,...R}):l?S?f.createElement("div",{className:k},f.createElement(If,{testId:j,onClick:v&&v,statusPosition:m,className:e,name:s,size:n,status:l,...R})):f.createElement(If,{testId:j,onClick:v&&v,statusPosition:m,className:e,name:s,size:n,status:l,...R}):a&&!d?S?f.createElement("div",{className:k},f.createElement(Dc,{testId:j,onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:l,color:E,...R})):f.createElement(Dc,{onClick:v&&v,className:e,name:s,content:a,position:o,textClassName:t,size:n,markup:c,status:l,color:E,...R}):d?S?f.createElement("div",{className:k},f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}),f.createElement("span",{className:P(L,g("badge",I("up")))},d)),a&&f.createElement("span",{className:P(L,g(t))},a)):f.createElement(f.Fragment,null,f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}),f.createElement("span",{className:P(L,g("badge",I("up")))},d)),a&&f.createElement("span",{className:P(L,g(t))},a)):h?S?f.createElement("div",{className:k},f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}))):f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"})):E?S?f.createElement("div",{className:k},f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}))):f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"})):S?f.createElement("div",{className:k},f.createElement("span",{onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}))):f.createElement("span",{"data-testid":j,onClick:v&&v,className:w,...R},f.createElement("i",{className:P(L,g(s)),"aria-hidden":"true"}))};var Tn;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.WARNING="WARNING",e.ERROR="ERROR"})(Tn||(Tn={}));const $a=e=>{switch(e){case"SUCCESS":return"success";case"INFO":return"info";case"WARNING":return"warning";case"ERROR":return"error";default:return""}};var qn;(function(e){e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL"})(qn||(qn={}));var _f;(function(e){e.JUSTIFIED_CENTER="justified-center",e.JUSTIFIED_START="justified-start",e.JUSTIFIED_END="justified-end",e.SPACE_BETWEEN="space-between"})(_f||(_f={}));const h0=e=>{switch(e){case"justified-center":return"centered";case"justified-start":return"justified-start";case"justified-end":return"justified-end";case"space-between":return"spaced-between";default:return"justified-start"}};var Of;(function(e){e.LOADING="LOADING",e.LOADED="LOADED"})(Of||(Of={}));const p0=e=>{switch(e){case"LOADING":return"loading";case"LOADED":return"loaded";default:return""}};var Df;(function(e){e.TOP="TOP",e.BOTTOM="BOTTOM"})(Df||(Df={}));var fl;(function(e){e.MAIN="MAIN",e.ACCENT="ACCENT",e.INFO="INFO"})(fl||(fl={}));var Ls;(function(e){e.TEXT_CENTERED="has-text-centered",e.TEXT_JUSTIFIED="has-text-justified",e.TEXT_LEFT="has-text-left",e.TEXT_RIGHT="has-text-right"})(Ls||(Ls={}));var Ml;(function(e){e.TEXT_WEIGHT_NORMAL="has-text-weight-normal",e.TEXT_WEIGHT_MEDIUM="has-text-weight-medium",e.TEXT_WEIGHT_SEMIBOLD="has-text-weight-semibold",e.TEXT_WEIGHT_BOLD="has-text-weight-bold"})(Ml||(Ml={}));var ha;(function(e){e.TEXT_MAIN="has-text-main",e.TEXT_ACCENT="has-text-accent",e.TEXT_INFO="has-text-info",e.TEXT_SUCCESS="has-text-success",e.TEXT_WARNING="has-text-warning",e.TEXT_ERROR="has-text-error",e.TEXT_NEUTRAL="has-text-grey",e.TEXT_WHITE="has-text-white",e.TEXT_DISABLED="has-text-disabled"})(ha||(ha={}));var Mf;(function(e){e.TEXT_CAPITALIZED="is-capitalized",e.TEXT_LOWERCASE="is-lowercase",e.TEXT_UPPERCASE="is-uppercase",e.TEXT_ITALIC="is-italic"})(Mf||(Mf={}));var zt;(function(e){e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR"})(zt||(zt={}));var fn;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(fn||(fn={}));const Xe=({level:e,markup:t,children:n,className:s,href:l,title:i,onClick:a,typo:o,inverted:c,skeleton:u,testId:d,accessibilityLabel:m,htmlContent:h,marginless:E,link:N,numberOfLines:v,...S})=>{const{styled:p}=ne(),j=P(p,g(N?"link":"text",e&&(()=>{if(e)switch(e){case zt.ONE:return I("level-1");case zt.TWO:return I("level-2");case zt.THREE:return I("level-3");case zt.FOUR:return I("level-4");default:return I(`level-${e}`)}})(),c&&I("inverted"),o,I(u?"loading":"loaded"),E&&I("marginless"),v&&I("text-ellipsis"),s)),R=t&&(L=>{if(L in fn||Object.values(fn).includes(L))return!0})(t)?t:"p";return f.createElement(R,{style:v?{WebkitLineClamp:v}:{},"data-testid":d,"aria-label":m,onClick:a,title:i,className:j,...h&&{dangerouslySetInnerHTML:{__html:h}},...R===fn.A&&{href:l},...S},n)};var ue;(function(e){e.ONE="ONE",e.TWO="TWO",e.THREE="THREE",e.FOUR="FOUR",e.FIVE="FIVE",e.SIX="SIX"})(ue||(ue={}));var Pl;(function(e){e.H1="h1",e.H2="h2",e.H3="h3",e.H4="h4",e.H5="h5",e.H6="h6",e.P="p",e.SPAN="span",e.DIV="div"})(Pl||(Pl={}));const x0=e=>{if(e)switch(e){case ue.ONE:return I("level-1");case ue.TWO:return I("level-2");case ue.THREE:return I("level-3");case ue.FOUR:return I("level-4");case ue.FIVE:return I("level-5");case ue.SIX:return I("level-6");default:return I(`level-${e}`)}},v0=e=>e in Pl||Object.values(Pl).includes(e),Ne=({level:e=ue.ONE,markup:t,children:n,className:s,typo:l,skeleton:i,inverted:a,onClick:o,testId:c,accessibilityLabel:u,subtitle:d,overline:m,marginless:h,htmlContent:E,...N})=>{const[v,S]=f.useState(i||!1),{styled:p}=ne(),x=P(p,g("title",e&&x0(e),l,I(v?"loading":"loaded"),a&&I("inverted"),h&&I("marginless"),s)),j=P(p,g("subtitle",l,s)),y=P(p,g("overline",l,s));f.useEffect(()=>{S(i||!1)},[i]);const R=t&&v0(t)?t:"div",L=()=>d?j:m?y:x;return O.createElement(R,{"data-testid":c,"aria-label":u,onClick:o,className:L(),...E&&{dangerouslySetInnerHTML:{__html:E}},...N},n)};var Or;(function(e){e.TOP="top",e.BOTTOM="bottom"})(Or||(Or={}));const E0=({props:e,...t})=>{const{styled:n}=ne(),{title:s,position:l,description:i,iconName:a,status:o,closable:c,onClick:u,className:d,offset:m,children:h}=e,E=!!s,N={top:m||0,position:"fixed"},v={bottom:m||0,position:"fixed"},S=P(n,g("toaster",o&&I($a(o)),!alert&&I("info"),d));return E?h?f.createElement("div",{"data-testid":e.testId,style:l===Or.TOP&&N||l===Or.BOTTOM&&v||N,onClick:p=>{u==null||u(p),p.stopPropagation()},className:S,...t},h):s?f.createElement("div",{"data-testid":e.testId,style:l===Or.TOP&&N||l===Or.BOTTOM&&v||N,onClick:p=>{u==null||u(p),p.stopPropagation()},className:S,...t},a&&f.createElement(Nt,{name:a,size:hn.SMALL}),f.createElement("div",{className:P(n,g("body"))},s&&f.createElement(Ne,{level:ue.SIX},s),i&&f.createElement(Xe,null,i)),c&&f.createElement(Nt,{onClick:c,className:"toaster-close",name:cn.TIMES,size:hn.SMALL})):null:null},g0=({children:e})=>{const[t,n]=f.useState(null),[s,l]=f.useState(5e3),i=f.useRef(null),a=o=>{n(o),o.duration&&o.duration>0&&l(o.duration),i.current&&clearTimeout(i.current)};return f.useEffect(()=>{i.current=setTimeout(()=>{n(null)},s)},[t,t==null?void 0:t.title]),f.createElement(ex.Provider,{value:{show:a,hide:()=>null}},e,f.createElement(E0,{props:{title:t==null?void 0:t.title,description:t==null?void 0:t.description,position:t==null?void 0:t.position,iconName:t==null?void 0:t.iconName,status:t==null?void 0:t.status,onClick:t==null?void 0:t.onClick,onHide:t==null?void 0:t.onHide,closable:t==null?void 0:t.closable,offset:t==null?void 0:t.offset,testId:t==null?void 0:t.testId}}))},j0=()=>{const e=()=>{const[t]=f.useState(50),[n]=f.useState(1e3),[s]=f.useState("toasterId"),[l]=f.useState("Why do we use it?"),[i]=f.useState("It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)."),{show:a}=f.useContext(ex),o=()=>{a({testId:s,position:Or.TOP,duration:n,offset:t,title:l,description:i,iconName:D.ALERT,status:ua.WARNING,onClick:()=>console.log("onClick"),closable:()=>alert("closable"),onHide:()=>console.log("onHide")})};return r.jsx(Q,{children:r.jsx(De,{children:r.jsx(te,{variant:"PRIMARY",onClick:o,children:"Open toast"})})})};return r.jsxs(g0,{children:[r.jsx(e,{}),r.jsx(De,{children:r.jsx(Ge,{children:Object.values(ua).map((t,n)=>r.jsxs(pn,{children:[r.jsxs(_,{level:M.TWO,children:["StatusState : ",t]}),r.jsx(ve,{size:10}),r.jsx(Yp,{display:!0,status:t,title:t,description:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.."}),r.jsx(V,{})]},n))})})]})};f.forwardRef((e,t)=>{const{className:n,testId:s,...l}=e,{styled:i}=ne(),a=P(i,g("accordions",n));return f.createElement("section",{ref:t,className:a,...l,"data-testid":s})});const N0=({children:e})=>f.createElement("div",{className:"autolayout"},e);var Pf;(function(e){e.LEFT="left",e.RIGHT="right"})(Pf||(Pf={}));var Ff;(function(e){e.MAIN="MAIN"})(Ff||(Ff={}));var Uf;(function(e){e.DIV="div",e.A="a"})(Uf||(Uf={}));const fi=e=>8*e;var bf;(function(e){e[e.NONE=0]="NONE",e[e.SMALL=fi(2)]="SMALL",e[e.MEDIUM=fi(4)]="MEDIUM",e[e.LARGE=fi(8)]="LARGE",e[e.HUGE=fi(12)]="HUGE"})(bf||(bf={}));f.forwardRef((e,t)=>{const{children:n,className:s,testId:l,accessibilityLabel:i,...a}=e,{styled:o}=ne();return f.createElement("nav",{ref:t,role:"navigation","data-testid":l,className:P(o,g("breadcrumb",s)),"aria-label":i,...a},f.createElement("ul",null,n))});const S0=({children:e,className:t,removeLinkClass:n,to:s,href:l,title:i,onClick:a,typo:o,testId:c,accessibilityLabel:u,routerLink:d,iconName:m,inverted:h,blank:E,...N})=>{const{styled:v}=ne(),S=g(m&&Se("icon"),o,h&&I("inverted"),t);if(d&&s){const x=d||"a",j=()=>f.createElement(x,{"data-testid":c,"aria-label":u,onClick:a&&a,className:P(v,g(S)),to:s||"",...E&&{target:"_blank"},...N},i||e);return o?f.createElement("div",{className:P(v,g(o))},f.createElement(j,null)):f.createElement(j,null)}const p=()=>f.createElement(Xe,{link:!0,"data-testid":c,"aria-label":u,onClick:a&&a,title:i,markup:fn.A,className:S,href:l,...E&&{target:"_blank"},...N},m?f.createElement(f.Fragment,null,f.createElement(Xe,{markup:"span"},e),f.createElement(Nt,{name:m,size:hn.SMALL})):e);return o?f.createElement("div",{className:P(v,g(o))},f.createElement(p,null)):f.createElement(p,null)};var pa;(function(e){e.BUTTON="button",e.INPUT="input",e.A="a"})(pa||(pa={}));var Mc;(function(e){e.BUTTON="button",e.RESET="reset",e.SUBMIT="submit"})(Mc||(Mc={}));var Hf;(function(e){e.CONVERSION="CONVERSION",e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.GHOST="GHOST"})(Hf||(Hf={}));const Zr=({markup:e,loading:t,variant:n,href:s,id:l,fullwidth:i,children:a,className:o,to:c,accessibilityLabel:u,testId:d,onClick:m,name:h,routerLink:E,type:N,iconName:v,...S})=>{const p=S.disabled||!1,{styled:x}=ne(),j=w=>{if(w in pa||Object.values(pa).includes(w))return!0},R=P(x,((w,k,U,F)=>g("button",I(w?"loading":"loaded"),k&&I(r0(k)),U&&I("fullwidth"),F))(t,n,i,o)),L=e&&j(e)?e:"button";if(L==="button")return O.createElement("button",{id:l,"data-testid":d,"aria-label":u,className:R,disabled:p,name:h,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},type:N??"button",...S},v&&O.createElement(Nt,{className:a?"":"is-marginless",name:v}),a);if(L==="input")return O.createElement("input",{id:l,"data-testid":d,className:R,"aria-label":u,name:h,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},disabled:p,type:N??"submit",value:`${a}`,...S});if(E&&c&&!p){const w=E||"a";return O.createElement(w,{"aria-label":u,"data-testid":d,to:c,className:R,...S},v&&O.createElement(Nt,{className:a?"":"is-marginless",name:v}),a)}return O.createElement("a",{id:l,"data-testid":d,"aria-label":u,className:R,href:s,onClick:w=>{!p&&(m==null||m(w)),w.stopPropagation()},...S},v&&O.createElement(Nt,{className:a?"":"is-marginless",name:v}),a)},lx=({className:e,centered:t,isMobile:n,vertical:s,...l})=>{const{styled:i}=ne();return f.createElement("div",{className:P(i,g("buttons",e,t&&Se("text-centered"),n&&"is-mobile",s&&"is-vertical")),...l})};var Pc;(function(e){e.DIV="div",e.A="a"})(Pc||(Pc={}));f.createContext({horizontal:!1});O.forwardRef((e,t)=>{const{className:n,background:s,backgroundSrc:l,inverted:i,flat:a,horizontal:o,floating:c,align:u,justify:d,skeleton:m,onClick:h,reversed:E,testId:N,markup:v,to:S,fullheight:p,active:x,...j}=e,[y,R]=f.useState(m||!1),{styled:L}=ne();f.useEffect(()=>{R(m||!1)},[m]);const w={cursor:"pointer"},k=P(L,g("card",s&&Se(Dl(s)),l&&Se("background"),i&&I("inverted")||I("base"),a&&!c&&I("flat"),o&&[I("horizontal"),I("vcentered")],c&&!a&&I("floating"),u&&I(_r(u)),d&&I(d),I(y?"loading":"loaded"),E&&I("reversed"),n,p&&I("fullheight"),x&&I("active")));return v===Pc.A?O.createElement("a",{"data-testid":N,href:S,onClick:U=>{h==null||h(U),U.stopPropagation()},...j,className:k,ref:t}):O.createElement("div",{"data-testid":N,onClick:h&&h,className:k,style:h&&{...w},...j,ref:t})});var zf;(function(e){e[e.SIZE_1=1]="SIZE_1",e[e.SIZE_2=2]="SIZE_2",e[e.SIZE_3=3]="SIZE_3",e[e.SIZE_4=4]="SIZE_4"})(zf||(zf={}));const y0=({checked:e,className:t,disabled:n,readonly:s,id:l=qt.generate(),label:i,onChange:a,onClick:o,name:c,value:u,tile:d,description:m,iconTile:h,horizontalTile:E,testId:N,...v})=>{const{styled:S}=ne(),[p,x]=f.useState(e||!1);return f.useEffect(()=>{s||x(e||!1)},[e,s]),O.createElement("div",{className:P(S,g(d?"checkbox-tile":"checkbox",E&&I("horizontal"),t)),tabIndex:0},O.createElement("input",{"aria-checked":e,type:"checkbox",readOnly:s,id:l,"data-testid":N,disabled:n,name:c,value:u,checked:s?e:p,onChange:j=>j,onClick:j=>{const y=j.target;!s&&y.checked!==void 0&&x(y.checked),y.value=u||"",a&&a({checkboxId:y.id,checkboxValue:y.value,checkboxName:y.name,checkboxChecked:y.checked}),o&&o({checkboxId:y.id,checkboxValue:y.value,checkboxName:y.name,checkboxChecked:y.checked})},...v}),O.createElement("label",{htmlFor:l,className:P(S,g("checkbox-label"))},h&&O.createElement(Nt,{name:h,size:hn.MEDIUM}),E?O.createElement("span",null,d?O.createElement("span",{className:P(S,g("checkbox-title"))},i):i,d&&m&&O.createElement("span",{className:P(S,g("checkbox-description"))},m)):O.createElement(O.Fragment,null,d?O.createElement("span",{className:P(S,g("checkbox-title"))},i):i,d&&m&&O.createElement("span",{className:P(S,g("checkbox-description"))},m))))};f.forwardRef((e,t)=>{const{children:n,multiple:s,...l}=e,{styled:i}=ne(),a=P(i,g("chips-list",s&&I("multiple")));return f.createElement("div",{ref:t,role:"group",className:a,...l},n)});const Fc=f.forwardRef((e,t)=>{const{className:n,multiline:s,inlined:l,mobile:i,centered:a,verticalCentered:o,gapless:c,marginSize:u,...d}=e,{styled:m}=ne(),h=P(m,g("columns",s&&I("multiline"),l&&I("inlined"),i&&I("mobile"),a&&I("centered"),o&&I("vcentered"),!u&&c&&I("gapless"),!c&&u&&[I("variable"),I(`${u}`)],n));return f.createElement("div",{ref:t,className:h,...d})}),Tr=f.forwardRef((e,t)=>{const{className:n,size:s,mobileSize:l,tabletSize:i,touchSize:a,desktopSize:o,widescreenSize:c,fullhdSize:u,offset:d,mobileOffset:m,tabletOffset:h,touchOffset:E,desktopOffset:N,widescreenOffset:v,fullhdOffset:S,narrow:p,verticalCenter:x,centered:j,align:y,...R}=e,{styled:L}=ne(),w=P(L,g("column",s&&I(`${s}`),l&&I(`${l}-mobile`),i&&I(`${i}-tablet`),a&&I(`${a}-tablet`),o&&I(`${o}-desktop`),c&&I(`${c}-widescreen`),u&&I(`${u}-fullhd`),d&&I(`offset-${d}`),m&&I(`offset-${m}-mobile`),h&&I(`offset-${h}-tablet`),E&&I(`offset-${E}-tablet`),N&&I(`offset-${N}-desktop`),v&&I(`offset-${v}-widescreen`),S&&I(`offset-${S}-fullhd`),p&&I("narrow"),x&&I("vcentered"),j&&Se("text-centered"),y&&I(_r(y)),n));return f.createElement("div",{ref:t,className:w,...R})});var $f;(function(e){e.DAY_HOUR_MIN_SEC="dd-hh-mm-ss",e.HOUR_MIN_SEC="hh-mm-ss",e.MIN_SEC="mm-ss",e.SEC="ss",e.DAY="dd",e.DAY_HOUR="dd-hh",e.DAY_HOUR_MIN="dd-hh-mm"})($f||($f={}));var Wf;(function(e){e[e.DAY=0]="DAY",e[e.HOUR=1]="HOUR",e[e.MIN=2]="MIN",e[e.SEC=3]="SEC"})(Wf||(Wf={}));const Tt=({className:e,unboxed:t,content:n,marginless:s,iconName:l,color:i,backgroundColor:a,textColor:o,...c})=>{const{styled:u}=ne(),d=P(u,g("divider",t&&I("unboxed"),s&&I("marginless"),e,i&&Se(`background-${Fr(i)}`),l&&"has-icon")),m=P(u,g("divider-content",o&&Se(`text-${Fr(o)}`),a&&Se(`background-${Fr(a)}`)));return n&&l?f.createElement("div",{"data-testid":"separator",className:d},f.createElement("p",{className:m},n)):n?f.createElement("div",{"data-testid":"separator",className:d},f.createElement("p",{className:m},n)):l?f.createElement("div",{"data-testid":"separator",className:d},f.createElement("p",{className:m},f.createElement(Nt,{name:l,size:a?hn.SMALL:hn.MEDIUM}))):f.createElement("div",{"data-testid":"separator",className:d,...c})},C0=({src:e,alt:t,className:n,rounded:s,width:l,height:i,onClick:a,...o})=>{const{styled:c}=ne(),u=P(c,g("image",n)),d={image:{width:l,height:i}};return f.createElement("figure",{onClick:m=>{a==null||a(m),m.stopPropagation()},className:u,...o},f.createElement("img",{style:d.image,className:P(c,g(s?I("rounded"):"")),src:typeof e=="string"?e:"",alt:t}))};var Bf;(function(e){e.TEXT="text",e.NUMBER="number",e.PASSWORD="password",e.SEARCH="search",e.DATE="date",e.DATETIME_LOCAL="datetime-local",e.EMAIL="email"})(Bf||(Bf={}));var Vf;(function(e){e.SUCCESS="success",e.WARNING="warning",e.DANGER="danger",e.ERROR="error",e.DEFAULT="default"})(Vf||(Vf={}));var Gf;(function(e){e.DEFAULT="default",e.LIGHT="light",e.DARK="dark"})(Gf||(Gf={}));var qf;(function(e){e.NONE="none",e.SENTENCES="sentences",e.WORDS="words",e.CHARACTERS="characters"})(qf||(qf={}));var Yf;(function(e){e.ADDITIONAL_NAME="additional-name",e.ADDRESS_LINE1="address-line1",e.ADDRESS_LINE2="address-line2",e.CC_CSC="cc-csc",e.CC_EXP="cc-exp",e.CC_EXP_DAY="cc-exp-day",e.CC_EXP_MONTH="cc-exp-month",e.CC_EXP_YEAR="cc-exp-year",e.CC_NUMBER="cc-number",e.COUNTRY="country",e.CURRENT_PASSWORD="current-password",e.EMAIL="email",e.FAMILY_NAME="family-name",e.GIVEN_NAME="given-name",e.HONORIFIX_PREFIX="honorific-prefix",e.HONORIFIC_SUFFIX="honorific-suffix",e.NAME="name",e.NEW_PASSWORD="new-password",e.OFF="off",e.ONE_TIME_CODE="one-time-code",e.POSTAL_CODE="postal-code",e.STREET_ADDRESS="street-address",e.TEL="tel",e.USERNAME="username",e.CC_FAMILY_NAME="cc-family-name",e.CC_GIVEN_NAME="cc-given-name",e.CC_MIDDLE_NAME="cc-middle-name",e.CC_NAME="cc-name",e.CC_TYPE="cc-type",e.NICKNAME="nickname",e.ORGANIZATION="organization",e.ORGANIZATION_TITLE="organization-title",e.URL="url",e.GENDER="gender",e.NAME_FAMILY="name-family",e.NAME_GIVEN="name-given",e.NAME_MIDDLE="name-middle",e.NAME_MIDDLE_INITIAL="name-middle-initial",e.NAME_PREFIX="name-prefix",e.NAME_SUFFIX="name-suffix",e.PASSWORD="password",e.PASSWORD_NEW="password-new",e.POSTAL_ADDRESS="postal-address",e.POSTAL_ADDRESS_COUNTRY="postal-address-country",e.POSTAL_ADDRESS_EXTENDED="postal-address-extended",e.POSTAL_ADDRESS_EXTENDED_POSTAL_CODE="postal-address-extended-postal-code",e.POSTAL_ADDRESS_LOCALITY="postal-address-locality",e.POSTAL_ADDRESS_REGION="postal-address-region",e.SMS_OTP="sms-otp",e.TEL_COUNTRY_CODE="tel-country-code",e.TEL_DEVICE="tel-device",e.TEL_NATIONAL="tel-national",e.USERNAME_NEW="username-new"})(Yf||(Yf={}));var Xf;(function(e){e.NONE="none",e.URL="URL",e.ADDRESS_CITY="addressCity",e.ADDRESS_CITY_STATE="addressCityAndState",e.ADDRESS_STATE="addressState",e.COUNTRY_NAME="countryName",e.CREDIT_CARD_NUMBER="creditCardNumber",e.EMAIL_ADDRESS="emailAddress",e.FAMILY_NAME="familyName",e.FULL_STREET_ADDRESS="fullStreetAddress",e.GIVEN_NAME="givenName",e.JOB_TITLE="jobTitle",e.LOCATION="location",e.MIDDLE_NAME="middleName",e.NAME="name",e.NAME_PREFIX="namePrefix",e.NAME_SUFFIX="nameSuffix",e.NICKNAME="nickname",e.ORGANIZATION_NAME="organizationName",e.POSTAL_CODE="postalCode",e.STREET_ADDRESS_LINE_ONE="streetAddressLine1",e.STREET_ADDRESS_LINE_TWO="streetAddressLine2",e.SUB_LOCALITY="sublocality",e.TELEPHONE_NUMBER="telephoneNumber",e.USERNAME="username",e.PASSWORD="password",e.NEW_PASSWORD="newPassword",e.ONE_TIME_CODE="oneTimeCode"})(Xf||(Xf={}));var Kf;(function(e){e.DEFAULT="default",e.EMAIL_ADDRESS="email-address",e.NUMERIC="numeric",e.PHONE_PAD="phone-pad",e.NUMBER_PAD="number-pad",e.DECIMAL_PAD="decimal-pad",e.VISIBLE_PASSWORD="visible-password",e.ASCII_CAPABLE="ascii-capable",e.NUMBERS_AND_PUNCTUATION="numbers-and-punctuation",e.URL="url",e.NAME_PHONE_PAD="name-phone-pad",e.TWITTER="twitter",e.WEB_SEARCH="web-search"})(Kf||(Kf={}));f.forwardRef((e,t)=>{const{className:n,hasIcon:s,children:l,testId:i,...a}=e,{styled:o}=ne(),c=P(o,g(s?"icon-list":"list",n));return f.createElement("ul",{ref:t,"data-testid":i,className:c,...a},l)});const mi=({children:e,className:t})=>{const{styled:n}=ne();return f.createElement("dd",{className:P(n,g(t))},e)};var xa;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR"})(xa||(xa={}));const ix=({children:e,className:t})=>{const{styled:n}=ne();return f.createElement("div",{className:P(n,g("modal-footer",t))},e)};var va;(function(e){e.H1="h1",e.H2="h2",e.H3="h3",e.H4="h4",e.H5="h5",e.H6="h6",e.P="p",e.SPAN="span",e.DIV="div",e.BUTTON="button",e.A="a"})(va||(va={}));var Qf;(function(e){e.BUTTON="button",e.DIV="div",e.A="a"})(Qf||(Qf={}));const Ui=({children:e,className:t,iconColor:n,iconName:s,...l})=>{const{styled:i}=ne(),{textId:a}=l;return f.createElement("div",{className:P(i,g("modal-title",t))},s?f.createElement(Dc,{markup:"p",color:n,size:"large",name:s,content:e,position:"up",textId:a,textAriaLevel:1,textRole:"heading"}):e)},Zf=qt.generate(),Jf=qt.generate(),R0=qt.generate(),Vs=({children:e,className:t,contentClassNames:n,active:s,title:l,content:i,triggerMarkup:a,triggerContent:o,triggerClassNames:c="button is-primary",ctaContent:u,ctaOnClick:d,onClose:m,onOpen:h,iconName:E,ctaCancelOnClick:N,closeIcon:v,iconColor:S,panel:p,footerClassNames:x,footer:j,fullwidth:y,disableHandlingClickOutside:R=!1,testId:L,titleButtonClose:w,...k})=>{const U=f.useRef(null),[F,se]=f.useState(s||!1),{styled:fe}=ne(),Ae=`${R0}-modal`,re=f.useRef([]),Y=f.useRef(null),[,ae]=f.useState(0),me=ee=>{var Pe;!((Pe=U==null?void 0:U.current)===null||Pe===void 0)&&Pe.contains(ee.target)||X(m,ee)};f.useEffect(()=>{se(s||!1)},[s]),f.useEffect(()=>{F&&re.current[0]&&re.current[0].focus()},[F,re==null?void 0:re.current.length]),f.useEffect(()=>(F&&!R?document.addEventListener("mousedown",me):document.removeEventListener("mousedown",me),()=>{document.removeEventListener("mousedown",me)}),[F,R]);const H=O.useMemo(()=>P(fe,g("modal",F&&I("active"),p&&I("panel"),y&&I("fullwidth"),t)),[s,F,p,t,fe]),G=O.useMemo(()=>P(fe,g("modal-content",n)),[n,fe]),W=O.useMemo(()=>g("modal-footer",x),[x,fe]);function X(ee,Pe){se(!1),Y.current&&Y.current.focus(),ee&&ee(Pe)}function ge(ee,Pe){se(!0),ee&&ee(Pe)}const Ot=ee=>{if(ee in va||Object.values(va).includes(ee))return!0},Ct=O.useMemo(()=>a&&Ot(a)?a:"button",[a]),xn=f.useCallback(ee=>{if(F&&re.current){const Pe=re.current.filter(Fe=>Fe),{key:pe}=ee;pe==="Tab"&&(ee.preventDefault(),ae(Fe=>{var Yt;const Er=(Fe+1)%Pe.length;return Pe[Er]&&((Yt=Pe[Er])===null||Yt===void 0||Yt.focus()),Er}))}},[re.current.length,F]);return O.createElement("div",{"data-testid":L,onKeyDown:xn},o&&O.createElement(Ct,{"aria-haspopup":"dialog",ref:Y,"aria-controls":Ae,onClick:ee=>{ge(h,ee)},className:P(fe,g(c))},o),O.createElement("div",{className:H,role:"dialog","aria-modal":F?"true":void 0,"aria-labelledby":l?Jf:void 0,"aria-describedby":i?Zf:void 0,...k},O.createElement("div",{ref:U,className:G},v&&O.createElement("button",{onClick:ee=>{X(m,ee)},className:P(fe,g("modal-close",I("large"))),"aria-label":"close",type:Mc.BUTTON,title:w,"aria-controls":Ae,ref:ee=>ee&&(re.current[0]=ee)}),(l||E)&&O.createElement(Ui,{iconColor:S,iconName:E,textId:Jf},l),i&&typeof i=="string"?O.createElement(Xe,{id:Zf},i):i,e!=null&&e,O.createElement(ix,{className:W},(d!=null||N!=null)&&O.createElement(lx,{centered:!0,className:I("flex")},N&&O.createElement("button",{onClick:ee=>{X(N,ee)},className:P(fe,g("button",I("secondary"))),"aria-controls":Ae,ref:ee=>re.current[1]=ee},"Annuler"),d&&O.createElement("button",{className:P(fe,g("button",I("primary"))),title:u,"aria-controls":Ae,ref:ee=>re.current[2]=ee,onClick:d},O.createElement("span",{className:"sr-only"}," ",u)))||j))))};var em;(function(e){e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(em||(em={}));var tm;(function(e){e.START="start",e.END="end"})(tm||(tm={}));const w0=e=>{let t=e;return e===""?"00":(e.length===1&&(t+="0"),t)},T0=({className:e,amount:t,mention:n,period:s,showCents:l,level:i,inverted:a,align:o,inline:c,testId:u,accessibilityLabel:d,striked:m,suptitle:h,tagAmount:E,tagSymbol:N,...v})=>{var S;const{styled:p}=ne(),x=P(p,g("price",i&&I(`level-${i}`),a&&I("inverted"),c&&I("inlined"),m&&I("striked"),h&&Se("suptitle"),e)),j=P(p,g(o==dl.ALIGNED_START&&Se("text-left")||o==dl.ALIGNED_CENTER&&Se("text-centered")||o==dl.ALIGNED_END&&Se("text-right")||"")),y=t<0,R=Math.abs(t),L=Math.floor(R),w=y?-L:L;let k=w0(((S=R.toString().split(/[.,]/)[1])===null||S===void 0?void 0:S.substring(0,2))||"");k=k&&k.length===1&&`${k}0`||k;const U=c&&l&&`,${k||"00"} €`||l&&`€${k||"00"}`||"€",F=f.createElement("span",{className:E?P(p,g(I("aligned-center"),I("flex"))):""},f.createElement("span",{"data-testid":u,"aria-label":d,className:x,...v},h&&f.createElement("span",{className:"price-suptitle"},h),f.createElement(Xe,{markup:fn.SPAN},`${w}`),f.createElement("span",{className:P(p,g("price-details"))},f.createElement("span",{className:P(p,g("cents"))},c&&U==="€"?f.createElement(f.Fragment,null," ",U):U,n&&f.createElement("sup",null,n)),s&&f.createElement("span",{className:P(p,g("period"))},"/",s))),E&&f.createElement("span",{className:P(p,g("price-tag"))},f.createElement(Xe,{markup:fn.SPAN,typo:[Ml.TEXT_WEIGHT_SEMIBOLD,ha.TEXT_WHITE]},E," ",N||"€"),N==="€"&&s&&f.createElement(Xe,{markup:fn.SPAN,typo:[Ml.TEXT_WEIGHT_NORMAL,ha.TEXT_WHITE]}," /",s)));return o?f.createElement("div",{className:j},F):F};var nm;(function(e){e[e.LEVEL1=1]="LEVEL1",e[e.LEVEL2=2]="LEVEL2",e[e.LEVEL3=3]="LEVEL3",e[e.LEVEL4=4]="LEVEL4",e[e.LEVEL5=5]="LEVEL5",e[e.LEVEL6=6]="LEVEL6",e[e.LEVEL7=7]="LEVEL7"})(nm||(nm={}));var rm;(function(e){e.UP="top",e.BOTTOM="bottom",e.LEFT="left",e.RIGHT="right"})(rm||(rm={}));var sm;(function(e){e.ONE_FIFTH="one-fifth",e.ONE_QUARTER="one-quarter",e.ONE_THRID="one-thrid",e.TWO_FIFTHS="two-fifths",e.THREE_FIFTHS="three-fifths",e.TWO_THIRDS="two-thirds",e.THREE_QUARTERS="three-quarters",e.FOUR_FIFTHS="four-fifths"})(sm||(sm={}));var lm;(function(e){e.LEFT="left",e.RIGHT="right"})(lm||(lm={}));const Wn=f.forwardRef((e,t)=>{const{children:n,className:s,percent:l,maxPercent:i=100,status:a,small:o,stacked:c,uniqueLegend:u,firstExtremLegend:d,secondExtremLegend:m,...h}=e,{styled:E}=ne(),N=P(E,g("progress",a&&I($a(a)),!a&&I("primary"),o&&I("small"),s)),v=P(E,g("progress",c&&I("stacked"),s));return n&&c?f.createElement("div",{ref:t,className:v,...h},n):f.createElement(f.Fragment,null,f.createElement("progress",{className:N,value:l,max:i,...h},l),u&&f.createElement(Xe,{className:Se("text-centered"),level:zt.TWO},u),d&&m&&f.createElement(Fc,{mobile:!0,marginSize:3},f.createElement(Tr,null,f.createElement(Xe,{level:zt.TWO},d)),f.createElement(Tr,{narrow:!0},f.createElement(Xe,{level:zt.TWO},m))))}),hi=f.forwardRef((e,t)=>{const{className:n,percent:s,maxPercent:l=100,minPercent:i=0,status:a,accessibilityLabel:o,...c}=e,{styled:u}=ne(),d=P(u,g("progress-bar",a&&I($a(a)),!a&&I("primary"),n));return f.createElement("div",{ref:t,...s&&{style:{width:`${s}%`}},className:d,role:"progressbar","aria-valuenow":s,"aria-valuemin":i,"aria-valuemax":l,"aria-label":o,...c})}),Gs=({children:e,percent:t=0,secondPercent:n=0,label:s,description:l,skeleton:i,className:a,small:o,...c})=>{const{styled:u}=ne(),[d,m]=f.useState(0),[h,E]=f.useState(0),N=P(u,g("progress-radial",i&&I("loading"),o&&I("small"),a)),v=P(u,g("progress-radial-content")),S=f.useRef(null),p=(x,j)=>{const y=S.current;if(!y)return;const R=360*x/100,L=360*j/100,w=R;let k;k="radial-gradient(circle at center, white 58%, transparent 58.1%),",k+=`conic-gradient(#0C7B91 0 ${R}deg, #${tx("MAIN")} ${w}deg ${w+L}deg, gainsboro ${w+L}deg 360deg)`,y.style.background=k};return f.useEffect(()=>{let x;m(0),E(0),p(t,n);const j=()=>{m(y=>y<t?y+1:y),E(y=>y<n?y+1:y),x=requestAnimationFrame(j)};return x=requestAnimationFrame(j),()=>cancelAnimationFrame(x)},[t,n]),f.useEffect(()=>{p(d,h)},[d,h]),O.createElement("div",{...c,className:N,ref:S},O.createElement("div",{className:v},s&&O.createElement(Ne,{level:ue.TWO,marginless:!0},s),l&&O.createElement(Xe,{level:zt.ONE,marginless:!0},l),!s&&!l&&e))},ax=({checked:e,className:t,disabled:n,readonly:s,id:l=qt.generate(),label:i,onChange:a,onClick:o,name:c,value:u,tile:d,description:m,iconTile:h,horizontalTile:E,children:N,narrow:v,marginless:S,testId:p,...x})=>{const{styled:j}=ne(),[y,R]=f.useState({checked:e||!1});return f.useEffect(()=>{s||R({checked:e||!1})},[e,s]),O.createElement("div",{tabIndex:0,className:P(j,g(d?"radio-tile":"radio",v&&I("narrow"),S&&I("marginless"),E&&I("horizontal"),t))},O.createElement("input",{"data-testid":p,type:"radio",readOnly:s,id:l,disabled:n,name:c,value:u,checked:s?e:y.checked,onChange:L=>L,onClick:L=>{const w=L.target;!s&&w.checked&&R({checked:w.checked}),w.value=u||"",a&&a({radioId:w.id,radioValue:w.value,radioName:w.name,radioChecked:w.checked}),o&&o({radioId:w.id,radioValue:w.value,radioName:w.name,radioChecked:w.checked})},...x}),O.createElement("label",{htmlFor:l,className:P(j,g("radio-label"))},N||O.createElement(O.Fragment,null,h&&O.createElement(Nt,{name:h,size:hn.MEDIUM}),E?O.createElement("span",null,d?O.createElement("span",{className:P(j,g("radio-title"))},i):i,d&&m&&O.createElement("span",{className:P(j,g("radio-description"))},m)):O.createElement(O.Fragment,null,d?O.createElement("span",{className:P(j,g("radio-title"))},i):i,d&&m&&O.createElement("span",{className:P(j,g("radio-description"))},m)))))};f.forwardRef((e,t)=>{const{className:n,gapless:s,...l}=e,{styled:i}=ne();return f.createElement("div",{ref:t,className:P(i,g("rows",s&&I("gapless"),n)),...l})});f.forwardRef((e,t)=>{const{className:n,narrow:s,...l}=e,{styled:i}=ne(),a=P(i,g("row",s&&I("narrow"),n));return f.createElement("div",{ref:t,className:a,...l})});const L0=f.forwardRef(({id:e,scrollDirection:t,children:n},s)=>{const{styled:l}=ne(),a=P(l,g("scroll-view",t&&(()=>{switch(t){case(qn==null?void 0:qn.HORIZONTAL):return I("horizontal");case(qn==null?void 0:qn.VERTICAL):return I("vertical");default:return""}})()));return f.createElement("div",{ref:s,className:a,id:e},n)});L0.displayName="ScrollView";const Lt=O.forwardRef((e,t)=>{const{className:n,skeleton:s,background:l,backgroundSrc:i,inverted:a,paddingless:o,verticalPaddingless:c,fullwidth:u,...d}=e,{styled:m}=ne(),[h,E]=f.useState(s||!1);f.useEffect(()=>{E(s||!1)},[s]);const N=P(m,g("section",n,l&&Se(Dl(l)),i&&Se("background"),a&&I("inverted"),I(h?"loading":"loaded"),u&&I("fullwidth"),o&&I("paddingless"),c&&I("vertical-paddingless")));return O.createElement("section",{ref:t,...i&&{style:{backgroundImage:`url(${i})`}},className:N,...d})});f.forwardRef((e,t)=>{const{id:n,className:s,value:l,disabled:i,children:a,onClick:o,label:c,iconName:u,testId:d,...m}=e,{checked:h,native:E,focused:N,...v}=m,S=f.useMemo(()=>g(N&&"focus",s),[N,s]);return E?f.createElement("option",{ref:t,role:"option",id:n,value:l,disabled:i,"aria-label":c,"data-testid":d,onClick:o,...v},a||c):f.createElement(ax,{checked:h,tile:!0,horizontalTile:!0,marginless:!0,className:S,value:l,disabled:i,onClick:o,iconTile:u,description:c||a,testId:d,...m})});const xt=({size:e,horizontal:t})=>{const n={spacer:{marginLeft:t?`${e}px`:"0px",marginTop:t?"0px":`${e}px`}};return f.createElement("div",{style:n.spacer})},qs=e=>8*e;var Ea;(function(e){e[e.NONE=0]="NONE",e[e.SMALLER=qs(.5)]="SMALLER",e[e.SMALL=qs(1)]="SMALL",e[e.MEDIUM=qs(2)]="MEDIUM",e[e.LARGE=qs(3)]="LARGE",e[e.HUGE=qs(4)]="HUGE"})(Ea||(Ea={}));f.forwardRef((e,t)=>{const{className:n,centered:s,children:l,...i}=e,{styled:a}=ne(),o=P(a,g("stepper-wrapper",n)),c=P(a,g("section",Se("text-centered"),n)),[u,d]=f.useState(0),m=f.useMemo(()=>l&&Array.isArray(l)?l.length:l&&!Array.isArray(l)?1:0,[l]);return f.useEffect(()=>{if(l)if(Array.isArray(l)){let h=!1;l.map(E=>{var N;!((N=E==null?void 0:E.props)===null||N===void 0)&&N.current&&(h=!0,d(E.props.step))}),h||d(1)}else d(1)},[l]),s?f.createElement("section",{ref:t,className:c},f.createElement("div",{className:o,...i},l,f.createElement("div",{className:"step-count"},u,"/",m))):f.createElement("div",{ref:t,className:o,...i},l,f.createElement("div",{className:"step-count"},u,"/",m))});var ml;(function(e){e.P="p",e.SPAN="span",e.DIV="div",e.A="a"})(ml||(ml={}));O.forwardRef((e,t)=>{const{children:n,className:s,active:l,markup:i,current:a,done:o,label:c,iconName:u,error:d,...m}=e,{styled:h}=ne(),E=P(h,g("step-label")),N=P(h,g("stepper-item",l&&I("active"),a&&I("current"),o&&I("done"),d&&I("error"),s)),S=i&&(p=>{if(p in ml||Object.values(ml).includes(p))return!0})(i)?i:ml.DIV;return O.createElement(S,{ref:t,className:N,"data-label":c,...m},O.createElement("div",{className:E},c||n,!o&&u&&O.createElement(Nt,{name:u&&u,className:"step-icon",size:hn.MEDIUM})))});var im;(function(e){e.PRIMARY="primary",e.SUCCESS="success",e.INFO="info"})(im||(im={}));var am;(function(e){e.DIV="div",e.P="p",e.SPAN="span"})(am||(am={}));const om=({className:e,id:t=qt.generate(),label:n,value:s,checked:l,onChange:i,onClick:a,status:o,disabled:c,readonly:u,name:d,reversed:m,...h})=>{const[E,N]=f.useState(l||!1),{styled:v}=ne();return O.useEffect(()=>{N(l||!1)},[l]),f.useEffect(()=>{u||N(l||!1)},[l,u]),O.createElement("div",{className:P(v,g("switch",m&&I("reversed"),e))},O.createElement("input",{onChange:S=>{u||N(!E),i&&i({switchState:S.target.checked,switchName:S.target.name})},onClick:S=>{u||N(!E),a&&a({switchState:S.target.checked,switchName:S.target.name})},name:d,value:s,checked:u?l:E,readOnly:u,id:`switch-${t}`,type:"checkbox",disabled:c,className:P(v,g(o&&I($a(o)))),...h}),O.createElement("label",{htmlFor:`switch-${t}`},n))};O.forwardRef((e,t)=>{const{children:n,className:s,onClick:l,activeIndex:i,disabled:a,rightAlign:o,fullwidth:c,align:u,centered:d,marginless:m,inverted:h,shadowless:E,textAlign:N,testId:v,...S}=e,[p,x]=f.useState(i||0),{styled:j}=ne(),[y,R]=O.useState(!1),L=P(j,g("tabs",o&&I("right"),c&&I("fullwidth"),d&&I("centered"),m&&I("marginless"),y&&I("icons"),s)),w=O.useCallback((U,F)=>{if(typeof F<"u"&&!p)return F;if(U===p)return!0},[p]),k=O.useCallback((U,F)=>{if(a)return!1;x(F),l&&l(U)},[a]);return f.useEffect(()=>{x(p)},[i]),O.createElement("div",{ref:t,className:P(j,g("tab-context",h&&I("inverted"),u&&Se(`text-${u}`),E&&I("shadowless"),N&&N)),"data-tabs-context":"","data-testid":v},O.createElement("div",{className:L,role:"tablist",...S},O.Children.map(n,(U,F)=>{if(O.isValidElement(U)){!y&&U.props.iconName&&R(!0);const Ae={active:!!w(F,U.props.active)||!1,key:F,onClick:re=>{k(re,F),U&&U.props.onClick&&U.props.onClick(re)}};return O.cloneElement(U,Ae)}})))});O.forwardRef((e,t)=>{const{active:n,children:s,className:l,onClick:i,to:a,href:o,routerLink:c,iconName:u,disabled:d,testId:m,...h}=e,[E,N]=f.useState(n||!1),{styled:v}=ne(),S={a:{"aria-selected":E,"data-tab-navigation":""}};f.useEffect(()=>{N(n||!1)},[n]);const p=P(v,g("tab",l,{"is-active":E}));if(c&&(a||o)){const x=c||"a";return O.createElement(x,{ref:t,"data-testid":m,tabIndex:0,...S.a,to:a,href:o,className:p,...h,onClick:j=>{if(!d){const y=j.target;N(n||!1),y.active=n,i&&i(j)}}},O.createElement("div",{className:"tab-icon"},u&&O.createElement(Nt,{align:"ALIGNED_CENTER",size:"small",name:u})),s)}return O.createElement("button",{ref:t,"aria-disabled":d,disabled:d,className:p,role:"tab","data-testid":m,...S.a,...h,onClick:x=>{if(!d){const j=x.target;N(n||!1),j.active=n,i&&i(x)}}},O.createElement("div",{className:"tab-icon"},u&&O.createElement(Nt,{align:"ALIGNED_CENTER",size:"small",name:u})),s)});f.forwardRef((e,t)=>{const{className:n,gapless:s,centered:l,marginless:i,...a}=e,{styled:o}=ne();return f.createElement("span",{ref:t,className:P(o,g("tags",l&&I("centered"),s&&I("gapless"),i&&I("marginless"),n)),...a})});var cm;(function(e){e.SUCCESS="SUCCESS",e.INFO="INFO",e.ERROR="ERROR",e.WARNING="WARNING"})(cm||(cm={}));const wo=({children:e,className:t,heading:n,content:s,link:l,contentLink:i,onClick:a,...o})=>{const{styled:c}=ne(),u=P(c,g("timeline-content",t));return e?f.createElement("div",{className:u,...o},e):f.createElement("div",{className:u,...o,onClick:d=>{a==null||a(d),d.stopPropagation()}},n&&f.createElement(Xe,{markup:fn.P},n),s&&f.createElement(Xe,{className:"main-content",markup:fn.P},s),l&&f.createElement(S0,{href:l},i||l))},To=f.forwardRef((e,t)=>{const{className:n,done:s,active:l,undone:i,cancel:a,...o}=e,{styled:c}=ne(),u=P(c,g("timeline-item",s&&"done",l&&"active",i&&"undone",a&&"cancel",n));return f.createElement("div",{ref:t,className:u,...o})}),Lo=({className:e,iconClassname:t,iconName:n,iconColor:s,testId:l,...i})=>{const{styled:a}=ne(),o=P(a,g("timeline-marker",I("icon"),e)),c=g(t);return f.createElement("div",{className:o,...i,"data-testid":l},f.createElement("div",{className:"card-header-icon"},f.createElement(Nt,{color:s,className:c,name:n,size:hn.SMALL})))},A0=f.forwardRef((e,t)=>{const{className:n,notifications:s,horizontal:l,...i}=e,{styled:a}=ne(),o=P(a,g("timeline",s&&s,l&&I("horizontal"),n));return f.createElement("div",{ref:t,className:o,...i})});var ga;(function(e){e.BUTTON="button",e.INPUT="input",e.A="a",e.SPAN="span",e.DIV="div",e.P="p",e.UL="ul",e.LI="li",e.LABEL="label"})(ga||(ga={}));const I0=({children:e,style:t,className:n,loading:s,onClick:l,background:i,backgroundSrc:a,inverted:o,fullwidth:c=!0,markup:u,flexable:d,justify:m,align:h,...E})=>{const{styled:N}=ne(),S=u&&(x=>{if(x in ga||Object.values(ga).includes(x))return!0})(u)?u:"div",p=P(N,g(typeof s=="string"&&I(p0(s)),I(typeof s=="boolean"?"loading":"loaded"),i&&Se(Dl(i)),a&&Se("background"),o&&I("inverted")||I("base"),c&&I("fullwidth"),d&&I("flex"),typeof m=="string"&&I(h0(m)),typeof h=="string"&&I(_r(h)),n));return f.createElement(S,{onClick:l,style:t,className:p,...a&&{style:{backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"50%"}},...E},e)};var um;(function(e){e.SUCCESS="SUCCESS",e.ERROR="ERROR",e.INFO="INFO",e.WARNING="WARNING",e.TERTIARY="TERTIARY",e.WHITE="WHITE"})(um||(um={}));var dm;(function(e){e.SPACE_BETWEEN="space-between",e.SPACE_AROUND="space-around",e.FLEX_START="flex-start",e.FLEX_END="flex-end",e.CENTER="center"})(dm||(dm={}));const k0=async()=>[{label:"name",data:{info:1}},{label:"age",data:{info:2}},{label:"car",data:{info:3}},{label:"test",data:{info:4}},{label:"trilogy",data:{info:5}}],_0=()=>{const[e,t]=f.useState(""),[n,s]=f.useState(""),[l,i]=f.useState(!1),[a]=[["name","age","car","test","trilogy"]],o=u=>{console.log("OnChange Autocomplete : ",u),t(u.inputValue)},c=u=>{console.log("onIconClick Autocomplete : ",u)};return r.jsxs(r.Fragment,{children:[r.jsxs(Lt,{children:[r.jsx(_,{level:M.THREE,children:"Autocomplete With Debounce Suggests"}),r.jsx(xe.AutoComplete,{getSuggestions:async u=>(await(await fetch(`https://v3.sg.media-imdb.com/suggestion/x/${u}.json`)).json()).d.map(h=>({label:h.l,data:{description:h.s}})),data:[],placeholder:"Marque et modèle de votre ancien téléphone",onItemSelected:({value:u})=>{console.log("value : ",u)},value:n,onChange:({inputValue:u})=>s(u),debounceSuggestionsTimeout:500,onFocus:u=>console.log("FOCUS : ",u),onBlur:u=>console.log("BLUR : ",u)})]}),r.jsx(V,{}),r.jsxs(Lt,{children:[r.jsx(_,{level:M.THREE,children:"Autocomplete custom data"}),r.jsx(xe.AutoComplete,{customIcon:D.INFOS_CIRCLE,displayMenu:!1,data:[{label:"name",data:{info:1}},{label:"age",data:{info:2}},{label:"car",data:{info:3}},{label:"test",data:{info:4}},{label:"trilogy",data:{info:5}}],placeholder:"Autocomplete",onItemSelected:u=>console.log("itemSelected => ",u),onChange:u=>console.log("OnChange Autocomplete : ",u),onFocus:u=>console.log("FOCUS : ",u),onBlur:u=>console.log("BLUR : ",u),children:u=>r.jsxs(A,{children:["La super info : ",u.data.info]})})]}),r.jsx(V,{}),r.jsxs(Lt,{children:[r.jsx(_,{level:M.THREE,children:"Autocomplete with getSuggestions function"}),r.jsx(xe.AutoComplete,{customIcon:D.INFOS_CIRCLE,displayMenu:!1,data:[],getSuggestions:k0,placeholder:"Autocomplete",onItemSelected:u=>console.log("itemSelected => ",u),onChange:u=>console.log("OnChange Autocomplete : ",u),onFocus:u=>console.log("FOCUS : ",u),onBlur:u=>console.log("BLUR : ",u),children:u=>r.jsxs(A,{children:["La super info : ",u.data.info]})})]}),r.jsx(V,{}),r.jsxs(Lt,{children:[r.jsx(_,{level:M.THREE,children:"Autocomplete"}),r.jsxs(Ye,{children:[r.jsx(q,{children:r.jsxs(A,{children:["value: ",JSON.stringify(e)]})}),r.jsx(q,{children:r.jsxs(lx,{children:[r.jsx(te,{variant:Te.SECONDARY,onClick:()=>t(""),children:"reset"}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>i(!l),children:l?"enable":"disable"})]})})]}),r.jsx(xe.AutoComplete,{customIcon:D.INFOS_CIRCLE,displayMenu:!0,value:e,data:a,absoluteMenu:!0,fullwidthMenu:!0,disabled:l,placeholder:"Autocomplete",onItemSelected:u=>{t(u.value||""),console.log("onItemSelected : ",u.value)},onChange:o,onIconClick:c,onFocus:u=>console.log("FOCUS : ",u),onBlur:u=>console.log("BLUR : ",u)})]})]})},O0=()=>r.jsxs(pn,{children:[r.jsx(_,{level:M.TWO,children:"Elements : "}),r.jsxs(ie,{children:[r.jsx(Rn,{children:"Simple"}),r.jsx(he,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex."})})]}),r.jsx(ie,{background:Ve.MAIN,inverted:!0,children:r.jsx(he,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex."})})}),r.jsx(_,{level:M.ONE,children:"Im a Title"}),r.jsx(A,{level:_e.ONE,children:"Lorem ipsum dolor sit amet"}),r.jsx(te,{variant:"PRIMARY",children:"Click"}),r.jsxs(Mu,{children:[r.jsxs(er,{id:"UN",active:!0,children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 1"})}),r.jsx(nr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(er,{active:!0,id:"DEUX",children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 2"})}),r.jsx(nr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]}),r.jsxs(er,{disabled:!0,id:"TROIS",children:[r.jsx(tr,{children:r.jsx(A,{children:"Hello World 3"})}),r.jsx(nr,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet"})})]})]}),r.jsx(Yp,{display:!0,status:Tn.SUCCESS,title:"Test alert",description:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."}),r.jsx(xe.AutoComplete,{customIcon:D.ALERT,displayMenu:!0,data:["1","2"]})]}),D0=()=>r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Content props string"}),r.jsx(zs,{content:"1"}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Content props number"}),r.jsx(zs,{content:1}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"TextContent props"}),r.jsx(zs,{content:2,textContent:"Text with badge"}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Icon badgeContent "}),r.jsx(z,{name:D.INFOS_CIRCLE,badgeContent:"42"}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Color + TextContent props "}),r.jsx(Ye,{inlined:!0,children:Object.values(Xp).map((e,t)=>r.jsx(q,{size:6,children:r.jsx(zs,{color:e,content:2,textContent:"Text"})},t))}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Direction props "}),r.jsx(Ye,{inlined:!0,children:Object.values(da).map((e,t)=>r.jsx(q,{size:6,children:r.jsx(zs,{direction:e,content:2,textContent:"Text"})},t))})]}),M0=()=>{const[e,t]=f.useState(!1);return r.jsx(Q,{children:r.jsxs(pn,{children:[r.jsxs(ie,{onClick:()=>t(!e),active:e,children:[r.jsx(Rn,{children:"Box active"}),r.jsx(he,{children:r.jsx(A,{children:"Click on this box to see the active state."})})]}),r.jsxs(Ye,{multiline:!0,children:[r.jsx(q,{size:6}),r.jsx(q,{size:10,children:r.jsxs(ie,{flat:!0,children:[r.jsx(Rn,{children:"Box with Header and Content"}),r.jsx(he,{children:r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."})}),r.jsx(Xr,{children:r.jsx(te,{variant:Te.PRIMARY,children:"Check out"})})]})}),r.jsx(q,{size:10,children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Simple box"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."})]})})}),r.jsx(q,{size:10,children:r.jsx(ie,{flat:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Flat box"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."})]})})})]}),r.jsx(V,{}),r.jsxs(ie,{onClick:()=>t(!e),active:e,background:ce.MAIN,inverted:!0,children:[r.jsx(Rn,{children:"Box active"}),r.jsxs(he,{children:[r.jsx(A,{children:"Background : Main Color."}),r.jsx(ke,{amount:100})]})]}),r.jsxs(ie,{background:{color:ce.MAIN,fade:!0},children:[r.jsx(Rn,{children:"Box with Header and Content"}),r.jsx(he,{children:r.jsx(A,{children:"Background color is faded."})}),r.jsx(Xr,{children:r.jsx(te,{variant:Te.PRIMARY,children:"Check out"})})]}),r.jsx(ie,{background:{color:ce.SUCCESS,fade:!0},children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Simple box"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."})]})}),r.jsx(ie,{background:{color:ce.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(z,{name:D.EYE}),r.jsx(A,{children:"Background color is not faded."}),r.jsx(_,{level:M.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})}),r.jsx(ie,{background:{color:ce.INFO,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Flat box"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."}),r.jsx(ie,{background:{color:ce.BACKGROUND,fade:!1},flat:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Simple box"}),r.jsxs(Ye,{children:[r.jsx(q,{size:5,children:r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat. Fusce finibus dolor ex. Duis vel velit in lectus placerat aliquam nec at elit. Aenean metus neque, accumsan id ipsum sodales, fermentum lacinia eros. Ut gravida aliquet magna, id efficitur magna ultrices a. In quis bibendum tortor. Nam quam lacus, suscipit a vehicula ac, vehicula eget risus."})}),r.jsx(q,{size:5,children:r.jsx(ie,{background:{color:ce.MAIN,fade:!1},flat:!0,inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Simple box"}),r.jsx(A,{children:"Background color is not faded."})]})})})]})]})})]})}),r.jsx(V,{}),r.jsxs(Ye,{children:[r.jsx(q,{size:6,children:r.jsxs(ie,{leftBorder:ce.ERROR,className:"is-fullheight",children:[r.jsx(Rn,{children:"Test"}),r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Highlited box"}),r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."}),r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."})]}),r.jsx(Xr,{children:r.jsx(te,{variant:Te.CONVERSION,children:"Test"})})]})}),r.jsx(q,{size:6,children:r.jsxs(ie,{leftBorder:ce.WARNING,className:"is-fullheight",children:[r.jsxs(he,{background:"FADE_NEUTRAL",children:[r.jsx(_,{level:M.FOUR,children:"Highlited box"}),r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."})]}),r.jsx(he,{children:r.jsx(_,{level:M.FOUR,children:"Highlited box"})}),r.jsx(Xr,{background:"SUCCESS",children:r.jsx(te,{variant:Te.CONVERSION,children:"Test"})})]})})]}),r.jsx(V,{}),r.jsxs(ie,{children:[r.jsx(Rn,{variant:ce.MAIN,children:"Box is-unboxed"}),r.jsxs(he,{children:[r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."}),r.jsx(V,{unboxed:!0}),r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."})]})]}),r.jsx(V,{}),r.jsxs(Ye,{children:[r.jsx(q,{size:10,children:r.jsxs(ie,{children:[r.jsx(Rn,{variant:ce.ACCENT,children:"Box with Header , Content and Footer"}),r.jsx(he,{children:r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."})}),r.jsx(Xr,{children:r.jsx(at,{children:"Link here"})})]})}),r.jsx(q,{size:10,children:r.jsxs(ie,{children:[r.jsxs(he,{children:[r.jsx(_,{level:M.FOUR,children:"Simple Box with footer"}),r.jsx(A,{children:"Eget tincidunt tincidunt id massa sollicitudin. Egestas felis dolor neque nunc. Eget suscipit enim velit ultricies justo ultrices sed leo cras."})]}),r.jsx(Xr,{children:r.jsx(at,{children:"Link here"})})]})})]}),r.jsx(V,{}),r.jsxs(Ye,{children:[r.jsx(q,{size:10,children:r.jsx(ie,{markup:Fu.A,children:r.jsxs(he,{children:[r.jsx(_,{level:M.THREE,typo:[fr.TEXT_CENTERED],children:"Clickable box"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus tellus sed erat maximus porta. Etiam non ex in dolor faucibus tempor. Sed ullamcorper, ligula sit amet dictum posuere, urna tortor vulputate justo, ut luctus justo eros sed erat."})]})})}),r.jsx(q,{size:10,children:r.jsxs(ie,{backgroundSrc:"https://picsum.photos/id/1/1500/600",inverted:!0,children:[r.jsx(_,{level:M.THREE,typo:[fr.TEXT_CENTERED],children:"Box with background image"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra venenatis neque, ac fringilla mauris fermentum vel. Maecenas viverra, erat id condimentum ultricies, enim enim lacinia sem, sed blandit nisi metus suscipit elit. Phasellus magna risus, mattis sed consectetur at, rhoncus vitae quam. Vivamus varius nisl a nibh finibus, non laoreet eros ornare. Phasellus dignissim ullamcorper tortor ut iaculis. Fusce tincidunt finibus fermentum. Praesent pulvinar sapien a turpis faucibus, et semper quam scelerisque. Morbi interdum nec ipsum eu facilisis."})]})}),r.jsx(q,{size:10,children:r.jsxs(ie,{backgroundSrc:"https://picsum.photos/seed/picsum/1500/600",children:[r.jsx(_,{level:M.THREE,typo:[fr.TEXT_CENTERED],children:"Box with background image"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra venenatis neque, ac fringilla mauris fermentum vel. Maecenas viverra, erat id condimentum ultricies, enim enim lacinia sem, sed blandit nisi metus suscipit elit. Phasellus magna risus, mattis sed consectetur at, rhoncus vitae quam. Vivamus varius nisl a nibh finibus, non laoreet eros ornare. Phasellus dignissim ullamcorper tortor ut iaculis. Fusce tincidunt finibus fermentum. Praesent pulvinar sapien a turpis faucibus, et semper quam scelerisque. Morbi interdum nec ipsum eu facilisis."})]})})]})]})})},P0=()=>{const[e,t]=f.useState(2);return r.jsxs(Q,{children:[r.jsx(te,{variant:"PRIMARY",onClick:()=>t(n=>n+1>3?0:n+1),children:"Next to BreadcrumbItem"}),r.jsx(xt,{size:Ea.MEDIUM}),r.jsx(A,{typo:[kr.TEXT_WEIGHT_SEMIBOLD],children:"Simple Breadcrumb"}),r.jsxs(ci,{children:[r.jsx(ft,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ft,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ft,{active:e==2,children:"Accessories"}),r.jsx(ft,{active:e==3,children:"Current page"})]}),r.jsx(A,{typo:[kr.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in box"}),r.jsx(ie,{children:r.jsx(he,{children:r.jsxs(ci,{children:[r.jsx(ft,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ft,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ft,{active:e==2,children:"Accessories"}),r.jsx(ft,{active:e==3,children:"Current page"})]})})}),r.jsx(A,{typo:[kr.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in card"}),r.jsx(Ze,{children:r.jsx(Je,{children:r.jsxs(ci,{children:[r.jsx(ft,{active:e==0,href:"https://Home.fr",children:"Home"}),r.jsx(ft,{active:e==1,to:"#anchor",children:"Catalog"}),r.jsx(ft,{active:e==2,children:"Accessories"}),r.jsx(ft,{active:e==3,children:"Current page"})]})})}),r.jsx(A,{typo:[kr.TEXT_WEIGHT_SEMIBOLD],children:"Breadcrumb in rows"}),r.jsx(De,{centered:!0,verticalCentered:!0,children:r.jsxs(Ic,{children:[r.jsx(ds,{}),r.jsx(ds,{children:r.jsx(De,{centered:!0,verticalCentered:!0,children:r.jsxs(ci,{children:[r.jsx(ft,{href:"https://Home.fr",children:"Home"}),r.jsx(ft,{to:"#anchor",children:"Catalog"}),r.jsx(ft,{children:"Accessories"}),r.jsx(ft,{active:!0,children:"Current page"})]})})})]})})]})},pi=()=>r.jsxs(r.Fragment,{children:[r.jsx(ve,{size:10}),r.jsx(V,{}),r.jsx(ve,{size:50})]}),F0=()=>r.jsxs(pn,{children:[r.jsx(_,{level:M.TWO,children:"Variant "}),r.jsx(ve,{size:10}),r.jsx(Js,{children:Object.values(Te).map((e,t)=>r.jsx(te,{variant:e,children:e},t))}),r.jsx(pi,{}),r.jsx(_,{level:M.TWO,children:"loading + variant "}),r.jsx(ve,{size:10}),r.jsx(Js,{children:Object.values(Te).map((e,t)=>r.jsx(te,{variant:e,loading:!0,children:e},t))}),r.jsx(pi,{}),r.jsx(_,{level:M.TWO,children:"disabled + variant "}),r.jsx(ve,{size:10}),r.jsx(Js,{children:Object.values(Te).map((e,t)=>r.jsx(te,{variant:e,disabled:!0,children:e},t))}),r.jsx(pi,{}),r.jsx(_,{level:M.TWO,children:"fullwidth "}),r.jsx(ve,{size:10}),r.jsx(te,{fullwidth:!0,variant:"PRIMARY",children:"Cliquer"}),r.jsx(pi,{}),r.jsx(_,{level:M.TWO,children:"iconName "}),r.jsx(ve,{size:10}),r.jsxs(Js,{children:[r.jsx(te,{iconName:D.TIMES,variant:"CONVERSION",children:"Icon Conversion"}),r.jsx(te,{iconName:D.ARROW_DOWN,variant:"PRIMARY",children:"Icon Primary"}),r.jsx(te,{iconName:D.EYE,variant:"SECONDARY",children:"Icon Secondary"}),r.jsx(te,{iconName:D.SEARCH,variant:"GHOST",children:"Icon Ghost"})]})]}),U0=()=>{const[e,t]=f.useState(!1);return r.jsxs(Q,{children:[r.jsxs(Fc,{children:[r.jsx(Tr,{children:r.jsx(Ze,{inverted:!0,background:ce.SUCCESS,children:r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."})]})})}),r.jsx(Tr,{children:r.jsx(Ze,{background:{color:ce.SUCCESS,fade:!0},children:r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."})]})})})]}),r.jsx(_,{level:M.TWO,children:"CardImage & markup "}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ze,{active:!0,background:ce.BACKGROUND,children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:M.TWO,children:"CardImage & markup "}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ze,{markup:Uu.A,background:ce.BACKGROUND,children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Markup A"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>t(e),children:"Skeleton toogle click"})]})]}),r.jsx(_,{level:M.TWO,children:"Reversed "}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ze,{reversed:!0,children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical Reversed"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:M.TWO,children:"Flat "}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ze,{flat:!0,children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Card flat"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:M.TWO,children:"Horizontal "}),r.jsx(ve,{size:be.MEDIUM}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ze,{horizontal:!0,children:[r.jsx(Ut,{size:"3",src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{backgroundColor:ce.BACKGROUND,children:[r.jsx(_,{overline:!0,children:"Desktop Card Horizontal"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]}),r.jsx(_,{level:M.TWO,children:"Floating (inside component)"}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(ie,{children:[r.jsx(Rn,{children:"Floating (inside component)"}),r.jsx(he,{children:r.jsx(Mu,{className:"is-marginless",children:r.jsxs(er,{active:!0,children:[r.jsx(tr,{children:r.jsx(A,{level:"ONE",children:"Card floating (inside component)"})}),r.jsx(nr,{children:r.jsxs(Ze,{floating:!0,children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,onClick:()=>window.open("https://fr.wikipedia.org/wiki/Shiba_(chien)","_blank"),children:"Enabled"})]})]})})]})})})]}),r.jsxs(Fc,{children:[r.jsx(Tr,{children:r.jsx(Ze,{flat:!0,fullheight:!0,children:r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Card with fullheight props"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."})]})})}),r.jsx(Tr,{children:r.jsx(Ze,{inverted:!0,background:ce.SUCCESS,children:r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."})]})})}),r.jsx(Tr,{children:r.jsx(Ze,{background:{color:ce.SUCCESS,fade:!0},children:r.jsxs(Je,{children:[r.jsx(_,{level:M.ONE,children:"Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."})]})})})]})]})},b0=()=>r.jsx(pn,{children:r.jsxs(De,{children:[r.jsx(A,{typo:fr.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."}),r.jsxs(Ye,{children:[r.jsx(q,{centered:!0,children:r.jsx(En,{tile:!0,iconTile:D.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked),checked:!0})}),r.jsx(q,{children:r.jsx(En,{iconTile:D.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(ve,{size:be.MEDIUM}),r.jsxs(Ye,{children:[r.jsx(q,{centered:!0,children:r.jsx(En,{tile:!0,iconTile:D.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})}),r.jsx(q,{children:r.jsx(En,{disabled:!0,iconTile:D.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.checkboxValue,e.checkboxChecked)})})]}),r.jsx(ve,{size:20}),r.jsx(En,{checked:!0,iconTile:D.EYE,horizontalTile:!0,tile:!0,label:"Checkbox checked"}),r.jsx(En,{disabled:!0,horizontalTile:!0,tile:!0,label:"Checkbox Disabled"}),r.jsx(En,{description:"lorem kenenf",tile:!0,horizontalTile:!0,label:"Checkbox simple"}),r.jsx(En,{checked:!0,label:"Checkbox checked"}),r.jsx(En,{disabled:!0,label:"Checkbox Disabled"}),r.jsx(En,{description:"lorem kenenf",label:"Checkbox simple"})]})}),H0=()=>{f.useState(!1);const[e,t]=f.useState(!1),[n,s]=f.useState(!1),[l,i]=f.useState(!1),[a,o]=f.useState(!1),[c,u]=f.useState(!1),[d,m]=f.useState(!1),[h,E]=f.useState(!1);return r.jsx(De,{children:r.jsxs(pn,{children:[r.jsx(_,{level:M.TWO,children:"Chips selection multiple "}),r.jsxs(gf,{multiple:!0,children:[r.jsx(Un,{id:"1",onClick:()=>{t(!e)},active:e,children:"Chips 1"}),r.jsx(Un,{onClick:()=>{s(!n)},active:n,children:"Chips 2"}),r.jsx(Un,{onClick:()=>{i(!l)},active:l,children:"Chips 3"}),r.jsx(Un,{disabled:!0,children:"Chips 4"})]}),r.jsx(_,{level:M.TWO,children:"Chips selection unique "}),r.jsxs(gf,{children:[r.jsx(Un,{onClick:()=>{o(!a)},active:a,children:"Chips 1"}),r.jsx(Un,{onClick:()=>{u(!c)},active:c,children:"Chips 2"}),r.jsx(Un,{onClick:()=>{m(!d)},active:d,children:"Chips 3"}),r.jsx(Un,{onClick:()=>{E(!h)},active:h,children:"Chips 4"})]})]})})},z0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Q,{children:[r.jsxs(Ye,{marginSize:3,children:[r.jsx(q,{size:1,children:r.jsx(A,{style:{borderWidth:1,borderColor:"red"},children:"Column #1"})}),r.jsx(q,{size:4,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})}),r.jsx(q,{size:4,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #3"})})})]}),r.jsxs(Ye,{marginSize:3,children:[r.jsx(q,{size:4,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #4"})})}),r.jsx(q,{size:4,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #5"})})}),r.jsx(q,{size:4,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #6"})})})]}),r.jsx(_,{level:M.THREE,children:"Column responsive"}),r.jsx(V,{}),r.jsxs(Ye,{mobile:!0,children:[r.jsx(q,{desktopSize:2,tabletSize:2,mobileSize:6,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #1"})})}),r.jsx(q,{desktopSize:10,tabletSize:10,mobileSize:6,children:r.jsx(Ge,{style:{borderWidth:1,borderColor:"red"},children:r.jsx(A,{children:"Column #2"})})})]})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Column Inlined"}),r.jsx(V,{}),r.jsxs(Ye,{inlined:!0,marginSize:3,children:[r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})}),r.jsx(q,{desktopSize:3,mobileSize:12,tabletSize:6,size:12,children:r.jsxs(Ze,{children:[r.jsx(Ut,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg"}),r.jsxs(Je,{children:[r.jsx(_,{overline:!0,children:"Desktop Card Vertical"}),r.jsx(_,{level:M.ONE,children:"Card Title"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera."}),r.jsx(te,{variant:Te.PRIMARY,children:"Skeleton toggle"})]})]})})]})]})]}),$0=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Q,{verticalPaddingless:!0,children:[r.jsx(De,{children:r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(A,{children:"Container"}),r.jsx(_,{level:M.THREE,children:"Conteneur simple"})]})})}),r.jsx(V,{})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Conteneur fluid"}),r.jsx(V,{}),r.jsx(De,{fluid:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Container content"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Conteneur medium"}),r.jsx(V,{}),r.jsx(De,{medium:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"fullwidth"}),r.jsx(V,{}),r.jsx(De,{fullwidth:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Fullwidth content"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"fluide centré"}),r.jsx(V,{}),r.jsx(De,{fluid:!0,centered:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"content centered"})})})})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"pulled-right"}),r.jsx(V,{}),r.jsx(De,{fluid:!0,pulledRight:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"pulledRight"})})})}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc massa est, tincidunt a metus vel, bibendum tempor lorem. Donec sit amet elit vel felis mattis faucibus et at nisi. Mauris vel lacinia diam. Integer convallis sit amet turpis at scelerisque. In suscipit enim turpis, vitae viverra urna pulvinar vel. Praesent rutrum ante id quam rhoncus, id elementum nulla bibendum. Integer suscipit lorem ut convallis aliquet. Mauris eget nibh tellus. In pretium cursus dignissim. Nam tincidunt consequat condimentum. Ut a arcu ultrices, luctus arcu eu, ullamcorper neque. Mauris sagittis pulvinar tempus. Pellentesque egestas eros turpis, eu fringilla sem convallis sit amet. Nam a nisi non sapien finibus aliquet bibendum sed est. Integer ullamcorper lorem sit amet leo mattis, eget ornare purus molestie. Proin mattis pellentesque gravida. Ut rutrum vel tellus ut pellentesque. Mauris ac turpis massa. Curabitur lectus diam, pharetra a lorem ac, ultricies auctor turpis. Ut posuere metus vel quam condimentum, nec sagittis erat vestibulum. Fusce id nulla nisi."})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"pulled-left"}),r.jsx(V,{}),r.jsx(De,{fluid:!0,pulledLeft:!0,children:r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"pulledLeft"})})})}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid autem beatae debitis, ea earum incidunt, ipsa libero maxime necessitatibus nesciunt similique. Asperiores deserunt eligendi expedita numquam quisquam rem sunt!"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid autem beatae debitis, ea earum incidunt, ipsa libero maxime necessitatibus nesciunt similique. Asperiores deserunt eligendi expedita numquam quisquam rem sunt!"})]})]}),W0=()=>r.jsxs(Q,{children:[r.jsx(jf,{inverted:!0,deadline:new Date("2023-12-24 18:00:00")}),r.jsx(ve,{size:be.MEDIUM}),r.jsx(jf,{small:!0,deadline:new Date("2024-09-28 18:00:00"),format:ul.DAY_HOUR_MIN})]}),B0=()=>r.jsxs(Q,{children:[r.jsxs(ie,{children:[r.jsx(V,{iconName:D.EYE_SLASH}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"}),r.jsx(V,{color:ce.MAIN,backgroundColor:ce.MAIN,textColor:ce.BACKGROUND,iconName:D.EYE_SLASH}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"})]}),r.jsxs(ie,{children:[r.jsx(A,{children:"Lorem ipsum dolor sit amet"}),r.jsx(V,{color:ce.MAIN,textColor:ce.MAIN,backgroundColor:ce.BACKGROUND,content:"New Message"}),r.jsx(A,{children:"Lorem ipsum dolor sit amet"})]}),r.jsx(ie,{children:r.jsx(he,{children:r.jsx(V,{unboxed:!0})})}),r.jsx(V,{})]}),V0=()=>{const[e,t]=f.useState(!1);return r.jsx(Ge,{style:{height:"80rem"},children:r.jsxs(Q,{children:[r.jsx(_,{level:"TWO",children:"FAB button"}),r.jsx(Oj,{extended:e,onClick:()=>t(!e),iconName:D.INFOS_CIRCLE,right:20,bottom:15,children:"New Conversation"})]})})},G0=()=>r.jsxs(Q,{children:[r.jsx(_i,{background:Ve.MAIN,overlap:!0,inverted:!0,children:r.jsxs(De,{children:[r.jsx(_,{markup:Pl.H1,level:M.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:_e.TWO,children:"Profitez dInternet dès labonnement et même en cas de coupure grâce à une clé 4G dans les nouvelles offres Bbox."})]})}),r.jsx(Q,{children:r.jsx(De,{children:r.jsx(ie,{background:{color:Ve.INFO,fade:!1},inverted:!0,children:r.jsxs(he,{children:[r.jsx(_,{level:M.TWO,children:"Hero Overlapped"}),r.jsx(A,{level:_e.TWO,children:"Profitez dInternet dès labonnement et même en cas de coupure grâce à une clé 4G dans les nouvelles offres Bbox."})]})})})}),r.jsx(V,{}),r.jsx(_i,{backgroundSrc:"https://picsum.photos/id/1/1500/600",inverted:!0,children:r.jsxs(De,{children:[r.jsx(A,{children:"Welcome Message"}),r.jsx(_,{level:"ONE",children:"Hero with image background"}),r.jsx(te,{markup:Ts.BUTTON,variant:"PRIMARY",onClick:()=>alert("Click on hero btn"),children:"Click me !"})]})}),r.jsx(V,{}),r.jsx(_i,{background:Ve.MAIN,inverted:!0,children:r.jsxs(De,{children:[r.jsx(A,{children:"Welcome Message"}),r.jsx(_,{level:"TWO",children:"Hero with Background Color"}),r.jsx(te,{markup:Ts.BUTTON,variant:Te.SECONDARY,onClick:()=>alert("Click on hero btn"),children:"Click me !"})]})})]});var le;(function(e){e.ALERT="tri-alert",e.ARROW_DOWN="tri-arrow-down",e.ARROW_LEFT="tri-arrow-left",e.ARROW_RIGHT="tri-arrow-right",e.ARROW_UP="tri-arrow-up",e.BELL="tri-bell",e.CHECK_CIRCLE="tri-check-circle",e.CHECK="tri-check",e.EXCLAMATION_CIRCLE="tri-exclamation-circle",e.EYE_SLASH="tri-eye-slash",e.EYE="tri-eye",e.INFOS_CIRCLE="tri-infos-circle",e.SEARCH="tri-search",e.TIMES="tri-times",e.TRASH="tri-trash"})(le||(le={}));const q0=()=>r.jsxs(Q,{children:[r.jsx(z,{size:K.HUGE,name:le.ARROW_UP}),r.jsx(z,{name:le.ARROW_DOWN,color:ws.GREY,size:K.SMALL}),r.jsx(z,{size:K.MEDIUM,name:le.ARROW_UP}),r.jsx(z,{size:K.MEDIUM,name:le.ARROW_RIGHT}),r.jsx(z,{size:K.MEDIUM,name:le.ARROW_LEFT}),r.jsx(z,{size:K.MEDIUM,name:le.ARROW_DOWN}),r.jsx(z,{size:K.MEDIUM,name:le.CHECK_CIRCLE}),r.jsx(z,{size:K.MEDIUM,name:le.CHECK}),r.jsxs(A,{className:"has-text-primary",children:["Icon with text children",r.jsx(z,{name:le.ALERT})]}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.MEDIUM,name:le.TIMES,content:"Icon with text props content",position:bt.UP}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.ARROW_UP}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.ARROW_DOWN}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.ARROW_LEFT}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.ARROW_RIGHT}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.TIMES}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.HUGE,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_START,name:le.TIMES}),r.jsx(z,{align:Ce.ALIGNED_START,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.SMALL,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.MEDIUM,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.LARGE,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_START,size:K.SMALLER,name:le.TIMES,stretched:!0}),r.jsx(z,{align:Ce.ALIGNED_CENTER,size:K.MEDIUM,name:le.ARROW_RIGHT}),r.jsx(z,{align:Ce.ALIGNED_END,size:K.LARGE,name:le.ARROW_RIGHT}),r.jsx(z,{size:K.LARGE,name:le.TIMES}),r.jsx(z,{color:ws.ERROR,circled:!0,size:K.LARGE,name:le.TIMES}),r.jsx(z,{circled:!0,size:K.LARGE,name:le.TIMES}),r.jsx(_,{level:M.THREE,children:"Icon with text, position and vertical alignment"}),r.jsx(V,{}),r.jsxs(De,{children:[r.jsxs(Ge,{children:[r.jsx(A,{children:"Icon UP"}),r.jsx(z,{content:"Input + text",size:K.LARGE,position:bt.UP,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Icon DOWN"}),r.jsx(z,{content:"Input + text",size:K.LARGE,position:bt.DOWN,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Icon LEFT"}),r.jsx(z,{content:"Input + text",size:K.LARGE,position:bt.LEFT,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Icon RIGHT"}),r.jsx(z,{content:"Input + text",size:K.LARGE,position:bt.RIGHT,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Center align"}),r.jsx(z,{content:"Donec dui tellus, fermentum ut purus ac, commodo vestibulum enim. Fusce ut tortor in leo dictum maximus. Sed aliquam ante consequat turpis faucibus, id ultricies est vulputate. Nullam semper justo nulla, sed pulvinar urna tincidunt sagittis. Phasellus vitae erat massa. Fusce quis ultrices magna, eget varius nibh. Proin purus dui, lobortis vel diam sit amet, interdum vestibulum nunc.",size:K.MEDIUM,verticalAlign:Ce.ALIGNED_CENTER,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Top align"}),r.jsx(z,{content:"Donec dui tellus, fermentum ut purus ac, commodo vestibulum enim. Fusce ut tortor in leo dictum maximus. Sed aliquam ante consequat turpis faucibus, id ultricies est vulputate. Nullam semper justo nulla, sed pulvinar urna tincidunt sagittis. Phasellus vitae erat massa. Fusce quis ultrices magna, eget varius nibh. Proin purus dui, lobortis vel diam sit amet, interdum vestibulum nunc.",size:K.MEDIUM,verticalAlign:Ce.ALIGNED_START,name:le.TIMES})]}),r.jsx(V,{}),r.jsxs(Ge,{children:[r.jsx(A,{children:"Bottom Align"}),r.jsx(z,{content:"Donec dui tellus, fermentum ut purus ac, commodo vestibulum enim. Fusce ut tortor in leo dictum maximus. Sed aliquam ante consequat turpis faucibus, id ultricies est vulputate. Nullam semper justo nulla, sed pulvinar urna tincidunt sagittis. Phasellus vitae erat massa. Fusce quis ultrices magna, eget varius nibh. Proin purus dui, lobortis vel diam sit amet, interdum vestibulum nunc.",size:K.MEDIUM,verticalAlign:Ce.ALIGNED_END,name:le.TIMES})]}),r.jsx(Ge,{children:r.jsx(z,{content:r.jsx(at,{href:"https://google.fr",children:"My super link with href"}),size:K.LARGE,position:bt.LEFT,name:le.TIMES})})]}),r.jsx(_,{level:M.THREE,children:"Icon with status"}),r.jsx(V,{}),r.jsx(z,{statusPosition:Tc.TOP,status:Ol.SUCCESS,size:K.MEDIUM,name:le.TIMES}),r.jsx(z,{statusPosition:Tc.BOTTOM,status:Ol.SUCCESS,size:K.MEDIUM,name:le.TIMES})]}),Y0=()=>r.jsxs(Q,{children:[r.jsx(Ne,{level:ue.THREE,children:"Image simple"}),r.jsx(go,{width:150,height:150,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(go,{width:1e3,height:250,src:"https://picsum.photos/id/1/1500/600"}),r.jsx(Tt,{}),r.jsx(Ne,{level:ue.THREE,children:"Image rounded"}),r.jsx(go,{rounded:!0,width:150,height:150,src:"https://picsum.photos/id/1/1500/600"})]}),X0=()=>{const[e,t]=O.useState(),[n,s]=O.useState("");f.useEffect(()=>{s(n),console.log("leavingDate : ",n)},[n]);function l(i){const o=i.replace(",",".").replace(/[^0-9.]/g,"").split(".").filter((u,d)=>d<=1);let c=o[1]||"";return c.length>2&&(c=c.substring(0,2)),o.join(".")}return r.jsxs(Q,{background:Ve.BACKGROUND,children:[r.jsx(xe,{label:"Input label not dynamic with sample",sample:"Input sample",help:"Search helper input",onKeyUp:i=>console.log(i),required:!0,hasIcon:!0,customIconLeft:"tri-search"}),r.jsx(xe,{label:"Input label not dynamic without sample",help:"Search helper input",onKeyUp:i=>console.log(i),required:!0,hasIcon:!0,customIconLeft:"tri-search"}),r.jsx(xe,{type:we.DATE,placeholder:"Start",name:"leavingDate",value:n,onChange:i=>s(i.inputValue)}),r.jsx(xe,{accessibilityLabel:"input base",placeholder:"Label input"}),r.jsx(xe,{minLength:10,maxLength:12,onKeyPress:()=>console.log("key"),hasIcon:!0,defaultValue:"Input, with placeholder (without padding top)",help:"Do not display upper padding when there is no placeholder",type:we.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(xe,{hasIcon:!0,defaultValue:"Input, without placeholder, without search",help:"Do not display upper padding when there is no placeholder",type:we.TEXT,onIconClick:()=>{window.alert("test")}}),r.jsx(xe,{hasIcon:!0,defaultValue:"Input, with placeholder, with search",help:"this is my help message",type:we.TEXT,onIconClick:()=>{window.alert("lol")},customIcon:D.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(xe,{hasIcon:!0,defaultValue:"Input, with search & customIcon",help:"CustomIcon takes precedence over the display of the search to avoid displaying 2 icons, one above the other.",type:we.TEXT,onIconClick:()=>{window.alert("test")},customIcon:D.ALERT,placeholder:"Placeholder with activated search"}),r.jsx(xe,{hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:we.TEXT,status:Et.SUCCESS,customIcon:D.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"This is my placeholder"}),r.jsx(xe,{hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:we.TEXT,patternValidator:new RegExp(/^hello/,"i"),customIcon:D.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:"Pattern start by hello"}),r.jsx(xe,{hasIcon:!0,defaultValue:"My default input value",help:"this is my help message",type:we.TEXT,customValidator:i=>i==="machin"?Et.SUCCESS:Et.WARNING,customIcon:D.ALERT,onIconClick:()=>{window.alert("lol")},placeholder:'Custom validator value="machin"'}),r.jsx(xe,{hasIcon:!0,forceControl:!0,defaultValue:"12",value:e,status:Et.SUCCESS,customIcon:D.BELL,onIconClick:()=>{window.alert("lol")},placeholder:"Forced control formatted normal input",onChange:i=>{t(l(i.inputValue))}}),r.jsxs(pn,{children:[r.jsx(_,{level:M.THREE,children:"Champs"}),r.jsx(V,{}),r.jsx(xe,{hasIcon:!0,forceControl:!0,defaultValue:"Input Success",value:e,status:Et.SUCCESS,customIcon:D.CHECK_CIRCLE,onIconClick:()=>{window.alert("lol")},placeholder:"Placeholder in success input type",onChange:i=>{t(l(i.inputValue))}}),r.jsx(xe,{type:we.TEXT,placeholder:"Input type texte"}),r.jsx(xe,{type:we.NUMBER,placeholder:"Input type number"}),r.jsx(xe,{type:we.PASSWORD,placeholder:"Input type password"}),r.jsx(xe,{type:we.DATE,placeholder:"Input type date"}),r.jsx(xe,{type:we.EMAIL,placeholder:"Input type mail"}),r.jsx(xe,{help:"This password does not meet the security requirements.",type:we.TEXT,status:Et.ERROR,placeholder:"This is an error message"}),r.jsx(xe,{hasIcon:!0,help:"this is my help message",type:we.TEXT,placeholder:"This is my placeholder"}),r.jsx(xe,{hasIcon:!0,help:"this is my help message",type:we.TEXT,placeholder:"This is my placeholder",customIconLeft:D.INFOS_CIRCLE}),r.jsx(xe,{type:"password",hasIcon:!0,securityGauge:!0,help:r.jsx(at,{children:"1ère connexion / Mot de passe oublié ?"}),placeholder:"this is my placeholder",minLength:8,maxLength:15,validationRules:{lowercase:!0,uppercase:!0,number:!0,specialChars:!0,length:{max:4,min:2}}}),r.jsx(xe,{type:"password",help:"test",placeholder:"this is my placeholder"}),r.jsx(xe,{defaultValue:"My 2nd default input value",help:"this is my help message",type:we.TEXT,status:Et.WARNING,customIcon:D.SEARCH,placeholder:"This is my placeholder"})]})]})},K0=()=>r.jsx(Q,{children:r.jsxs(N0,{children:[r.jsx(_,{level:M.THREE,children:"Links inline"}),r.jsxs(A,{children:["I'm in a paragraph and this is a ",r.jsx(at,{children:"standard link"})," while this is a ",r.jsx(at,{children:"standard ununderlined link."})," If I want atertiary colored link, I can also use this",r.jsx(at,{children:"underlined link"}),", or this ",r.jsx(at,{children:"underlined one."})]}),r.jsx(_,{level:M.THREE,children:"External links"}),r.jsx(at,{href:"https://google.com",blank:!0,children:"External link"}),r.jsx(_,{level:M.THREE,children:"Link with icon"}),r.jsx(at,{href:"https://google.com",blank:!0,iconName:D.ARROW_RIGHT,children:"External link"})]})}),Q0=()=>r.jsx(r.Fragment,{children:r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"List with divider"}),r.jsxs(ui,{children:[r.jsx(Rt,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{divider:!0,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Rt,{divider:!0,children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(mi,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:M.THREE,children:"List with action & title & description"}),r.jsxs(ui,{children:[r.jsx(Rt,{deletable:!0,action:r.jsx(z,{name:"tri-trash"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{action:r.jsx(om,{name:"switch",onChange:e=>console.log(e.switchState)}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{action:r.jsx(ax,{description:"lorem kenenf ns k ",narrow:!0,marginless:!0}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Rt,{action:r.jsx(y0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(mi,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:M.THREE,children:"List with customIcon"}),r.jsxs(ui,{children:[r.jsx(Rt,{status:xa.ERROR,customIcon:cn.TIMES,title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{customIcon:r.jsx(e1,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsx(Rt,{customIcon:r.jsx(Z0,{}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Rt,{customIcon:r.jsx(J0,{}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(mi,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]}),r.jsx(_,{level:M.THREE,children:"List with action & title & description && customIcon"}),r.jsxs(ui,{children:[r.jsx(Rt,{deletable:!0,status:xa.ERROR,customIcon:cn.TIMES,action:r.jsx(z,{name:"tri-trash",size:"small"}),title:"Ceci est le titre",description:"Lorem ipsum dolor sit amet consectetur "}),r.jsxs(Rt,{customIcon:r.jsx(z,{name:"tri-trash",size:"small"}),action:r.jsx(om,{name:"switch",onChange:e=>console.log(e.switchState)}),children:[r.jsx(_,{level:"SIX",children:"Ceci est le titre"}),r.jsx(mi,{children:"Lorem ipsum dolor sit amet consectetur adipisicing"})]})]})]})}),Z0=()=>r.jsx(I0,{style:{width:8,height:8,borderRadius:8,backgroundColor:tx(Ve.MAIN)}}),J0=()=>r.jsx(C0,{src:"https://i.etsystatic.com/10951167/r/il/df66c4/1860902191/il_570xN.1860902191_kuoj.jpg",width:40,height:40,rounded:!0}),e1=()=>r.jsx(z,{size:"small",name:"tri-alert",color:_c.INFO}),t1=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Modal"}),r.jsx(Tt,{}),r.jsxs(Vs,{panel:!0,title:"Modal panel Title",ctaContent:"Action",ctaOnClick:()=>alert("Click on cta"),closeIcon:!0,ctaCancelOnClick:()=>alert("cancel action"),children:[r.jsxs(A0,{children:[r.jsxs(To,{done:!0,children:[r.jsx(Lo,{iconName:cn.CHECK}),r.jsx(wo,{heading:"08 July",content:"Step 1"})]}),r.jsxs(To,{active:!0,children:[r.jsx(Lo,{iconName:cn.CHECK}),r.jsx(wo,{heading:"09 July",content:"Step 2",link:"link",contentLink:"Go to link"})]}),r.jsxs(To,{undone:!0,children:[r.jsx(Lo,{iconName:cn.CHECK}),r.jsx(wo,{heading:"10 July",content:"Step 3",link:"link",contentLink:"Go to your profile"})]})]}),r.jsx(Xe,{children:"Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of de Finibus Bonorum et Malorum (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, Lorem ipsum dolor sit amet.. , comes from a line in section 1.10.32. The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from de Finibus Bonorum et Malorum by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undo"})]}),r.jsx(Vs,{content:`Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
+
+The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
+
+The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
+
+The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.`,title:"title modal",triggerContent:"Open accessible modal",ctaContent:"Action",onOpen:()=>alert("open modal"),onClose:()=>alert("close modal"),iconName:cn.BELL,closeIcon:!0,ctaCancelOnClick:()=>alert("toto"),titleButtonClose:"Fermer"})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Modal custom "}),r.jsx(Tt,{}),r.jsxs(Vs,{triggerContent:"Open modal",onOpen:()=>alert("open modal"),onClose:()=>alert("close modal"),closeIcon:!0,children:[r.jsx(Ui,{children:"Custom title"}),r.jsx(Xe,{htmlContent:`Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
+
+The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
+
+The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
+
+The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.`}),r.jsx(ix,{children:"Custom Footer"})]})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Modal click outside "}),r.jsx(Tt,{}),r.jsxs(Vs,{triggerContent:"Open modal",iconName:"tri-check-circle",iconColor:"SUCCESS",closeIcon:!0,children:[r.jsx(Ui,{children:"Titre 2"}),r.jsx(Xe,{children:"icon modal content"})]})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Modal with disable click outside "}),r.jsx(Tt,{}),r.jsxs(Vs,{triggerContent:"Open modal",iconName:"tri-check-circle",iconColor:"SUCCESS",disableHandlingClickOutside:!0,closeIcon:!0,children:[r.jsx(Ui,{children:"Titre 2"}),r.jsx(Xe,{children:"icon modal content"})]})]})]}),n1=()=>r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"OTP"}),r.jsx(di,{onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"Set your OTP",autoFocus:!0}),r.jsx(ve,{size:be.HUGE}),r.jsx(di,{disabled:!0,onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"OTP Disabled"}),r.jsx(ve,{size:be.HUGE}),r.jsx(di,{error:!0,errorMessage:"This is an error message",onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"OTP Error"}),r.jsx(ve,{size:be.HUGE}),r.jsx(di,{errorMessage:"This is a message",codeSize:4,onChange:e=>console.log("onChange",e),onCompleted:e=>console.log("onCompleted",e),label:"OTP code Size 4"})]}),r1=()=>r.jsxs(Q,{children:[r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Pagination"}),r.jsx(V,{}),r.jsx(No,{onClick:e=>console.log("event",e),count:50,href:e=>`?page=${e}`})]}),r.jsxs(Q,{children:[r.jsx(No,{onClick:e=>console.log("event",e),count:50,href:e=>`?page=${e}`}),r.jsx(V,{}),r.jsx(No,{onClick:e=>console.log("event",e),count:50,defaultPage:2})]})]}),s1=()=>r.jsxs(Q,{children:[r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Popover"}),r.jsxs(Ye,{children:[r.jsx(q,{children:r.jsx(bn,{content:"Voici une simple popover",children:r.jsx(te,{variant:"PRIMARY",children:"Simple"})})}),r.jsx(q,{children:r.jsx(bn,{children:r.jsx(te,{variant:"PRIMARY",children:"Without content"})})}),r.jsx(q,{children:r.jsx(bn,{content:r.jsxs(r.Fragment,{children:[r.jsx(We,{variant:Be.ERROR,children:"Test"}),r.jsx(z,{name:D.TIMES})]}),children:r.jsx(te,{variant:"PRIMARY",children:"Node content"})})}),r.jsx(q,{children:r.jsx(bn,{active:!0,content:"Popover active",children:r.jsx(te,{variant:"PRIMARY",children:"Active"})})})]})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Popover direction"}),r.jsxs(Ye,{children:[r.jsx(q,{children:r.jsx(bn,{content:"En haut",children:r.jsx(te,{variant:"PRIMARY",children:"Top"})})}),r.jsx(q,{children:r.jsx(bn,{direction:Oi.BOTTOM,content:"En bas",children:r.jsx(te,{variant:"PRIMARY",children:"Bottom"})})}),r.jsx(q,{children:r.jsx(bn,{direction:Oi.RIGHT,content:"A droite",children:r.jsx(te,{variant:"PRIMARY",children:"Right"})})}),r.jsx(q,{children:r.jsx(bn,{direction:Oi.LEFT,content:"A gauche",children:r.jsx(te,{variant:"PRIMARY",children:"Left"})})})]})]})]}),l1=()=>r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Price tag"}),r.jsx(ke,{level:"1",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"2",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"3",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"4",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"5",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"6",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.SMALL}),r.jsx(ke,{level:"7",amount:24.99,showCents:!0,period:"mois",tagAmount:10,tagSymbol:"€"}),r.jsx(ve,{size:be.MEDIUM}),r.jsx(_,{level:M.THREE,children:"Simple"}),r.jsx(ke,{level:"2",amount:18.99,showCents:!0}),r.jsx(ke,{level:"2",amount:18.99,showCents:!0,striked:!0}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Inlined"}),r.jsx(ke,{level:"7",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:Ce.ALIGNED_START,suptitle:"From ",inline:!0}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Alignement"}),r.jsx(ke,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:Ce.ALIGNED_START}),r.jsx(ke,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:Ce.ALIGNED_CENTER}),r.jsx(ke,{level:"1",amount:1e3,mention:"(1)",period:"months",showCents:!0,align:Ce.ALIGNED_END}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Size"}),r.jsx(ke,{level:Xt.LEVEL1,amount:100,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL2,amount:24.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL3,amount:24.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL4,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL5,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL6,amount:18.1,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{level:Xt.LEVEL7,amount:18.1,mention:"(1)",period:"months",showCents:!0}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"Inverted price"}),r.jsxs(_i,{background:qp.MAIN,children:[r.jsx(ke,{inverted:!0,level:Xt.LEVEL1,amount:18.99,mention:"(1)",period:"months",showCents:!0}),r.jsx(ke,{striked:!0,inverted:!0,level:Xt.LEVEL1,amount:18.99,mention:"(1)",period:"months",showCents:!0})]}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,children:"With or Without cents"}),r.jsx(ke,{level:Xt.LEVEL4,amount:18,period:"months"}),r.jsx(ke,{level:Xt.LEVEL4,amount:18,period:"months",showCents:!0})]}),i1=()=>r.jsxs(Q,{children:[r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Product tour"}),r.jsx(V,{})]}),r.jsx(Q,{children:r.jsx(Gj,{avatarDirection:Jp.LEFT,active:!0,closeable:!0,arrowDirection:Zp.UP,avatarSrc:"https://tinyfac.es/data/avatars/475605E3-69C5-4D2B-8727-61B7BB8C4699-500w.jpeg",children:r.jsx(A,{children:"Product tour text content"})})})]}),a1=()=>r.jsxs(Lt,{children:[r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Progress Bar"}),r.jsx(Tt,{}),r.jsx(Wn,{percent:30}),r.jsx(Wn,{percent:30,status:"INFO"}),r.jsx(Wn,{percent:30,status:"WARNING"}),r.jsx(Wn,{percent:30,status:"ERROR"}),r.jsx(Wn,{percent:30,status:"SUCCESS"})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Barre de progression empilée"}),r.jsx(Tt,{}),r.jsxs(Wn,{stacked:!0,children:[r.jsx(hi,{percent:15,status:Tn.SUCCESS}),r.jsx(hi,{percent:15,status:Tn.INFO}),r.jsx(hi,{percent:15,status:Tn.WARNING}),r.jsx(hi,{percent:15,status:Tn.ERROR})]})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Progression avec unique légende"}),r.jsx(Tt,{}),r.jsx(Wn,{percent:30,status:Tn.INFO,uniqueLegend:"My unique legend"})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Progression avec légendes aux extremités"}),r.jsx(Tt,{}),r.jsx(Wn,{percent:15,status:Tn.INFO,firstExtremLegend:"0 Go",secondExtremLegend:"5 Go"})]}),r.jsxs(Lt,{children:[r.jsx(Ne,{level:ue.THREE,children:"Barre de progression circulaire children custo"}),r.jsx(Tt,{}),r.jsxs(Gs,{percent:30,secondPercent:30,children:[r.jsx(Ne,{level:ue.THREE,marginless:!0,children:"60"}),r.jsx(Xe,{level:zt.ONE,marginless:!0,children:"/ 300 Go"})]}),r.jsx(Ne,{level:ue.THREE,children:"Barre de progression circulaire avec label et description"}),r.jsx(Tt,{}),r.jsxs(Gs,{percent:30,secondPercent:30,alert:AlertState.INFO,secondAlert:AlertState.WARNING,children:[r.jsx(Ne,{level:ue.THREE,marginless:!0,children:"60"}),r.jsx(Xe,{level:zt.ONE,marginless:!0,children:"/ 100 Go"})]}),r.jsxs(Gs,{percent:30,secondPercent:30,small:!0,children:[r.jsx(Xe,{typo:[Ml.TEXT_WEIGHT_SEMIBOLD],level:ue.ONE,marginless:!0,children:"60"}),r.jsx(Xe,{level:zt.FOUR,marginless:!0,children:"/ 100 Go"})]}),r.jsx(Ne,{level:"THREE",children:"Vide : "}),r.jsx(Gs,{percent:0,secondPercent:0,description:"--"}),r.jsx(Gs,{percent:0,secondPercent:0,description:"--",small:!0})]})]}),o1=()=>r.jsx(pn,{children:r.jsxs(De,{children:[r.jsxs(Ic,{children:[r.jsx(ds,{children:r.jsx(A,{typo:Ls.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."})}),r.jsx(ds,{children:r.jsx(A,{typo:Ls.TEXT_CENTERED,children:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."})})]}),r.jsxs(Ye,{children:[r.jsx(q,{centered:!0,children:r.jsx(Pt,{tile:!0,iconTile:D.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked),checked:!0})}),r.jsx(q,{children:r.jsx(Pt,{iconTile:D.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})})]}),r.jsx(xt,{size:Ea.MEDIUM}),r.jsxs(Ye,{children:[r.jsx(q,{centered:!0,children:r.jsx(Pt,{tile:!0,iconTile:D.CHECK_CIRCLE,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})}),r.jsx(q,{children:r.jsx(Pt,{disabled:!0,iconTile:D.CHECK_CIRCLE,tile:!0,label:"Lorem ipsum dolor",name:"radio1",value:"default value 1",onChange:e=>console.log(e.radioValue,e.radioChecked)})})]}),r.jsx(xt,{size:20}),r.jsxs(Cf,{isMobile:!0,children:[r.jsx(Pt,{checked:!0,iconTile:D.EYE,tile:!0,horizontalTile:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Pt,{disabled:!0,horizontalTile:!0,label:"abc narrow",tile:!0,narrow:!0,marginless:!0}),r.jsx(Pt,{description:"lorem kenenf ns k ",tile:!0,horizontalTile:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsxs(Pt,{tile:!0,horizontalTile:!0,label:"Radio tile",name:"radio",value:"default value 1",description:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet",onChange:e=>console.log(e.radioValue,e.radioChecked),checked:!1,children:[r.jsx(z,{name:D.EYE,size:K.LARGE}),r.jsx(z,{name:D.EYE_SLASH,size:K.LARGE}),r.jsx(z,{name:D.INFOS_CIRCLE,size:K.LARGE})]})]}),r.jsxs(Pt,{tile:!0,horizontalTile:!0,onChange:e=>console.log(e.radioValue,e.radioChecked),checked:!1,children:[r.jsx(z,{name:D.EXCLAMATION_CIRCLE}),r.jsxs(Ic,{children:[r.jsx(ds,{children:r.jsx(_,{level:M.THREE,markup:"div",className:"is-marginless",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."})}),r.jsx(ds,{children:r.jsx(A,{level:M.THREE,markup:"div",className:"is-marginless",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pretium id sem quis auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula semper leo, a scelerisque erat tristique id."})})]})]}),r.jsx(xt,{size:20}),r.jsxs(Cf,{isMobile:!0,children:[r.jsx(Pt,{checked:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Pt,{disabled:!0,label:"abc narrow",narrow:!0,marginless:!0}),r.jsx(Pt,{description:"lorem kenenf ns k ",label:"abc narrow",narrow:!0,marginless:!0})]})]})}),c1=()=>r.jsx(Q,{children:r.jsx(qj,{min:0,max:100,labelValueCursorMin:"€",labelValueCursorMax:"€",valueCursorMin:0,valueCursorMax:50,label:"Ceci est un label",idMin:"min",idMax:"max",nameMax:"max",nameMin:"min",onChangeMin:e=>console.log(e),onChangeMax:e=>console.log(e),gap:0})}),u1=()=>r.jsx(Q,{background:Ve.BACKGROUND,children:r.jsxs(Yj,{children:[r.jsx(el,{active:!0,onClick:()=>alert("Appels"),children:"Item 1"}),r.jsx(el,{onClick:()=>alert("SMS"),children:"Item 2"}),r.jsx(el,{onClick:()=>alert("Équipements"),children:"Item 3"}),r.jsx(el,{disabled:!0,children:"Item 4"})]})}),d1=()=>{const[e,t]=f.useState(["opt_one","Venus"]),[n,s]=f.useState(["opt_one","opt_two"]),[l,i]=f.useState("opt_two"),[a,o]=f.useState("opt_one");return r.jsxs(Q,{children:[r.jsxs(r.Fragment,{children:[r.jsx(Ne,{children:"Custom select"}),r.jsx(Tt,{}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.TWO,children:"Unique option"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Kr,{disabled:!0,name:"option",label:"label",id:"id",iconName:D.ALERT,selected:l,onChange:c=>{i(c.selectValue)},children:[r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0,iconName:"tri-bell"}),r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile",iconName:"tri-bell"}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto",iconName:"tri-bell"}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus",iconName:"tri-bell"})]}),r.jsx(Zr,{onClick:()=>i("Venus"),variant:"PRIMARY",children:"Set value 3"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"nullable"}),r.jsxs(Kr,{nullable:!0,name:"option",label:"label",id:"id",iconName:D.ALERT,selected:a,onChange:c=>{o(c.selectValue)},children:[r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile"}),r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto"}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus"})]}),r.jsx(Zr,{onClick:()=>o(void 0),variant:"PRIMARY",children:"Set Null"}),r.jsx(Zr,{onClick:()=>o("opt_one"),variant:"PRIMARY",children:"Set One"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.TWO,children:"Multiple options"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Kr,{multiple:!0,name:"option",label:"label",id:"id",iconName:D.ALERT,selected:e,onChange:c=>{c!=null&&c.selectedOptions&&t(c.selectedOptions)},children:[r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile"}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto"}),r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus"})]}),r.jsx(Zr,{onClick:()=>t(c=>[...c,"Venus"]),variant:"PRIMARY",children:"Set Venus"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"nullable"}),r.jsxs(Kr,{nullable:!0,multiple:!0,name:"option",label:"label",id:"id",iconName:D.ALERT,selected:n,onChange:c=>{c!=null&&c.selectedOptions&&s(c.selectedOptions)},children:[r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile"}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto"}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus"}),r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0})]}),r.jsx(Zr,{onClick:()=>s([]),variant:"PRIMARY",children:"Set Null"}),r.jsx(Zr,{onClick:()=>s(["opt_one","opt_two"]),variant:"PRIMARY",children:"Set one & two"})]}),r.jsxs(r.Fragment,{children:[r.jsxs(Ne,{children:["Native select ","(web)"]}),r.jsx(Tt,{}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.TWO,children:"Unique option"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Kr,{native:!0,name:"option",label:"label",id:"select-native-id",iconName:D.ALERT,selected:l,onChange:c=>{c!=null&&c.selectValue&&i(c.selectValue)},children:[r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile"}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto"}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus"}),r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0})]}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.TWO,children:"multiple option"}),r.jsx(xt,{size:20}),r.jsx(Ne,{level:ue.FOUR,children:"Not nullable"}),r.jsxs(Kr,{multiple:!0,native:!0,name:"option",id:"id",selected:e,onChange:c=>{c!=null&&c.selectedOptions&&t(c.selectedOptions)},children:[r.jsx(Re,{id:"id_one",value:"opt_one",label:"Virgile"}),r.jsx(Re,{id:"id_two",value:"opt_two",label:"Toto"}),r.jsx(Re,{id:"id_three",value:"Venus",label:"Venus"}),r.jsx(Re,{id:"id_four",value:"disabled",label:"disabled",disabled:!0})]}),r.jsx(xt,{size:20})]})]})},f1=()=>r.jsx(Q,{children:r.jsx(pn,{edgeSize:be.MEDIUM,edges:["top","bottom"],children:r.jsxs(Qj,{activeIndex:1,align:Ce.ALIGNED_CENTER,children:[r.jsx(Di,{children:"Selector One"}),r.jsx(Di,{children:"Selector Two"}),r.jsx(Di,{children:"Selector Three"})]})})}),m1=()=>{const[e,t]=f.useState(1),n=f.useCallback(()=>{t(e===5?1:s=>s+1)},[e]);return r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Etapes"}),r.jsx(V,{}),r.jsx(ie,{children:r.jsxs(he,{children:[r.jsx(_,{level:M.ONE,children:"Mon panier"}),r.jsx(ve,{size:30}),r.jsxs(Zj,{children:[r.jsx(Bs,{done:1<e,current:e===1,iconName:D.EYE,label:"Recup",step:1}),r.jsx(Bs,{done:2<e,current:e===2,label:"Compléments",step:2}),r.jsx(Bs,{error:!0,done:3<e,current:e===3,iconName:D.SEARCH,label:"Coordonate",step:3}),r.jsx(Bs,{done:4<e,current:e===4,label:"Livraison",step:4}),r.jsx(Bs,{done:5<e,current:e===5,iconName:D.EYE,label:"Confirm",step:5})]})]})}),r.jsx(ve,{size:30}),r.jsx(te,{onClick:n,variant:"PRIMARY",children:"Next"})]})},h1=()=>r.jsx(Q,{children:r.jsxs(pn,{children:[r.jsx(jr,{children:"Sticker"}),r.jsx(jr,{variant:"ACCENT",children:"Sticker"}),r.jsx(jr,{variant:"INFO",children:"Sticker"}),r.jsx(ve,{size:be.HUGE,horizontal:!0}),r.jsx(jr,{variant:fl.ACCENT,small:!0,children:"Sticker"}),r.jsx(jr,{variant:fl.INFO,small:!0,children:"Sticker"}),r.jsx(jr,{variant:fl.MAIN,small:!0,children:"Sticker"}),r.jsx(ve,{size:be.HUGE}),r.jsxs(ie,{hat:!0,children:[r.jsx(jr,{hat:!0,children:"Im a sticker hat"}),r.jsx(he,{children:r.jsx(T0,{amount:100})})]})]})}),p1=()=>r.jsxs(Q,{children:[r.jsx(Nr,{status:ua.ERROR,label:"Switch one",name:"switch one",onChange:e=>{console.log("SwitchState =>",e.switchState),console.log("SwitchSName =>",e.switchName)},onClick:e=>{console.log("SwitchState =>",e.switchState),console.log("SwitchSName =>",e.switchName)}}),r.jsx(Nr,{label:"Switch two",name:"switch",checked:!0,onChange:e=>console.log(e.switchState)}),r.jsx(Nr,{disabled:!0,label:"Switch two disabled checked",name:"switch",checked:!0,onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(Nr,{disabled:!0,label:"Switch two disabled",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(Nr,{reversed:!0,disabled:!0,label:"Switch two reversed disabled",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(Nr,{reversed:!0,label:"Switch two reversed",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0}),r.jsx(Nr,{reversed:!0,disabled:!0,label:"Switch two disabled reversed checked",name:"switch",onChange:e=>console.log(e.switchState),readonly:!0,checked:!0})]}),x1=()=>{const[e,t]=f.useState(1),[n,s]=f.useState(2);return r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Event"}),r.jsxs(Sr,{activeIndex:e,children:[r.jsx(oe,{iconName:D.BELL,active:e===0,onClick:()=>t(0),children:"One"}),r.jsx(oe,{iconName:D.BELL,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(oe,{iconName:D.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(Sr,{activeIndex:e,centered:!0,children:[r.jsx(oe,{iconName:D.BELL,active:e===0,onClick:()=>t(0),children:"Centered"}),r.jsx(oe,{iconName:D.BELL,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(oe,{iconName:D.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(Sr,{activeIndex:e,inverted:!0,children:[r.jsx(oe,{iconName:D.BELL,active:e===0,onClick:()=>t(0),children:"One"}),r.jsx(oe,{iconName:D.EYE_SLASH,active:e===1,onClick:()=>t(1),children:"Two"}),r.jsx(oe,{iconName:D.BELL,active:e===2,onClick:()=>t(2),children:"Three"})]}),r.jsxs(Sr,{activeIndex:n,children:[r.jsx(oe,{iconName:D.BELL,active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(oe,{iconName:D.BELL,active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(oe,{iconName:D.BELL,active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(oe,{iconName:D.BELL,active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(Sr,{activeIndex:n,inverted:!0,children:[r.jsx(oe,{iconName:D.BELL,active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(oe,{iconName:D.BELL,active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(oe,{iconName:D.BELL,active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(oe,{iconName:D.BELL,active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{iconName:D.BELL,active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(Sr,{activeIndex:n,children:[r.jsx(oe,{active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(oe,{active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(oe,{active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(oe,{active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(oe,{active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{active:n===5,onClick:()=>s(5),children:"Im the item 5"})]}),r.jsxs(Sr,{activeIndex:n,inverted:!0,children:[r.jsx(oe,{active:n===1,onClick:()=>s(1),children:"Im the item 1"}),r.jsx(oe,{active:n===2,onClick:()=>s(2),children:"Im the item 2"}),r.jsx(oe,{active:n===3,onClick:()=>s(3),children:"Im the item 3"}),r.jsx(oe,{active:n===4,onClick:()=>s(4),children:"Im the item 4"}),r.jsx(oe,{active:n===5,onClick:()=>s(5),children:"Im the item 5"}),r.jsx(oe,{active:n===5,onClick:()=>s(5),children:"Im the item 5"})]})]})},v1=()=>{const[e,t]=f.useState(!1);return r.jsxs(Q,{children:[r.jsx(za,{children:r.jsxs(So,{bordered:!0,fullwidth:!0,children:[r.jsx(yo,{children:r.jsxs(pt,{children:[r.jsx(Ke,{children:"Paramètre"}),r.jsx(Ke,{children:"Description"}),r.jsx(Ke,{children:"Défaut"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en local"}),r.jsx(Ke,{children:"Recommendation en prod"})]})}),r.jsxs(Co,{children:[r.jsx(pt,{}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.introspection.filter.enabled"})}),r.jsx(J,{children:"Activation / désactivation de l’introspection"}),r.jsx(J,{children:"true"}),r.jsx(J,{children:"false"}),r.jsx(J,{children:"true"})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.context.enabledList"})}),r.jsx(J,{children:"Liste des contextes à charger"}),r.jsx(J,{children:"LEGACY,SWAP_LATEST"}),r.jsx(J,{children:"LEGACY ou LEGACY,SWAP_LATEST"}),r.jsx(J,{children:" "})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.context.default"})}),r.jsx(J,{children:"Contexte par default"}),r.jsx(J,{children:"LEGACY"}),r.jsx(J,{children:"LEGACY"}),r.jsx(J,{children:" "})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.context.enabledList"})}),r.jsx(J,{children:"Liste des contextes à charger"}),r.jsx(J,{children:"LEGACY,SWAP_LATEST"}),r.jsx(J,{children:"LEGACY ou LEGACY,SWAP_LATEST"}),r.jsx(J,{children:" "})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.swap.url"})}),r.jsx(J,{children:"URL de SWAP"}),r.jsx(J,{children:"A compléter"}),r.jsx(J,{children:r.jsx(at,{href:"https://local.a7.127.0.0.1.sslip.io/",children:"https://local.a7.127.0.0.1.sslip.io/"})}),r.jsx(J,{children:" "})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"gateway.threading.pool.size"})}),r.jsx(J,{children:"Nombre de threads"}),r.jsx(J,{children:"4"}),r.jsx(J,{children:"TBD"}),r.jsx(J,{children:" "})]}),r.jsxs(pt,{children:[r.jsx(J,{children:r.jsx(A,{children:"spring.profiles.active"})}),r.jsx(J,{children:" "}),r.jsx(J,{children:" "}),r.jsx(J,{children:"DEV"}),r.jsx(J,{children:" "})]})]})]})}),r.jsxs(So,{fullwidth:!0,bordered:!0,children:[r.jsx(yo,{children:r.jsxs(pt,{children:[r.jsx(Ke,{children:"Date"}),r.jsx(Ke,{children:"Libellé opération"}),r.jsx(Ke,{children:"Montant"}),r.jsx(Ke,{children:"Solde client"}),r.jsx(Ke,{children:"Opérations associées"})]})}),r.jsxs(Co,{children:[r.jsxs(pt,{onClick:()=>t(!e),expandable:!0,expanded:e,"data-expandable-row":"",children:[r.jsx(J,{children:"09/11/2018"}),r.jsxs(J,{children:[r.jsx(A,{children:"Prélèvement PAPGPXXXXXXXXXX"}),r.jsx(A,{children:"Réf. paiement : 28268"})]}),r.jsx(J,{children:"-100,00 €"}),r.jsx(J,{children:"0,00 €"}),r.jsx(J,{"data-expandable-trigger":"",children:r.jsx(z,{name:D.ARROW_DOWN,content:"Afficher"})})]}),r.jsx(pt,{expansion:!0,children:r.jsx(J,{colSpan:7,children:r.jsxs(Ge,{backgroundSrc:"https://images.pexels.com/photos/18254878/pexels-photo-18254878/free-photo-of-eau-desert-rochers-source-chaude.jpeg",children:[r.jsx(A,{level:_e.FOUR,children:"Dolore fugiat reprehenderit nostrud velit voluptate dolor irure ullamco exercitation nulla eiusmod in"}),r.jsx(A,{children:"Laboris cupidatat culpa nisi ad consectetur ex ea laboris est nostrud aliquip."})]})})})]})]}),r.jsxs(So,{bordered:!0,children:[r.jsx(yo,{children:r.jsxs(pt,{children:[r.jsx(Ke,{children:"Title 1"}),r.jsx(Ke,{children:"Title 2"}),r.jsx(Ke,{children:"Title 3"})]})}),r.jsxs(Co,{children:[r.jsxs(pt,{children:[r.jsx(J,{children:"Donnée 1"}),r.jsx(J,{children:"Donnée 2"}),r.jsx(J,{children:"Donnée 3"})]}),r.jsxs(pt,{children:[r.jsx(J,{children:"Donnée 4"}),r.jsx(J,{children:"Donnée 5"}),r.jsx(J,{children:"Donnée 6"})]})]})]})]})},E1=()=>r.jsxs(r.Fragment,{children:[r.jsx(De,{children:r.jsxs(Ro,{children:[r.jsx(We,{variant:Be.INFO,children:"Tag secondaire"}),r.jsx(We,{onClick:()=>alert("test"),variant:Be.ERROR,children:"Tag error"}),r.jsx(We,{onClick:()=>alert("test"),variant:Be.SUCCESS,children:"Tag success"}),r.jsx(We,{onClick:()=>alert("test"),variant:Be.WARNING,children:"Tag warning"})]})}),r.jsxs(De,{children:[r.jsx(_,{level:M.THREE,children:"Tag default"}),r.jsx(V,{}),r.jsx(A,{children:"In list"}),r.jsxs(Ro,{children:[r.jsx(We,{variant:Be.ERROR,children:"Tag error"}),r.jsx(We,{variant:Be.INFO,children:"Tag info"}),r.jsx(We,{variant:Be.SUCCESS,children:"Tag success"}),r.jsx(We,{variant:Be.WARNING,children:"Tag warning"})]})]}),r.jsxs(De,{children:[r.jsx(_,{level:M.THREE,children:"Tag avec icone"}),r.jsx(V,{}),r.jsxs(Ro,{children:[r.jsx(We,{iconName:D.EXCLAMATION_CIRCLE,variant:Be.ERROR,children:"Tag error"}),r.jsx(We,{iconName:D.CHECK_CIRCLE,variant:Be.SUCCESS,children:"Tag success"}),r.jsx(We,{iconName:D.ALERT,variant:Be.WARNING,children:"Tag warning"}),r.jsx(We,{iconName:D.INFOS_CIRCLE,variant:Be.INFO,children:"Tag info"}),r.jsx(We,{iconName:D.CHECK_CIRCLE,children:"Tag default"})]})]}),r.jsxs(De,{children:[r.jsx(_,{level:M.THREE,children:"Small tag"}),r.jsx(V,{}),r.jsx(We,{small:!0,variant:Be.ERROR,children:"Tag error"}),r.jsx(We,{small:!0,variant:Be.SUCCESS,children:"Tag success"}),r.jsx(We,{small:!0,iconName:D.ALERT,variant:Be.WARNING,children:"Tag warning"})]}),r.jsxs(Q,{children:[r.jsx(_,{level:M.THREE,children:"Inverted tag"}),r.jsx(V,{}),r.jsx(We,{inverted:!0,variant:Be.ERROR,children:"Tag error"}),r.jsx(We,{inverted:!0,variant:Be.SUCCESS,children:"Tag success"}),r.jsx(We,{inverted:!0,iconName:D.ALERT,variant:Be.WARNING,children:"Tag warning"}),r.jsx(We,{inverted:!0,iconName:D.ALERT,variant:Be.INFO,children:"Tag info"})]})]}),g1=()=>r.jsxs(Q,{children:[r.jsx(A,{numberOfLines:3,children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore obcaecati quia voluptatum! Assumenda blanditiis dignissimos eligendi excepturi facere facilis, fuga incidunt necessitatibus non obcaecati praesentium quam quia soluta veniam vero. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam amet asperiores autem dicta esse et id, incidunt ipsa magni molestiae nesciunt non pariatur quasi, quia reiciendis repudiandae tempora voluptatibus."}),r.jsx(A,{level:_e.ONE,children:"my super text 1"}),r.jsx(A,{level:_e.TWO,children:"my super text 2"}),r.jsx(A,{level:_e.THREE,children:"my super text 3"}),r.jsx(A,{level:_e.FOUR,children:"my super text 4"}),r.jsxs(A,{level:_e.TWO,children:["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur at deleniti doloremque ea, earum explicabo illo inventore minima optio pariatur ratione similique suscipit vero. Accusamus dicta impedit laudantium neque nulla!",r.jsx(A,{link:!0,onClick:e=>console.log(e),children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium consectetur consequuntur dicta esse eum inventore, ipsum magnam minima modi nobis nulla placeat quas qui saepe voluptate voluptates voluptatibus. Doloribus, unde?"}),"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem culpa, dignissimos distinctio, eum in ipsum magni nihil officia pariatur perferendis, recusandae rem reprehenderit. Aliquid eius expedita quasi quia reiciendis, sint."]}),r.jsx(Ye,{children:r.jsxs(q,{centered:!0,children:[r.jsx(A,{children:"Mon texte"}),r.jsx(Js,{children:r.jsx(te,{variant:Te.PRIMARY,children:"Centered button"})}),r.jsx(ie,{children:r.jsx(he,{children:r.jsx(A,{children:"Centered box"})})})]})})]}),j1=()=>r.jsxs(Q,{children:[r.jsx(yn,{label:"Textarea label not dynamic with sample",sample:"Textarea sample",help:"Search helper textarea",onKeyUp:e=>console.log(e),required:!0,iconName:D.CHECK,statusIconName:"tri-exclamation-circle",dynamicPlaceholder:!1}),r.jsx(V,{}),r.jsx(yn,{label:"Textarea label not dynamic without sample",help:"Search helper textarea",onKeyUp:e=>console.log(e),required:!0,iconName:D.CHECK,dynamicPlaceholder:!1}),r.jsx(V,{}),r.jsx(yn,{disabled:!0,placeholder:"placeholder",label:"Dynamic label"}),r.jsx(V,{}),r.jsx(yn,{placeholder:"placeholder",label:"No Dynamic label",dynamicPlaceholder:!1,customHeight:100}),r.jsx(V,{}),r.jsx(yn,{placeholder:"placeholder",label:"With Max Lenght ",dynamicPlaceholder:!1,maxLength:150}),r.jsx(V,{}),r.jsx(yn,{placeholder:"Disabled",label:"Label",disabled:!0}),r.jsx(yn,{placeholder:"With icon",label:"With maxlength",maxLength:150,iconName:D.CHECK}),r.jsx(V,{}),r.jsx(yn,{placeholder:"With status icon success",label:"Iam a label",maxLength:150,iconName:D.CHECK,statusIconName:"tri-check-circle",status:"success"}),r.jsx(V,{}),r.jsx(yn,{placeholder:"With status icon error",label:"Label",iconName:D.CHECK,statusIconName:"tri-exclamation-circle",status:"error",help:"This is a help message",typo:"has-text-error"})]}),N1=()=>r.jsxs(r.Fragment,{children:[r.jsxs(Rf,{horizontal:!0,children:[r.jsxs(zn,{cancel:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsx(Hn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"https://google.fr",contentLink:"Check the email",onClick:e=>console.log(e)})]}),r.jsxs(zn,{done:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsx(Hn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]}),r.jsxs(zn,{active:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsx(Hn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]}),r.jsxs(zn,{undone:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsx(Hn,{heading:"20 September",content:"loremp ipsum dolor sit amet",link:"link",contentLink:"Check the email"})]})]}),r.jsx(Tt,{}),r.jsxs(Rf,{children:[r.jsxs(zn,{cancel:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsxs(Hn,{children:[r.jsx(_,{level:M.THREE,children:"20 septembre"}),r.jsx(A,{level:_e.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(zn,{done:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsxs(Hn,{children:[r.jsx(_,{level:M.THREE,children:"20 septembre"}),r.jsx(A,{level:_e.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(zn,{active:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsxs(Hn,{children:[r.jsx(_,{level:M.THREE,children:"20 septembre"}),r.jsx(A,{level:_e.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]}),r.jsxs(zn,{undone:!0,children:[r.jsx($n,{iconName:D.CHECK}),r.jsxs(Hn,{children:[r.jsx(_,{level:M.THREE,children:"20 septembre"}),r.jsx(A,{level:_e.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(A,{level:_e.FOUR,children:"Modification de votre identifiant de connexion"}),r.jsx(at,{children:"Voir lemail"})]})]})]})]}),S1=()=>r.jsxs(Q,{children:[r.jsx(_,{level:M.ONE,children:"Title level 1"}),r.jsx(_,{level:M.TWO,children:"Title level 2"}),r.jsx(_,{level:M.THREE,children:"Title level 3"}),r.jsx(_,{level:M.FOUR,children:"Title level 4"}),r.jsx(_,{level:M.FIVE,children:"Title level 5"}),r.jsx(_,{level:M.SIX,children:"Title level 6"}),r.jsx(_,{subtitle:!0,children:"Subtitle"}),r.jsx(_,{overline:!0,children:"Overline"}),r.jsx(V,{})]}),y1=()=>r.jsxs(Q,{children:[r.jsx(Ge,{markup:Es.LABEL,children:r.jsx(A,{children:"Click here to check the checkbox."})}),r.jsx(Ge,{markup:Es.SPAN}),r.jsxs(Ge,{markup:Es.DIV,flexable:!0,justify:Gp.SPACE_BETWEEN,align:Ce.ALIGNED_CENTER,children:[r.jsx(te,{variant:Te.SECONDARY,children:"CLick on me"}),r.jsx(_,{level:M.THREE,children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias culpa dolorum error et ex exercitationem, explicabo fugiat fugit, id impedit iste libero modi, molestiae nisi nobis quis sapiente ut voluptas?"})]})]}),ja=Object.freeze(Object.defineProperty({__proto__:null,AccordionScreen:Jj,AlertScreen:j0,AutoCompleteScreen:_0,AutolayoutScreen:O0,BadgeScreen:D0,BoxScreen:M0,BreadcrumScreen:P0,ButtonScreen:F0,CardScreen:U0,CheckboxScreen:b0,ChipsScreen:H0,ColumnScreen:z0,ContainerScreen:$0,CountdownScreen:W0,DividerScreen:B0,FabScreen:V0,HeroScreen:G0,IconScreen:q0,ImageScreen:Y0,InputScreen:X0,LinkScreen:K0,ListScreen:Q0,ModalScreen:t1,OtpScreen:n1,PaginationScreen:r1,PopoverScreen:s1,PriceScreen:l1,ProductTourScreen:i1,ProgressScreen:a1,RadioScreen:o1,RangeScreen:c1,SegmentedControlScreen:u1,SelectView:d1,SelectorView:f1,StepperScreen:m1,StickerScreen:h1,SwitchScreen:p1,TabScreen:x1,TableScreen:v1,TagScreen:E1,TextScreen:g1,TextareaScreen:j1,TimelineScreen:N1,TitleScreen:S1,ViewScreen:y1},Symbol.toStringTag,{value:"Module"})),C1=({navigation:e})=>{const[t,n]=f.useState(Object.keys(ja)),s=f.useCallback(l=>{const i={...Object.keys(ja)};Object.keys(i).forEach(a=>{i[a].toLocaleLowerCase().includes(l.toLocaleLowerCase())||delete i[a]}),n(i)},[]);return r.jsx(za,{children:r.jsx(De,{children:r.jsxs(pn,{children:[r.jsx(_,{level:M.ONE,typo:[fr.TEXT_CENTERED],children:"You need to test components in other screens"}),r.jsx(A,{level:_e.ONE,typo:[fr.TEXT_CENTERED],children:"This home screen is only for navigation"}),r.jsx(xe,{placeholder:"Rechercher un composant",onChange:l=>s(l.inputValue)}),r.jsx(V,{}),r.jsx(_,{level:M.THREE,typo:[fr.TEXT_CENTERED],children:"Screens"}),Object.keys(t).map((l,i)=>{const[a]=t[l].split("Screen");return r.jsx(ie,{onClick:()=>{console.log(e),e&&e.navigate(a)},children:r.jsx(he,{children:r.jsxs(Ye,{children:[r.jsx(q,{size:11,children:r.jsx(_,{level:M.THREE,children:a})}),r.jsx(q,{verticalCenter:!0,size:1,children:r.jsx(z,{name:D.ARROW_RIGHT})})]})})},i)})]})})})},R1=({title:e,children:t,goBack:n,scrollable:s=!0})=>r.jsxs(Q,{children:[s&&r.jsxs(za,{children:[n&&r.jsx(z,{name:D.ARROW_LEFT,onClick:n}),r.jsx(_,{typo:[Ls.TEXT_CENTERED],children:e}),t]}),!s&&r.jsxs(r.Fragment,{children:[n&&r.jsx(z,{name:D.ARROW_LEFT,onClick:n}),r.jsx(_,{typo:[Ls.TEXT_CENTERED],children:e}),t]})]}),w1=()=>{const e=Eg();return r.jsxs(Dg,{children:[Object.keys(ja).map((t,n)=>{const[s]=t.split("Screen"),l=ja[t];return r.jsx(Li,{path:s,element:r.jsx(R1,{title:s,goBack:()=>history.back(),scrollable:!1,children:r.jsx(l,{})})},n)}),r.jsx(Li,{path:"/",element:r.jsx(C1,{navigation:{navigate:e}})}),r.jsx(Li,{path:"*",element:r.jsx("div",{children:"Aucun composant"})})]})},T1=document.getElementById("root"),L1=wp(T1);L1.render(r.jsx(f.StrictMode,{children:r.jsx(zg,{children:r.jsx(Fg,{children:r.jsx(w1,{})})})}));
diff --git a/docs/templates/assets/trilogy-142b1c5a.css b/docs/templates/assets/trilogy-142b1c5a.css
new file mode 100755
index 00000000..6867bc65
--- /dev/null
+++ b/docs/templates/assets/trilogy-142b1c5a.css
@@ -0,0 +1 @@
+@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.button:focus-visible{outline:2px solid getColor("font")!important;outline-offset:2px}.delete,.modal .modal-close{-moz-appearance:none;-webkit-appearance:none;background-color:#0003;border:none;border-radius:9999px;cursor:pointer;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;height:20px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;outline:none;position:relative;vertical-align:top;width:20px}.delete:before,.modal .modal-close:before,.delete:after,.modal .modal-close:after{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;transform:translate(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.delete:before,.modal .modal-close:before{height:2px;width:50%}.delete:after,.modal .modal-close:after{height:50%;width:2px}.delete:hover,.modal .modal-close:hover,.delete:focus,.modal .modal-close:focus{background-color:#0000004d}.delete:active,.modal .modal-close:active{background-color:#0006}.is-small.delete,.modal .is-small.modal-close{height:16px;max-height:16px;max-width:16px;min-height:16px;min-width:16px;width:16px}.is-medium.delete,.modal .is-medium.modal-close{height:24px;max-height:24px;max-width:24px;min-height:24px;min-width:24px;width:24px}.is-large.delete,.modal .is-large.modal-close{height:32px;max-height:32px;max-width:32px;min-height:32px;min-width:32px;width:32px}.is-unselectable,.is-loading,.button,.file,.delete,.breadcrumb,.modal .modal-close,.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis,.tab-context{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reset-wrap a,body a{color:getColor("font");cursor:pointer;text-decoration:none}.chips-list.is-multiple .chips:before{content:"";-webkit-mask-image:url(/templates/assets/check-97d66412.svg);mask-image:url(/templates/assets/check-97d66412.svg);background-color:currentColor;margin-right:4px;margin-left:-8px;width:0;height:20px;-webkit-mask-size:20px;mask-size:20px;transition:width .25s}.checkbox input:checked~label.checkbox-label:after,.checkbox-tile input:checked~label.checkbox-label:after{content:"";-webkit-mask-image:url(/templates/assets/check-97d66412.svg);mask-image:url(/templates/assets/check-97d66412.svg);background-color:var(--color-white);-webkit-mask-size:18px;mask-size:18px}.switch input:disabled~label:after{content:url('data:image/svg+xml; utf8, <svg viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" stroke="%23707070" stroke-linecap="round" stroke-width="3.2" fill="none"><path d="M12.6 12.6L31.4 31.4M12.6 31.4L31.4 12.6"/></svg>')}.switch input:disabled:checked~label:after{content:url('data:image/svg+xml; utf8, <svg viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" stroke="%23707070" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" fill="none"><path d="M11.3 22.4L18.1 29.3L32.7 14.7"/></svg>')}.switch label:after{content:url('data:image/svg+xml; utf8, <svg viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" stroke="%23BBC6CD" stroke-linecap="round" stroke-width="3.2" fill="none"><path d="M12.6 12.6L31.4 31.4M12.6 31.4L31.4 12.6"/></svg>');position:absolute;top:50%;transform:translateY(-50%);right:24px;border-radius:9999px;width:18px;height:18px;background-color:#fff;transition:.3s}.switch input:checked~label:after{right:2px;content:url('data:image/svg+xml; utf8, <svg viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" stroke="%233d5d7e" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" fill="none"><path d="M11.3 22.4L18.1 29.3L32.7 14.7"/></svg>');background-color:#fff}.select .radio-tile input:checked~label.radio-label:after{content:""!important;-webkit-mask-image:url(/templates/assets/check-97d66412.svg)!important;mask-image:url(/templates/assets/check-97d66412.svg)!important;background-color:var(--color-main)!important;-webkit-mask-size:18px!important;mask-size:18px!important;top:25px!important;right:18px!important;height:18px!important;width:18px!important}.accordions .accordion .accordion-header:after,.accordions .accordion[aria-disabled=true] .accordion-header:after{background-color:currentColor;content:"";-webkit-mask-image:url(/templates/assets/arrow-down-ccef4031.svg);mask-image:url(/templates/assets/arrow-down-ccef4031.svg);min-width:15px;min-height:15px;-webkit-mask-size:15px;mask-size:15px;position:absolute;display:inline-block;transition:transform .3s}.stepper-item.is-error .step-label:before{content:"";-webkit-mask-image:url(/templates/assets/times-a0f06f97.svg)!important;mask-image:url(/templates/assets/times-a0f06f97.svg)!important;background-color:var(--color-error)!important;border-width:0;-webkit-mask-size:20px;mask-size:20px;width:20px;height:20px;align-self:baseline;margin-top:2px}.stepper-item.is-done .step-label:before{content:"";-webkit-mask-image:url(/templates/assets/check-circle-6c2ca025.svg);mask-image:url(/templates/assets/check-circle-6c2ca025.svg);background-color:var(--color-success);border-width:0;min-width:20px;-webkit-mask-size:20px;mask-size:20px;height:20px;align-self:baseline;margin-top:2px}:root{--radius: 8px;--radius-small: 4px;--radius-large: 16px;--border: 1px solid var(--color-fade-main);--border-active: 2px solid var(--color-main)}.link:hover:not([disabled]){filter:brightness(.8)}.link:active:not([disabled]){filter:brightness(.9)}.link:focus-visible:not([disabled]){outline:2px solid currentColor;border-radius:4px;padding:0 4px}.button:hover:not([disabled]):not([aria-disabled=true]){filter:brightness(.8)}.button:hover:not([disabled]):not([aria-disabled=true]).is-primary{filter:brightness(1.2)}.button:active:not(:disabled){filter:brightness(.7)}.button:focus-visible{outline:2px solid var(--color-main)!important;outline-offset:2px}.modal .modal-close,.delete{-moz-appearance:none;-webkit-appearance:none;background-color:#0003;border:none;border-radius:9999px;cursor:pointer;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;height:20px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;outline:none;position:relative;vertical-align:top;width:20px}.modal .modal-close:before,.delete:before,.modal .modal-close:after,.delete:after{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;transform:translate(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.modal .modal-close:before,.delete:before{height:2px;width:50%}.modal .modal-close:after,.delete:after{height:50%;width:2px}.modal .modal-close:hover,.delete:hover,.modal .modal-close:focus,.delete:focus{background-color:#0000004d}.modal .modal-close:active,.delete:active{background-color:#0006}.modal .is-small.modal-close,.is-small.delete{height:16px;max-height:16px;max-width:16px;min-height:16px;min-width:16px;width:16px}.modal .is-medium.modal-close,.is-medium.delete{height:24px;max-height:24px;max-width:24px;min-height:24px;min-width:24px;width:24px}.modal .is-large.modal-close,.is-large.delete{height:32px;max-height:32px;max-width:32px;min-height:32px;min-width:32px;width:32px}.tab-context,.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis,.breadcrumb,.file,.button,.is-loading,.is-unselectable,.modal .modal-close,.delete{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[class*=animate]{animation:.3s cubic-bezier(.075,.82,.165,1)}@keyframes spinAround{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes from-right{0%{transform:scaleX(0)}0%,to{transform-origin:100% 100%}}@keyframes from-top{0%{transform:scaleY(0)}0%,to{transform-origin:0% 0%}}.animate-from-right{animation-name:from-right}.animate-from-top{animation-name:from-top}@keyframes placeHolderShimmer{0%{background-position:-46.8px 0}to{background-position:46.8px 0}}/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */.reset-wrap p,body p,.reset-wrap ol,body ol,.reset-wrap ul,body ul,.reset-wrap li,body li,.reset-wrap dl,body dl,.reset-wrap dt,body dt,.reset-wrap dd,body dd,.reset-wrap blockquote,body blockquote,.reset-wrap figure,body figure,.reset-wrap fieldset,body fieldset,.reset-wrap legend,body legend,.reset-wrap textarea,body textarea,.reset-wrap pre,body pre,.reset-wrap iframe,body iframe,.reset-wrap hr,body hr,.reset-wrap h1,body h1,.reset-wrap h2,body h2,.reset-wrap h3,body h3,.reset-wrap h4,body h4,.reset-wrap h5,body h5,.reset-wrap h6,body h6{margin:0;padding:0}.reset-wrap h1,body h1,.reset-wrap h2,body h2,.reset-wrap h3,body h3,.reset-wrap h4,body h4,.reset-wrap h5,body h5,.reset-wrap h6,body h6{font-size:100%;font-weight:400}.reset-wrap p:not(:last-child),body p:not(:last-child){margin-bottom:10px}.reset-wrap a,body a{color:var(--color-main);cursor:pointer;text-decoration:none}.reset-wrap a strong,body a strong{color:currentColor}.reset-wrap ul,body ul{list-style:none}.reset-wrap button,body button,.reset-wrap input,body input,.reset-wrap select,body select,.reset-wrap textarea,body textarea{margin:0}.reset-wrap img,body img,.reset-wrap audio,body audio,.reset-wrap video,body video{height:auto;max-width:100%}.reset-wrap iframe,body iframe{border:0}.reset-wrap table,body table{border-collapse:collapse;border-spacing:0}.reset-wrap td,body td,.reset-wrap th,body th{padding:0;text-align:left}.reset-wrap td:not([align]),body td:not([align]),.reset-wrap th:not([align]),body th:not([align]){text-align:left}.reset-wrap span,body span{font-style:inherit;font-weight:inherit}.reset-wrap strong,body strong{color:inherit;font-weight:600}.reset-wrap sup,body sup{line-height:0;position:relative;vertical-align:baseline;top:-.4em;font-size:.7em}.reset-wrap small,body small{font-size:.875em}.reset-wrap code,body code{font-size:12px;padding:4px 8px}.reset-wrap code,body code,.reset-wrap pre,body pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto;font-family:monospace}.reset-wrap pre,body pre{-webkit-overflow-scrolling:touch;font-size:.875em;overflow-x:auto;padding:12.5px 15px;white-space:pre;word-wrap:normal}.reset-wrap pre code,body pre code{font-size:1em;padding:0}.html-wrap,html{margin:0;padding:0;background-color:var(--color-white);font-size:10px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;text-rendering:optimizeLegibility;text-size-adjust:100%;overflow-x:inherit;overflow-y:inherit;min-height:100vh}.main-wrap,body{margin:0;padding:0;color:var(--color-main);font-weight:400;line-height:1.5;font-size:16px;display:flex;flex-direction:column;align-items:stretch;font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box}.main-wrap *,body *,.main-wrap *:before,body *:before,.main-wrap *:after,body *:after{box-sizing:inherit}.main-wrap:before,body:before{content:" ";background-color:transparent;transition:background-color .25s ease-in-out}.main-wrap.has-overlay:before,body.has-overlay:before{position:absolute;top:0;bottom:0;left:0;right:0;position:fixed;background-color:#000000db;z-index:10}.main-wrap [disabled],body [disabled],.main-wrap [aria-disabled=true],body [aria-disabled=true]{background-color:var(--color-fade-disabled)!important;border-color:transparent!important;box-shadow:none!important;color:var(--color-disabled)!important;cursor:not-allowed!important;filter:grayscale(1)}.body-wrap,body{overflow-x:hidden;overflow-y:scroll;min-height:100vh}.header,header{z-index:1000}.is-sticky-top{position:sticky!important;top:0;z-index:999}.is-sticky-bottom{position:sticky!important;bottom:0;z-index:999}.is-clearfix:after{clear:both;content:" ";display:table}.is-pulled-left{float:left!important}.is-pulled-right{float:right!important}.is-clipped{overflow:hidden!important}.is-overlay{position:absolute;top:0;bottom:0;left:0;right:0}.is-nowrap{white-space:nowrap}.has-text-centered{text-align:center!important}.has-text-justified{text-align:justify!important}.has-text-left{text-align:left!important}.has-text-right{text-align:right!important}@media screen and (max-width: 767px){.has-text-centered-mobile{text-align:center!important}}@media screen and (min-width: 768px),print{.has-text-centered-tablet{text-align:center!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.has-text-centered-tablet-only{text-align:center!important}}@media screen and (max-width: 1023px){.has-text-centered-touch{text-align:center!important}}@media screen and (min-width: 1024px){.has-text-centered-desktop{text-align:center!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.has-text-centered-desktop-only{text-align:center!important}}@media screen and (min-width: 1240px){.has-text-centered-widescreen{text-align:center!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.has-text-centered-widescreen-only{text-align:center!important}}@media screen and (min-width: 1388px){.has-text-centered-fullhd{text-align:center!important}}@media screen and (max-width: 767px){.has-text-justified-mobile{text-align:justify!important}}@media screen and (min-width: 768px),print{.has-text-justified-tablet{text-align:justify!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.has-text-justified-tablet-only{text-align:justify!important}}@media screen and (max-width: 1023px){.has-text-justified-touch{text-align:justify!important}}@media screen and (min-width: 1024px){.has-text-justified-desktop{text-align:justify!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.has-text-justified-desktop-only{text-align:justify!important}}@media screen and (min-width: 1240px){.has-text-justified-widescreen{text-align:justify!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.has-text-justified-widescreen-only{text-align:justify!important}}@media screen and (min-width: 1388px){.has-text-justified-fullhd{text-align:justify!important}}@media screen and (max-width: 767px){.has-text-left-mobile{text-align:left!important}}@media screen and (min-width: 768px),print{.has-text-left-tablet{text-align:left!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.has-text-left-tablet-only{text-align:left!important}}@media screen and (max-width: 1023px){.has-text-left-touch{text-align:left!important}}@media screen and (min-width: 1024px){.has-text-left-desktop{text-align:left!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.has-text-left-desktop-only{text-align:left!important}}@media screen and (min-width: 1240px){.has-text-left-widescreen{text-align:left!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.has-text-left-widescreen-only{text-align:left!important}}@media screen and (min-width: 1388px){.has-text-left-fullhd{text-align:left!important}}@media screen and (max-width: 767px){.has-text-right-mobile{text-align:right!important}}@media screen and (min-width: 768px),print{.has-text-right-tablet{text-align:right!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.has-text-right-tablet-only{text-align:right!important}}@media screen and (max-width: 1023px){.has-text-right-touch{text-align:right!important}}@media screen and (min-width: 1024px){.has-text-right-desktop{text-align:right!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.has-text-right-desktop-only{text-align:right!important}}@media screen and (min-width: 1240px){.has-text-right-widescreen{text-align:right!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.has-text-right-widescreen-only{text-align:right!important}}@media screen and (min-width: 1388px){.has-text-right-fullhd{text-align:right!important}}.is-size-1{font-size:32px!important}.is-size-2{font-size:28px!important}.is-size-3{font-size:24px!important}.is-size-4{font-size:20px!important}.is-size-5{font-size:18px!important}.is-size-6{font-size:14px!important}.is-size-7{font-size:12px!important}.is-size-8{font-size:11px!important}@media screen and (max-width: 767px){.is-size-1-mobile{font-size:32px!important}.is-size-2-mobile{font-size:28px!important}.is-size-3-mobile{font-size:24px!important}.is-size-4-mobile{font-size:20px!important}.is-size-5-mobile{font-size:18px!important}.is-size-6-mobile{font-size:14px!important}.is-size-7-mobile{font-size:12px!important}.is-size-8-mobile{font-size:11px!important}}@media screen and (min-width: 768px),print{.is-size-1-tablet{font-size:32px!important}.is-size-2-tablet{font-size:28px!important}.is-size-3-tablet{font-size:24px!important}.is-size-4-tablet{font-size:20px!important}.is-size-5-tablet{font-size:18px!important}.is-size-6-tablet{font-size:14px!important}.is-size-7-tablet{font-size:12px!important}.is-size-8-tablet{font-size:11px!important}}@media screen and (max-width: 1023px){.is-size-1-touch{font-size:32px!important}.is-size-2-touch{font-size:28px!important}.is-size-3-touch{font-size:24px!important}.is-size-4-touch{font-size:20px!important}.is-size-5-touch{font-size:18px!important}.is-size-6-touch{font-size:14px!important}.is-size-7-touch{font-size:12px!important}.is-size-8-touch{font-size:11px!important}}@media screen and (min-width: 1024px){.is-size-1-desktop{font-size:32px!important}.is-size-2-desktop{font-size:28px!important}.is-size-3-desktop{font-size:24px!important}.is-size-4-desktop{font-size:20px!important}.is-size-5-desktop{font-size:18px!important}.is-size-6-desktop{font-size:14px!important}.is-size-7-desktop{font-size:12px!important}.is-size-8-desktop{font-size:11px!important}}@media screen and (min-width: 1240px){.is-size-1-widescreen{font-size:32px!important}.is-size-2-widescreen{font-size:28px!important}.is-size-3-widescreen{font-size:24px!important}.is-size-4-widescreen{font-size:20px!important}.is-size-5-widescreen{font-size:18px!important}.is-size-6-widescreen{font-size:14px!important}.is-size-7-widescreen{font-size:12px!important}.is-size-8-widescreen{font-size:11px!important}}@media screen and (min-width: 1388px){.is-size-1-fullhd{font-size:32px!important}.is-size-2-fullhd{font-size:28px!important}.is-size-3-fullhd{font-size:24px!important}.is-size-4-fullhd{font-size:20px!important}.is-size-5-fullhd{font-size:18px!important}.is-size-6-fullhd{font-size:14px!important}.is-size-7-fullhd{font-size:12px!important}.is-size-8-fullhd{font-size:11px!important}}.is-underline{text-decoration:underline}.is-capitalized{text-transform:capitalize!important}.is-lowercase{text-transform:lowercase!important}.is-uppercase{text-transform:uppercase!important}.is-italic{font-style:italic!important}.has-variant{font-feature-settings:"ss01"}.has-text-weight-light,.has-text-weight-normal{font-weight:400!important}.has-text-weight-medium{font-weight:500!important}.has-text-weight-semibold,.has-text-weight-bold,.has-text-weight-extrabold{font-weight:600!important}.has-text-white{color:#fff!important}.has-text-white-invert{color:var(--color-main)!important}.has-background-white{background-color:var(--color-white)!important}.has-background-white-fade{background-color:var(--color-fade-white)!important}.has-text-accent{color:#da641b!important}.has-text-accent-invert{color:var(--color-white)!important}.has-background-accent{background-color:var(--color-accent)!important}.has-background-accent-fade{background-color:var(--color-fade-accent)!important}.has-text-main{color:#3d5d7e!important}.has-text-main-invert{color:var(--color-white)!important}.has-background-main{background-color:var(--color-main)!important}.has-background-main-fade{background-color:var(--color-fade-main)!important}.has-text-success{color:#007b52!important}.has-text-success-invert{color:var(--color-white)!important}.has-background-success{background-color:var(--color-success)!important}.has-background-success-fade{background-color:var(--color-fade-success)!important}.has-text-info{color:#1a688a!important}.has-text-info-invert{color:var(--color-white)!important}.has-background-info{background-color:var(--color-info)!important}.has-background-info-fade{background-color:var(--color-fade-info)!important}.has-text-warning{color:#fb3!important}.has-text-warning-invert{color:var(--color-white)!important}.has-background-warning{background-color:var(--color-warning)!important}.has-background-warning-fade{background-color:var(--color-fade-warning)!important}.has-text-error{color:#d42d02!important}.has-text-error-invert{color:var(--color-white)!important}.has-background-error{background-color:var(--color-error)!important}.has-background-error-fade{background-color:var(--color-fade-error)!important}.has-text-disabled{color:#646464!important}.has-text-disabled-invert{color:var(--color-white)!important}.has-background-disabled{background-color:var(--color-disabled)!important}.has-background-disabled-fade{background-color:var(--color-fade-disabled)!important}.has-text-grey{color:#707070!important}.has-text-grey-invert{color:var(--color-white)!important}.has-background-grey{background-color:var(--color-grey)!important}.has-background-grey-fade{background-color:var(--color-fade-grey)!important}.is-block{display:block!important}@media screen and (max-width: 767px){.is-block-mobile{display:block!important}}@media screen and (min-width: 768px),print{.is-block-tablet{display:block!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-block-tablet-only{display:block!important}}@media screen and (max-width: 1023px){.is-block-touch{display:block!important}}@media screen and (min-width: 1024px){.is-block-desktop{display:block!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-block-desktop-only{display:block!important}}@media screen and (min-width: 1240px){.is-block-widescreen{display:block!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-block-widescreen-only{display:block!important}}@media screen and (min-width: 1388px){.is-block-fullhd{display:block!important}}.is-flex{display:flex!important}@media screen and (max-width: 767px){.is-flex-mobile{display:flex!important}}@media screen and (min-width: 768px),print{.is-flex-tablet{display:flex!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-flex-tablet-only{display:flex!important}}@media screen and (max-width: 1023px){.is-flex-touch{display:flex!important}}@media screen and (min-width: 1024px){.is-flex-desktop{display:flex!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-flex-desktop-only{display:flex!important}}@media screen and (min-width: 1240px){.is-flex-widescreen{display:flex!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-flex-widescreen-only{display:flex!important}}@media screen and (min-width: 1388px){.is-flex-fullhd{display:flex!important}}.is-inline{display:inline!important}@media screen and (max-width: 767px){.is-inline-mobile{display:inline!important}}@media screen and (min-width: 768px),print{.is-inline-tablet{display:inline!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-inline-tablet-only{display:inline!important}}@media screen and (max-width: 1023px){.is-inline-touch{display:inline!important}}@media screen and (min-width: 1024px){.is-inline-desktop{display:inline!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-inline-desktop-only{display:inline!important}}@media screen and (min-width: 1240px){.is-inline-widescreen{display:inline!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-inline-widescreen-only{display:inline!important}}@media screen and (min-width: 1388px){.is-inline-fullhd{display:inline!important}}.is-inline-block{display:inline-block!important}@media screen and (max-width: 767px){.is-inline-block-mobile{display:inline-block!important}}@media screen and (min-width: 768px),print{.is-inline-block-tablet{display:inline-block!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-inline-block-tablet-only{display:inline-block!important}}@media screen and (max-width: 1023px){.is-inline-block-touch{display:inline-block!important}}@media screen and (min-width: 1024px){.is-inline-block-desktop{display:inline-block!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-inline-block-desktop-only{display:inline-block!important}}@media screen and (min-width: 1240px){.is-inline-block-widescreen{display:inline-block!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-inline-block-widescreen-only{display:inline-block!important}}@media screen and (min-width: 1388px){.is-inline-block-fullhd{display:inline-block!important}}.is-inline-flex{display:inline-flex!important}@media screen and (max-width: 767px){.is-inline-flex-mobile{display:inline-flex!important}}@media screen and (min-width: 768px),print{.is-inline-flex-tablet{display:inline-flex!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-inline-flex-tablet-only{display:inline-flex!important}}@media screen and (max-width: 1023px){.is-inline-flex-touch{display:inline-flex!important}}@media screen and (min-width: 1024px){.is-inline-flex-desktop{display:inline-flex!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-inline-flex-desktop-only{display:inline-flex!important}}@media screen and (min-width: 1240px){.is-inline-flex-widescreen{display:inline-flex!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-inline-flex-widescreen-only{display:inline-flex!important}}@media screen and (min-width: 1388px){.is-inline-flex-fullhd{display:inline-flex!important}}.is-hidden{display:none!important}@media screen and (max-width: 767px){.is-hidden-mobile{display:none!important}}@media screen and (min-width: 768px),print{.is-hidden-tablet{display:none!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-hidden-tablet-only{display:none!important}}@media screen and (max-width: 1023px){.is-hidden-touch{display:none!important}}@media screen and (min-width: 1024px){.is-hidden-desktop{display:none!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-hidden-desktop-only{display:none!important}}@media screen and (min-width: 1240px){.is-hidden-widescreen{display:none!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-hidden-widescreen-only{display:none!important}}@media screen and (min-width: 1388px){.is-hidden-fullhd{display:none!important}}.is-invisible{visibility:hidden!important}@media screen and (max-width: 767px){.is-invisible-mobile{visibility:hidden!important}}@media screen and (min-width: 768px),print{.is-invisible-tablet{visibility:hidden!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-invisible-tablet-only{visibility:hidden!important}}@media screen and (max-width: 1023px){.is-invisible-touch{visibility:hidden!important}}@media screen and (min-width: 1024px){.is-invisible-desktop{visibility:hidden!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-invisible-desktop-only{visibility:hidden!important}}@media screen and (min-width: 1240px){.is-invisible-widescreen{visibility:hidden!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-invisible-widescreen-only{visibility:hidden!important}}@media screen and (min-width: 1388px){.is-invisible-fullhd{visibility:hidden!important}}.is-marginless{margin:0!important}.is-paddingless{padding:0!important}.is-radiusless{border-radius:0!important}.is-shadowless{box-shadow:none!important}.is-multiline{flex-wrap:wrap!important}.is-rounded{border-radius:9999px!important}.is-bordered{border:var(--border)}.is-vertical-paddingless{padding-left:0!important;padding-right:0!important}.has-border-radius-small{border-radius:var(--radius-small)}.has-border-radius{border-radius:var(--radius)}.is-fullheight{height:100%}.is-fullwidth,.field .select{width:100%}.is-borderless{border:none!important}@media screen and (max-width: 767px){.is-fullwidth-mobile{width:100%}}.is-spaced-evenly{justify-content:space-evenly!important}.is-spaced-around{justify-content:space-around!important}.is-spaced-between{justify-content:space-between!important}.is-order-reversed{flex-direction:row-reverse!important}.is-vertical{flex-direction:column!important}.is-vertical.is-order-reversed{flex-direction:column-reverse!important}.is-vertical.is-aligned-left{align-items:flex-start!important}.is-vertical.is-aligned-right{align-items:flex-end!important}.is-vertical.is-positionned-top{justify-content:flex-start!important}.is-vertical.is-positionned-bottom{justify-content:flex-end!important}@media screen and (max-width: 767px){.is-vertical-mobile{flex-direction:column!important}.is-vertical-mobile.is-order-reversed-mobile{flex-direction:column-reverse!important}.is-vertical-mobile.is-aligned-left-mobile{align-items:flex-start!important}.is-vertical-mobile.is-aligned-center-mobile{align-items:center!important}.is-vertical-mobile.is-aligned-right-mobile{align-items:flex-end!important}.is-vertical-mobile.is-positionned-top-mobile{justify-content:flex-start!important}.is-vertical-mobile.is-positionned-center-mobile{justify-content:center!important}.is-vertical-mobile.is-positionned-bottom-mobile{justify-content:flex-end!important}}.is-centered{justify-content:center}@media screen and (max-width: 767px){.is-centered-mobile{justify-content:center!important}}@media screen and (min-width: 768px),print{.is-centered-tablet{justify-content:center!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-centered-tablet-only{justify-content:center!important}}@media screen and (max-width: 1023px){.is-centered-touch{justify-content:center!important}}@media screen and (min-width: 1024px){.is-centered-desktop{justify-content:center!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-centered-desktop-only{justify-content:center!important}}@media screen and (min-width: 1240px){.is-centered-widescreen{justify-content:center!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-centered-widescreen-only{justify-content:center!important}}@media screen and (min-width: 1388px){.is-centered-fullhd{justify-content:center!important}}.is-justified-self{justify-self:center!important}.is-justified-center{justify-content:center!important}@media screen and (max-width: 767px){.is-justified-center-mobile{justify-content:center!important}}@media screen and (min-width: 768px),print{.is-justified-center-tablet{justify-content:center!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-justified-center-tablet-only{justify-content:center!important}}@media screen and (max-width: 1023px){.is-justified-center-touch{justify-content:center!important}}@media screen and (min-width: 1024px){.is-justified-center-desktop{justify-content:center!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-justified-center-desktop-only{justify-content:center!important}}@media screen and (min-width: 1240px){.is-justified-center-widescreen{justify-content:center!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-justified-center-widescreen-only{justify-content:center!important}}@media screen and (min-width: 1388px){.is-justified-center-fullhd{justify-content:center!important}}.is-justified-self{justify-self:flex-start!important}.is-justified-start{justify-content:flex-start!important}@media screen and (max-width: 767px){.is-justified-start-mobile{justify-content:flex-start!important}}@media screen and (min-width: 768px),print{.is-justified-start-tablet{justify-content:flex-start!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-justified-start-tablet-only{justify-content:flex-start!important}}@media screen and (max-width: 1023px){.is-justified-start-touch{justify-content:flex-start!important}}@media screen and (min-width: 1024px){.is-justified-start-desktop{justify-content:flex-start!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-justified-start-desktop-only{justify-content:flex-start!important}}@media screen and (min-width: 1240px){.is-justified-start-widescreen{justify-content:flex-start!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-justified-start-widescreen-only{justify-content:flex-start!important}}@media screen and (min-width: 1388px){.is-justified-start-fullhd{justify-content:flex-start!important}}.is-justified-self{justify-self:flex-end!important}.is-justified-end{justify-content:flex-end!important}@media screen and (max-width: 767px){.is-justified-end-mobile{justify-content:flex-end!important}}@media screen and (min-width: 768px),print{.is-justified-end-tablet{justify-content:flex-end!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-justified-end-tablet-only{justify-content:flex-end!important}}@media screen and (max-width: 1023px){.is-justified-end-touch{justify-content:flex-end!important}}@media screen and (min-width: 1024px){.is-justified-end-desktop{justify-content:flex-end!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-justified-end-desktop-only{justify-content:flex-end!important}}@media screen and (min-width: 1240px){.is-justified-end-widescreen{justify-content:flex-end!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-justified-end-widescreen-only{justify-content:flex-end!important}}@media screen and (min-width: 1388px){.is-justified-end-fullhd{justify-content:flex-end!important}}.is-positionned-left{justify-content:flex-start!important}.is-positionned-center{justify-content:center!important}.is-positionned-right{justify-content:flex-end!important}.is-vcentered{align-items:center}@media screen and (max-width: 767px){.is-vcentered-mobile{align-items:center!important}}@media screen and (min-width: 768px),print{.is-vcentered-tablet{align-items:center!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-vcentered-tablet-only{align-items:center!important}}@media screen and (max-width: 1023px){.is-vcentered-touch{align-items:center!important}}@media screen and (min-width: 1024px){.is-vcentered-desktop{align-items:center!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-vcentered-desktop-only{align-items:center!important}}@media screen and (min-width: 1240px){.is-vcentered-widescreen{align-items:center!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-vcentered-widescreen-only{align-items:center!important}}@media screen and (min-width: 1388px){.is-vcentered-fullhd{align-items:center!important}}@media screen and (max-width: 767px){.is-aligned-center-mobile{align-items:center!important}}@media screen and (min-width: 768px),print{.is-aligned-center-tablet{align-items:center!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-aligned-center-tablet-only{align-items:center!important}}@media screen and (max-width: 1023px){.is-aligned-center-touch{align-items:center!important}}@media screen and (min-width: 1024px){.is-aligned-center-desktop{align-items:center!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-aligned-center-desktop-only{align-items:center!important}}@media screen and (min-width: 1240px){.is-aligned-center-widescreen{align-items:center!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-aligned-center-widescreen-only{align-items:center!important}}@media screen and (min-width: 1388px){.is-aligned-center-fullhd{align-items:center!important}}.is-aligned-start{align-items:flex-start!important}@media screen and (max-width: 767px){.is-aligned-start-mobile{align-items:flex-start!important}}@media screen and (min-width: 768px),print{.is-aligned-start-tablet{align-items:flex-start!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-aligned-start-tablet-only{align-items:flex-start!important}}@media screen and (max-width: 1023px){.is-aligned-start-touch{align-items:flex-start!important}}@media screen and (min-width: 1024px){.is-aligned-start-desktop{align-items:flex-start!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-aligned-start-desktop-only{align-items:flex-start!important}}@media screen and (min-width: 1240px){.is-aligned-start-widescreen{align-items:flex-start!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-aligned-start-widescreen-only{align-items:flex-start!important}}@media screen and (min-width: 1388px){.is-aligned-start-fullhd{align-items:flex-start!important}}.is-aligned-end{align-items:flex-end!important}@media screen and (max-width: 767px){.is-aligned-end-mobile{align-items:flex-end!important}}@media screen and (min-width: 768px),print{.is-aligned-end-tablet{align-items:flex-end!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.is-aligned-end-tablet-only{align-items:flex-end!important}}@media screen and (max-width: 1023px){.is-aligned-end-touch{align-items:flex-end!important}}@media screen and (min-width: 1024px){.is-aligned-end-desktop{align-items:flex-end!important}}@media screen and (min-width: 1024px) and (max-width: 1239px){.is-aligned-end-desktop-only{align-items:flex-end!important}}@media screen and (min-width: 1240px){.is-aligned-end-widescreen{align-items:flex-end!important}}@media screen and (min-width: 1240px) and (max-width: 1387px){.is-aligned-end-widescreen-only{align-items:flex-end!important}}@media screen and (min-width: 1388px){.is-aligned-end-fullhd{align-items:flex-end!important}}.is-aligned-top{align-items:flex-start!important}.is-aligned-center{align-items:center!important}.is-aligned-bottom{align-items:flex-end!important}.is-absolute{position:absolute!important}.is-text-ellipsis{width:100%;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box}@keyframes loading-pulse{to{opacity:.1}}p.is-loading a,p.is-loading span,p.is-loading p,p.is-loading i,p.is-loading strong,p.is-loading h1,p.is-loading h2,p.is-loading h3,p.is-loading h4,p.is-loading h5,p.is-loading label,p.is-loading h6,.is-loading p a,.is-loading p span,.is-loading p p,.is-loading p i,.is-loading p strong,.is-loading p h1,.is-loading p h2,.is-loading p h3,.is-loading p h4,.is-loading p h5,.is-loading p label,.is-loading p h6{visibility:hidden}.is-loading{filter:grayscale(1);cursor:default!important;color:transparent!important;pointer-events:none}.is-loading.is-checkradio[type=checkbox]+label:before,.is-loading .is-checkradio[type=checkbox]+label:before,.is-loading.is-checkradio[type=checkbox]+label:after,.is-loading .is-checkradio[type=checkbox]+label:after{visibility:hidden}.is-loading:after{animation:spinAround .5s infinite linear;border:2px solid var(--color-fade-grey);border-radius:290486px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1em;position:relative;width:1em;position:absolute;left:calc(50% - .5em);top:calc(50% - .5em);position:absolute!important}.is-loading.field .icon,.is-loading .field .icon{display:none}.is-loading.field .input,.is-loading .field .input{border:0;pointer-events:none}.is-loading.field .input::placeholder,.is-loading .field .input::placeholder{color:transparent}.is-loading a,.is-loading span,.is-loading p,.is-loading i,.is-loading strong,.is-loading h1,.is-loading h2,.is-loading h3,.is-loading h4,.is-loading h5,.is-loading label,.is-loading h6{display:inline;border-radius:9999px;background:currentColor!important;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-size:70%;letter-spacing:2px;-webkit-animation:loading-pulse 1.5s ease-out infinite alternate;-moz-animation:none;opacity:.2}.is-loading p.suptitle{display:block}.is-loading h1,.is-loading h2,.is-loading h3,.is-loading h4,.is-loading h5,.is-loading h6{display:table}.is-loading .is-loading{animation:none}.is-loaded a,.is-loaded span,.is-loaded p,.is-loaded i,.is-loaded strong,.is-loaded h1,.is-loaded h2,.is-loaded h3,.is-loaded h4,.is-loaded h5,.is-loaded label,.is-loaded h6{transition-duration:.15s;transition-timing-function:cubic-bezier(.075,.82,.165,1);transition-property:font-size,letter-spacing;-moz-transition:none}body{font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.trilogy-root{text-size-adjust:100%;font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box;color:var(--color-main);font-size:10px;font-weight:400;line-height:1.5;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.trilogy-root>*{font-size:16px}a.alert{cursor:pointer;transition:box-shadow .3s}a.alert:hover,a.alert:active,a.alert:focus{box-shadow:0 2px 4px #0000001a}.alert{border-radius:var(--radius);margin-bottom:16px;position:relative;display:flex;align-self:flex-start;box-shadow:none;padding:16px}.alert .text:first-child,.alert .title:first-child{line-height:normal}.alert .title,.alert .text{margin-bottom:0!important;padding-bottom:4px}.alert .text:last-child{padding-bottom:0!important}.alert .icon{padding:0}@media screen and (max-width: 767px){.alert{flex-wrap:wrap}}.alert strong{color:currentColor}.alert.is-success{background-color:var(--color-fade-success);border:1px solid var(--color-success)}.alert.is-success .icon{color:var(--color-success)}.alert.is-error{background-color:var(--color-fade-error);border:1px solid var(--color-error)}.alert.is-error .icon{color:var(--color-error)}.alert.is-warning{background-color:var(--color-fade-warning);border:1px solid var(--color-warning)}.alert.is-warning .icon{color:var(--color-warning)}.alert.is-info{background-color:var(--color-fade-info);border:1px solid var(--color-info)}.alert.is-info .icon{color:var(--color-info)}.alert>.icon{flex:none;align-self:flex-start}.alert>.icon [class^=tri-],.alert>.icon [class*=" tri-"]{font-size:20px}.alert>.body{align-self:center;margin-bottom:0;flex-grow:1;padding:1px 8px}@media screen and (max-width: 767px){.alert>.body{flex:1}}.alert .text,.alert .paragraph{font-size:14px;text-align:left}.is-autocomplete .autocomplete-menu{display:none}.is-autocomplete.is-active .autocomplete-menu{display:block;border:1px solid rgba(0,38,60,.4);padding:5px 10px;border-radius:4px;max-height:220px;overflow-y:auto;background-color:var(--color-white);z-index:10000}.is-autocomplete.is-active .autocomplete-item{cursor:pointer;padding:3.75px 5px}.is-autocomplete.is-active .autocomplete-item.is-active,.is-autocomplete.is-active .autocomplete-item[data-autocomplete-item-hover]{background-color:var(--color-fade-grey);margin-left:-10px;margin-right:-10px;border-top:1px solid var(--color-fade-grey);border-bottom:1px solid var(--color-fade-grey);padding:2.75px 15px}.title .badge{margin-left:.6em;margin-right:.6em}.badge{display:inline-flex;border-radius:9999px;color:var(--color-white);background:var(--color-main);font-size:10px;min-height:20px;min-width:20px;justify-content:center;align-items:center}.badge:empty{min-width:10px;min-height:10px}.badge.is-up{position:absolute;left:50%;top:10px;right:24px}.badge.is-inverted{color:var(--color-main);background:var(--color-white)}.badge-and-text{display:flex;align-items:center}.badge-and-text p{margin-bottom:0!important}.badge-and-text p+.badge{display:inline-flex;border-radius:9999px;color:var(--color-white);background:var(--color-main);font-size:10px;min-height:20px;min-width:20px;justify-content:center;align-items:center}.badge-and-text p+.badge:empty{min-width:10px;min-height:10px}.badge-and-text p+.badge.is-up{position:absolute;left:50%;top:10px;right:24px}.badge-and-text p+.badge.is-inverted{color:var(--color-main);background:var(--color-white)}.badge-and-text p+.badge.is-level{position:relative;margin-left:60px}[data-badge-number]{position:relative}[data-badge-number]:after{content:attr(data-badge-number);position:absolute;margin-left:-15px;top:-7px;color:var(--color-white);left:100%;background:var(--color-main);font-size:10px;min-height:20px;min-width:20px;display:flex;align-items:center;justify-content:center;border-radius:9999px}:root{--padding-box: 24px}@media screen and (max-width: 767px){:root{--padding-box: 16px}}a.box{cursor:pointer;transition:box-shadow .3s}a.box:hover:not([disabled]):not([aria-disabled=true]),a.box:active,a.box:focus{box-shadow:0 1px 3px #45454526,0 2px 20px -3px #4545454d}.box{background-color:var(--color-white);box-shadow:#63636333 0 2px 8px;border-radius:var(--radius);display:flex;flex-direction:column;justify-content:flex-start;position:relative;padding:var(--padding-box)}.box:not(:last-child){margin-bottom:15px}.box.is-active{outline:var(--border-active)}.box.is-fullheight .box-content{flex-grow:1}.box.is-flat{box-shadow:none;border:var(--border)}.box.is-flat.has-hat>.is-hat{left:-1px;right:-1px}.box.is-flat .box-header{margin-top:calc(var(--padding-box) * -1 - 1px);margin-left:calc(var(--padding-box) * -1 - 1px);margin-right:calc(var(--padding-box) * -1 - 1px)}.box.is-highlighted{border-left:4px solid transparent;border-top-left-radius:calc(var(--radius) + 4px);border-bottom-left-radius:calc(var(--radius) + 4px)}.box.is-highlighted.is-white{border-left-color:var(--color-white);border-left-width:4px}.box.is-highlighted.is-main{border-left-color:var(--color-main);border-left-width:4px}.box.is-highlighted.is-accent{border-left-color:var(--color-accent);border-left-width:4px}.box.is-highlighted.is-info{border-left-color:var(--color-info);border-left-width:4px}.box.is-highlighted.is-success{border-left-color:var(--color-success);border-left-width:4px}.box.is-highlighted.is-error{border-left-color:var(--color-error);border-left-width:4px}.box.is-highlighted.is-warning{border-left-color:var(--color-warning);border-left-width:4px}.box.is-highlighted.is-grey{border-left-color:var(--color-grey);border-left-width:4px}.box.is-highlighted .box-header{margin-left:calc(var(--padding-box) * -1 - 4px)}.box .box-header{z-index:inherit;background-color:var(--color-main);color:var(--color-white);margin-top:calc(var(--padding-box) * -1);margin-left:calc(var(--padding-box) * -1);margin-right:calc(var(--padding-box) * -1);padding:8px;padding-left:var(--padding-box);padding-right:var(--padding-box);box-shadow:none;font-size:15px;display:flex;justify-content:center;flex-direction:column;align-items:center;font-weight:600;border-radius:var(--radius) var(--radius) 0 0}@media screen and (min-width: 768px),print{.box .box-header{flex-direction:row;align-items:center;justify-content:space-between}}.box .box-header>p:not(:last-child),.box .box-header>.paragraph:not(:last-child){margin:0 0 .3em}@media screen and (min-width: 768px),print{.box .box-header>p:not(:last-child),.box .box-header>.paragraph:not(:last-child){align-self:center;margin:0 3em 0 0}}.box .box-header~.box-content{margin-top:0}.box .box-content{margin-left:calc(var(--padding-box) * -1);margin-right:calc(var(--padding-box) * -1);padding:var(--padding-box)}.box .box-content:first-child{margin-top:calc(var(--padding-box) * -1);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.box .box-content:last-child{margin-bottom:calc(var(--padding-box) * -1);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}@media screen and (max-width: 767px){.box .box-content{text-align:left}}.box .box-content>.is-unboxed{margin-left:calc(var(--padding-box) * -1);margin-right:calc(var(--padding-box) * -1)}.box .box-content.is-transparent{background-color:transparent}.box .box-footer{margin-left:calc(var(--padding-box) * -1);margin-right:calc(var(--padding-box) * -1);margin-bottom:calc(var(--padding-box) * -1);padding:var(--padding-box);border-top:1px solid var(--color-fade-grey);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.buttons{width:100%;column-gap:16px}.buttons.is-vertical{row-gap:16px}@media screen and (min-width: 768px),print{.buttons{display:flex;align-items:center;width:auto}}.buttons.is-centered,.buttons.has-text-centered,.has-text-centered .buttons{justify-content:center}.buttons.is-mobile{flex-wrap:wrap}.buttons.is-mobile .button{margin-bottom:16px}.button{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;display:inline-flex;font-size:16px;height:46px;justify-content:flex-start;line-height:1.4;padding-bottom:calc(.375em - 1px);padding-left:20px;padding-right:20px;padding-top:calc(.375em - 1px);position:relative;vertical-align:top;background-color:#fff;border-width:2px;border-radius:var(--radius-small);cursor:pointer;justify-content:center;text-align:center;white-space:nowrap;padding:0 16px;text-decoration:inherit;font-weight:600}@supports (-webkit-overflow-scrolling: touch){.button{font-size:16px}}.button:focus,.button:active{outline:none}@supports (-webkit-overflow-scrolling: touch){.button:focus,.button:active{font-size:16px}}.button[disabled]{cursor:not-allowed}@media screen and (max-width: 767px){.button{width:100%;margin:8px 0!important}}.button.is-conversion{background-color:var(--color-accent);color:var(--color-white)}.button.is-primary{background-color:var(--color-main);color:var(--color-white)}.button.is-secondary{background-color:var(--color-fade-main);color:var(--color-main)}.button.is-ghost{background-color:var(--color-white);color:var(--color-main)}.button[disabled],.button[aria-disabled=true]{background-color:#eff2f8!important;color:#d1d1d1!important}.button.is-loading{background-color:#707070}.chips-list{align-items:center;display:inline-flex;justify-content:flex-start;flex-wrap:wrap;gap:8px}.chips-list.is-centered{justify-content:center}.chips-list.is-multiple .chips:before{content:"";-webkit-mask-image:url(/templates/assets/check-97d66412.svg);mask-image:url(/templates/assets/check-97d66412.svg);background-color:currentColor;margin-right:4px;margin-left:-8px;width:0;height:20px;-webkit-mask-size:20px;mask-size:20px;transition:width .25s}.chips-list.is-multiple .chips.is-active:before{width:20px}.chips-list .chips{align-items:center;background-color:#fff;border-radius:9999px;color:var(--color-main);display:inline-flex;font-size:16px;height:32px;justify-content:center;line-height:2;padding:6px 16px;white-space:nowrap;cursor:pointer;border:var(--border)}.chips-list .chips:not(.is-disabled).is-active{background-color:var(--color-main);color:#fff;border:var(--border-active);padding:5px 15px}.chips-list .chips:not(.is-disabled).is-active:hover:not([disabled]):not([aria-disabled=true]){background-color:var(--color-main);color:#fff}.chips-list .chips:not(.is-disabled):hover:not([disabled]):not([aria-disabled=true]){background-color:var(--color-fade-grey)}.chips-list .chips.is-inverted{background-color:#fff;color:var(--color-accent)}.chips-list .chips.is-inverted:active,.chips-list .chips.is-inverted:hover,.chips-list .chips.is-inverted:focus,.chips-list .chips.is-inverted:focus-visible,.chips-list .chips.is-inverted.is-active{background-color:var(--color-accent)!important;color:var(--color-white)!important}.checkbox,.checkbox-tile{position:relative}.checkbox label.checkbox-label,.checkbox-tile label.checkbox-label{cursor:pointer;font-size:14px}.checkbox label.checkbox-label:before,.checkbox label.checkbox-label:after,.checkbox-tile label.checkbox-label:before,.checkbox-tile label.checkbox-label:after{content:"";position:absolute;width:18px;height:18px}.checkbox label.checkbox-label:before,.checkbox-tile label.checkbox-label:before{border:var(--border)}.checkbox input,.checkbox-tile input{display:none}.checkbox input:checked~label.checkbox-label,.checkbox-tile input:checked~label.checkbox-label{border-color:var(--color-main)}.checkbox input:checked~label.checkbox-label:before,.checkbox-tile input:checked~label.checkbox-label:before{border-color:var(--color-main)}.checkbox input:checked~label.checkbox-label:after,.checkbox-tile input:checked~label.checkbox-label:after{background-color:var(--color-main)}.checkbox input:disabled~label.checkbox-label:after,.checkbox input:disabled:checked~label.checkbox-label:after,.checkbox-tile input:disabled~label.checkbox-label:after,.checkbox-tile input:disabled:checked~label.checkbox-label:after{background-color:var(--color-fade-disabled)}.checkbox input:disabled~label.checkbox-label:after,.checkbox-tile input:disabled~label.checkbox-label:after{background-color:transparent}.checkbox{display:flex;align-items:center;margin:6px 8px;width:fit-content}.checkbox input:disabled~label.checkbox-label,.checkbox input:disabled:checked~label.checkbox-label{border-color:transparent!important;box-shadow:none!important;color:var(--color-disabled)!important;cursor:not-allowed!important;filter:grayscale(1)}.checkbox label.checkbox-label{padding:4px 4px 4px 34px}.checkbox label.checkbox-label:before,.checkbox label.checkbox-label:after{top:50%;transform:translateY(-50%);left:0}.checkbox:hover .checkbox:not(disabled) label.checkbox-label:before{background-color:var(--color-fade-grey)}.checkbox:focus{border:2px;border-color:var(--color-main)}.checkbox-tile{position:relative;max-width:160px;display:inline-block;margin:16px 16px 0 0;text-align:center}.checkbox-tile input:disabled~label.checkbox-label,.checkbox-tile input:disabled:checked~label.checkbox-label{background-color:var(--color-fade-disabled)!important;border-color:transparent!important;box-shadow:none!important;color:var(--color-disabled)!important;cursor:not-allowed!important;filter:grayscale(1)}.checkbox-tile:first-child{margin-left:0}.checkbox-tile:last-child{margin-right:0}.checkbox-tile label.checkbox-label{display:block;position:relative;padding:40px 16px 16px;border:var(--border);border-radius:var(--radius);box-sizing:border-box;background-color:var(--color-white)}.checkbox-tile label.checkbox-label:before{top:16px;right:16px}.checkbox-tile label.checkbox-label span.checkbox-title{font-weight:700;width:100%;display:block;font-size:16px}.checkbox-tile input:not(:disabled):not(:checked)~label.radio-label:focus:hover:not(.is-disabled):not(:focus),.checkbox-tile input:not(:disabled):not(:checked)~label.radio-label:active:hover:not(.is-disabled):not(:focus),.checkbox-tile input:not(:disabled):not(:checked)~label.radio-label:hover:hover:not(.is-disabled):not(:focus){background-color:var(--color-fade-grey)}.checkbox-tile input:not(:disabled):not(:checked)~label.radio-label:focus:focus:not(.is-disabled),.checkbox-tile input:not(:disabled):not(:checked)~label.radio-label:focus:focus-visible:not(.is-disabled),.checkbox-tile input:not(:disabled):not(:checked)~label.radio-label:active:focus:not(.is-disabled),.checkbox-tile input:not(:disabled):not(:checked)~label.radio-label:active:focus-visible:not(.is-disabled),.checkbox-tile input:not(:disabled):not(:checked)~label.radio-label:hover:focus:not(.is-disabled),.checkbox-tile input:not(:disabled):not(:checked)~label.radio-label:hover:focus-visible:not(.is-disabled){border:2px solid currentColor}.checkbox-tile input:not(:disabled)~label.checkbox-label:focus:hover:not(.is-disabled):not(:focus),.checkbox-tile input:not(:disabled)~label.checkbox-label:active:hover:not(.is-disabled):not(:focus),.checkbox-tile input:not(:disabled)~label.checkbox-label:hover:hover:not(.is-disabled):not(:focus){background-color:var(--color-fade-grey)}.checkbox-tile input:not(:disabled)~label.checkbox-label:focus:focus:not(.is-disabled),.checkbox-tile input:not(:disabled)~label.checkbox-label:focus:focus-visible:not(.is-disabled),.checkbox-tile input:not(:disabled)~label.checkbox-label:active:focus:not(.is-disabled),.checkbox-tile input:not(:disabled)~label.checkbox-label:active:focus-visible:not(.is-disabled),.checkbox-tile input:not(:disabled)~label.checkbox-label:hover:focus:not(.is-disabled),.checkbox-tile input:not(:disabled)~label.checkbox-label:hover:focus-visible:not(.is-disabled){border:2px solid currentColor}.checkbox-tile input:checked:not(:disabled)~label.checkbox-label{border-color:var(--color-main);border-width:2px;padding:39px 15px 15px}.checkbox-tile input:checked:not(:disabled)~label.checkbox-label:before{top:15px;right:15px}.checkbox-tile input:checked:not(:disabled)~label.checkbox-label span.checkbox-title{color:var(--color-main)}.checkbox-tile input:disabled~label.checkbox-label:before{border-color:var(--color-disabled)!important}.checkbox-tile input:disabled:checked~label.checkbox-label .checkbox-title{color:var(--color-disabled)}.checkbox-tile.is-horizontal{display:flex;justify-content:space-between;align-items:center;max-width:unset;width:auto;margin:16px 0;position:relative}.checkbox-tile.is-horizontal.is-narrow{width:fit-content}.checkbox-tile.is-horizontal input:checked:not(:disabled)~label.checkbox-label{padding:15px 47px 15px 15px}.checkbox-tile.is-horizontal label.checkbox-label{width:100%;display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:16px 48px 16px 16px}.checkbox-tile.is-horizontal label.checkbox-label:before,.checkbox-tile.is-horizontal label.checkbox-label:after{top:50%!important;transform:translateY(-50%)}.checkbox-tile.is-horizontal .icon{margin-right:16px}.checkbox input:checked~label.checkbox-label:before,.checkbox-tile input:checked~label.checkbox-label:before{background-color:var(--color-main)}.checkbox input:checked~label.checkbox-label:after,.checkbox-tile input:checked~label.checkbox-label:after{content:"";-webkit-mask-image:url(/templates/assets/check-97d66412.svg);mask-image:url(/templates/assets/check-97d66412.svg);background-color:var(--color-white);-webkit-mask-size:18px;mask-size:18px}.checkbox label.checkbox-label:before,.checkbox label.checkbox-label:after,.checkbox-tile label.checkbox-label:before,.checkbox-tile label.checkbox-label:after{border-radius:var(--radius-small)}.checkbox-tile input:checked~label.checkbox-label:after{top:15px;right:15px}.checkbox input:not(:disabled):not(:checked)~label.checkbox-label:hover:before{background-color:var(--color-fade-grey)}.container{margin:0 auto;position:relative}.container.is-fullhd{width:auto}.container.is-sticky-top,.container.is-sticky-bottom{background-color:var(--color-white)}.container.is-sticky-top{z-index:1000}.container.is-sticky-bottom{z-index:999}@media screen and (min-width: 1024px){.container{max-width:984px;width:984px}.container.is-fluid{margin-left:20px;margin-right:20px;max-width:none;width:auto}}@media screen and (max-width: 1239px){.container.is-widescreen{max-width:1200px;width:auto}}@media screen and (max-width: 1387px){.container.is-fullhd{max-width:1348px;width:auto}}@media screen and (min-width: 1240px){.container{max-width:1200px;width:1200px}}@media screen and (min-width: 1388px){.container{max-width:1348px;width:1348px}}@media screen and (min-width: 1024px){.container:not(.is-fluid){width:904px;max-width:904px}}@media screen and (min-width: 1240px){.container:not(.is-fluid){width:1160px;max-width:1160px}}@media screen and (min-width: 1388px){.container:not(.is-fluid){width:1308px;max-width:1308px}}@media screen and (min-width: 1388px){.container.is-fluid{margin:0 auto;max-width:1348px}}.container.is-medium{max-width:960px;margin:auto}.container.is-fullwidth,.field .container.select{max-width:100%;width:100%}@media screen and (min-width: 1024px){main>.container.is-fluid,header .navbar>.container.is-fluid,header>.container.is-fluid,footer>.container.is-fluid{margin:0 auto}}@media screen and (min-width: 1388px){main>.container.is-fluid,header .navbar>.container.is-fluid,header>.container.is-fluid,footer>.container.is-fluid{max-width:100%}}.input,.textarea{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:var(--radius-small);display:inline-flex;height:46px;justify-content:flex-start;line-height:1.4;padding-bottom:calc(.375em - 1px);padding-left:20px;padding-right:20px;padding-top:calc(.375em - 1px);position:relative;vertical-align:top;height:56px;background-color:var(--color-white);border-color:var(--color-fade-main);color:var(--color-main);padding-left:16px;padding-right:16px;font-size:16px;max-width:100%;width:100%}@supports (-webkit-overflow-scrolling: touch){.input,.textarea{font-size:16px}}.input:focus,.input:active,.textarea:focus,.textarea:active{outline:none}@supports (-webkit-overflow-scrolling: touch){.input:focus,.input:active,.textarea:focus,.textarea:active{font-size:16px}}.input[disabled],.textarea[disabled]{cursor:not-allowed}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--color-grey)!important;opacity:1!important;transition:all .2s ease-out}.input::-webkit-input-placeholder,.textarea::-webkit-input-placeholder{color:var(--color-grey)!important;opacity:1!important;transition:all .2s ease-out}.input:-moz-placeholder,.textarea:-moz-placeholder{color:var(--color-grey)!important;opacity:1!important;transition:all .2s ease-out}.input:-ms-input-placeholder,.textarea:-ms-input-placeholder{color:var(--color-grey)!important;opacity:1!important;transition:all .2s ease-out}.input:hover:not(.is-disabled):not(:focus),.textarea:hover:not(.is-disabled):not(:focus){background-color:var(--color-fade-grey)}.input:focus:not(.is-disabled),.input:focus-visible:not(.is-disabled),.textarea:focus:not(.is-disabled),.textarea:focus-visible:not(.is-disabled){border:2px solid currentColor}.input.is-white,.textarea.is-white{border:1px solid var(--color-white)}.input.is-main,.textarea.is-main{border:1px solid var(--color-main)}.input.is-accent,.textarea.is-accent{border:1px solid var(--color-accent)}.input.is-info,.textarea.is-info{border:1px solid var(--color-info)}.input.is-success,.textarea.is-success{border:1px solid var(--color-success)}.input.is-error,.textarea.is-error{border:1px solid var(--color-error)}.input.is-warning,.textarea.is-warning{border:1px solid var(--color-warning)}.input.is-grey,.textarea.is-grey{border:1px solid var(--color-grey)}.input:active,.input:focus,.input:focus-visible:not(.icon),.textarea:active,.textarea:focus,.textarea:focus-visible:not(.icon){padding-left:15px!important}.input.is-small,.textarea.is-small{border-radius:var(--radius-small);font-size:13px}.input.is-large,.textarea.is-large{font-size:24px}.input.is-fullwidth,.field .input.select,.textarea.is-fullwidth,.field .textarea.select{display:block;width:100%}.input.is-inline,.textarea.is-inline{display:inline}.input .icon-status,.textarea .icon-status{color:#0ff!important}.input label,.textarea label{margin-top:10px}.input::-ms-clear{display:none}.input.is-small{height:24px}.input.is-rounded{padding-left:1em;padding-right:1em}.input.is-static{background-color:transparent;border-color:transparent;padding-left:0;padding-right:0}.textarea{display:block;max-width:100%;min-width:100%;resize:vertical;padding-top:15px}.textarea:not([rows]){max-height:600px;min-height:120px}.textarea[rows]{height:initial}.textarea.has-fixed-size{resize:none}.field:not(:first-child){margin-top:20px}.field:not(:last-child){margin-bottom:7.5px}.field.is-fullwidth div.control,.field .field.select div.control{flex:1}.field .input-label{display:inline-block;margin-bottom:6px}.field .input-sample{margin-bottom:10px!important}@media screen and (max-width: 767px){.field.is-very-short,.field.is-short{width:50%}.field.is-long,.field.is-very-long{width:100%}}@media screen and (min-width: 768px),print{.field.is-very-short{width:130px}.field.is-short{width:270px}.field.is-long{width:400px}.field.is-very-long{width:500px}}.field.has-addons{display:flex;justify-content:flex-start}.field.has-addons .control:not(:last-child){margin-right:-1px}.field.has-addons .control:not(:first-child):not(:last-child) .button,.field.has-addons .control:not(:first-child):not(:last-child) .input,.field.has-addons .control:not(:first-child):not(:last-child) .select select{border-radius:0}.field.has-addons .control:first-child .button,.field.has-addons .control:first-child .input,.field.has-addons .control:first-child .select select{border-bottom-right-radius:0;border-top-right-radius:0}.field.has-addons .control:last-child .button,.field.has-addons .control:last-child .input,.field.has-addons .control:last-child .select select{border-bottom-left-radius:0;border-top-left-radius:0}.field.has-addons .control .button:hover,.field.has-addons .control .input:hover,.field.has-addons .control .textarea:hover,.field.has-addons .control .select select:hover{z-index:1}.field.has-addons .control .button:focus,.field.has-addons .control .button:active,.field.has-addons .control .input:focus,.field.has-addons .control .input:active,.field.has-addons .control .textarea:focus,.field.has-addons .control .textarea:active,.field.has-addons .control .select select:focus,.field.has-addons .control .select select:active{z-index:10}.field.has-addons .control .button:focus:hover,.field.has-addons .control .button:active:hover,.field.has-addons .control .input:focus:hover,.field.has-addons .control .input:active:hover,.field.has-addons .control .textarea:focus:hover,.field.has-addons .control .textarea:active:hover,.field.has-addons .control .select select:focus:hover,.field.has-addons .control .select select:active:hover{z-index:100}.field.has-addons .control.is-expanded{flex-grow:1}.field.has-addons.has-addons-centered{justify-content:center}.field.has-addons.has-addons-right{justify-content:flex-end}.field.has-addons.has-addons-fullwidth .control{flex-grow:1;flex-shrink:0}.field.is-grouped{display:flex;justify-content:flex-start}.field.is-grouped>.control{flex-shrink:0}.field.is-grouped>.control:not(:last-child){margin-bottom:0;margin-right:7.5px}.field.is-grouped>.control.is-expanded{flex-grow:1;flex-shrink:1}.field.is-grouped.is-grouped-centered{justify-content:center}.field.is-grouped.is-grouped-right{justify-content:flex-end}.field.is-grouped.is-grouped-multiline{flex-wrap:wrap}.field.is-grouped.is-grouped-multiline>.control:last-child,.field.is-grouped.is-grouped-multiline>.control:not(:last-child){margin-bottom:7.5px}.field.is-grouped.is-grouped-multiline:last-child{margin-bottom:-7.5px}.field.is-grouped.is-grouped-multiline:not(:last-child){margin-bottom:0}@media screen and (min-width: 768px),print{.field.is-horizontal{display:flex}}.control{font-size:16px;position:relative;text-align:left}.control.has-icons-left .input:focus~.icon,.control.has-icons-left .textarea:focus~.icon,.control.has-icons-left .select:focus~.icon,.control.has-icons-right .input:focus~.icon,.control.has-icons-right .textarea:focus~.icon,.control.has-icons-right .select:focus~.icon{color:var(--color-main)}.control.has-icons-left .input~.icon [class^=tri-],.control.has-icons-left .input~.icon [class*=" tri-"],.control.has-icons-left .textarea~.icon [class^=tri-],.control.has-icons-left .textarea~.icon [class*=" tri-"],.control.has-icons-left .select~.icon [class^=tri-],.control.has-icons-left .select~.icon [class*=" tri-"],.control.has-icons-right .input~.icon [class^=tri-],.control.has-icons-right .input~.icon [class*=" tri-"],.control.has-icons-right .textarea~.icon [class^=tri-],.control.has-icons-right .textarea~.icon [class*=" tri-"],.control.has-icons-right .select~.icon [class^=tri-],.control.has-icons-right .select~.icon [class*=" tri-"]{font-size:20px}.control.has-icons-left .icon,.control.has-icons-right .icon{color:var(--color-main);position:absolute;top:0;height:100%;width:40px;pointer-events:auto;z-index:0;padding:10px}.control.has-icons-left .input.is-success~.icon,.control.has-icons-right .input.is-success~.icon{color:var(--color-fade-success)}.control.has-icons-left .input.is-error~.icon,.control.has-icons-right .input.is-error~.icon{color:var(--color-fade-error)}.control.has-icons-left .input.is-warning~.icon,.control.has-icons-right .input.is-warning~.icon{color:var(--color-fade-warning)}.control.has-icons-left .input.is-info~.icon,.control.has-icons-right .input.is-info~.icon{color:var(--color-fade-info)}.control.has-icons-left .input.is-error,.control.has-icons-right .input.is-error{border-color:var(--color-error)}.control.has-icons-left .textarea.is-success~.icon,.control.has-icons-right .textarea.is-success~.icon{color:var(--color-fade-success)}.control.has-icons-left .textarea.is-error~.icon,.control.has-icons-right .textarea.is-error~.icon{color:var(--color-fade-error)}.control.has-icons-left .textarea.is-warning~.icon,.control.has-icons-right .textarea.is-warning~.icon{color:var(--color-fade-warning)}.control.has-icons-left .textarea.is-info~.icon,.control.has-icons-right .textarea.is-info~.icon{color:var(--color-fade-info)}.control.has-icons-left .textarea.is-error,.control.has-icons-right .textarea.is-error{border-color:var(--color-error)}.control.has-icons-left .input,.control.has-icons-left .select select{padding-left:45px}.control.has-icons-left .icon{left:0;border-top-left-radius:8px;border-bottom-left-radius:8px;padding:0 24px}.control.has-icons-left .textarea{padding-left:50px;padding-right:16px;padding-bottom:16px!important;padding-top:16px}.control.has-icons-left .textarea+label{left:5rem}.control.has-icons-left .textarea+label+.icon{display:inherit;padding-top:16px;margin:0 16px;width:auto}.control.has-icons-left .textarea-counter{position:absolute;bottom:5px;right:16px;font-size:10px}.control.has-icons-left .is-error~.textarea-counter{bottom:28px}.control.has-icons-right .input,.control.has-icons-right .select select{padding-right:45px}.control.has-icons-right .icon{right:0;border-top-right-radius:8px;border-bottom-right-radius:8px;padding:0 24px}.control.has-dynamic-placeholder ::placeholder{color:#000}.control.has-dynamic-placeholder textarea:not(:placeholder-shown){padding-top:24px}.control.has-dynamic-placeholder .input~label{top:10px}.control.has-dynamic-placeholder .icon{color:var(--color-main)}.control.has-dynamic-placeholder label{position:absolute;top:10px;left:16px;border-left:transparent 1px solid;font-size:12px;color:var(--color-grey);transform:translateY(0);transition:all .2s ease-out;z-index:10;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 4em);overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:14px}.control.has-dynamic-placeholder.has-icons-left label{left:45px}.control.has-dynamic-placeholder select:not(.no-label){padding-top:19px}.control.has-dynamic-placeholder .input{padding-top:19px}.control.has-dynamic-placeholder .input:placeholder-shown{padding-top:.375em}.control.has-dynamic-placeholder .input:-ms-input-placeholder{padding-top:.375em}.control.has-dynamic-placeholder textarea{padding-top:16px;padding-bottom:8px!important}.control.has-dynamic-placeholder input:placeholder-shown~label,.control.has-dynamic-placeholder textarea:placeholder-shown~label{visibility:hidden;opacity:0;font-size:16px;transform:translateY(10px)}.control.has-dynamic-placeholder input:-ms-input-placeholder~label{visibility:hidden;opacity:0;font-size:16px;transform:translateY(10px)}.control.has-icons-left.has-dynamic-placeholder .textarea+label{left:50px}.control.has-password-discover .input~.icon:not(:last-child){color:var(--color-grey);background-color:transparent;right:45px;cursor:pointer}.control.has-password-discover .input~.icon:not(:last-child):hover,.control.has-password-discover .input~.icon:not(:last-child):focus{color:var(--color-grey)}.control+.help{margin:4px 0;font-size:12px;font-weight:500}.control .is-searching{background-color:transparent;border-top-right-radius:8px;border-bottom-right-radius:8px;height:100%;position:absolute;right:0;top:0;width:45px}.control .is-searching:after{animation:spinAround .5s infinite linear;border:2px solid var(--color-fade-grey);border-radius:290486px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1em;position:relative;width:1em;position:absolute;left:calc(50% - .5em);top:calc(50% - .5em)}.control.is-loading:after{animation:spinAround .5s infinite linear;border:2px solid var(--color-fade-grey);border-radius:290486px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1em;position:relative;width:1em;position:absolute!important;right:.625em;top:.625em;z-index:10}.control.is-loading.is-small:after{font-size:13px}.control.is-loading.is-large:after{font-size:24px}.control:has(input[disabled]){border-color:transparent!important;box-shadow:none!important;color:var(--color-disabled)!important;cursor:not-allowed!important;filter:grayscale(1)}.field-label .label{font-size:inherit}@media screen and (max-width: 767px){.field-label{margin-bottom:5px}}@media screen and (min-width: 768px),print{.field-label{flex-basis:0;flex-grow:1;flex-shrink:0;margin-right:16px;text-align:right}.field-label.is-small{font-size:13px;padding-top:.375em}.field-label.is-normal{padding-top:.375em}.field-label.is-large{font-size:24px;padding-top:.375em}}.field-body .field .field{margin-bottom:0}@media screen and (min-width: 768px),print{.field-body{display:flex;flex-basis:0;flex-grow:5;flex-shrink:1}.field-body .field{margin-bottom:0}.field-body>.field{flex-shrink:1}.field-body>.field:not(.is-narrow){flex-grow:1}.field-body>.field:not(:last-child){margin-right:7.5px}}.file{align-items:stretch;display:flex;justify-content:flex-start;position:relative}.file.is-small{font-size:13px}.file.is-large{font-size:24px}.file.is-centered{justify-content:center}.file.is-right{justify-content:flex-end}.is-horizontal .field:not(:first-child){margin-top:0}@media screen and (max-width: 767px){.is-horizontal.is-mobile .field-body{display:flex}.is-horizontal.is-mobile .field-body .field{margin-bottom:0}.is-horizontal.is-mobile .field-body>.field:not(:last-child){margin-right:7.5px}}.label{color:var(--color-grey);display:block;font-size:16px;font-weight:600}.label:not(:last-child){margin-bottom:.5em}.label.is-small{font-size:13px}.label.is-large{font-size:24px}.help{display:block;font-size:13px;margin-top:2.5px}.help.is-white{color:var(--color-white)}.help.is-main{color:var(--color-main)}.help.is-accent{color:var(--color-accent)}.help.is-info{color:var(--color-info)}.help.is-success{color:var(--color-success)}.help.is-error{color:var(--color-error)}.help.is-warning{color:var(--color-warning)}.help.is-grey{color:var(--color-grey)}.icon{align-items:center;display:inline-flex;justify-content:center;font-size:inherit;width:1.5em;height:1.5em}.icon [class^=tri-],.icon [class*=" tri-"]{display:flex;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover;background-color:currentColor}.icon [class^=tri-]:before,.icon [class*=" tri-"]:before{width:1em;height:1em;content:" ";margin:0}.icon.is-default{font-size:15px}.icon.is-default [class^=tri-picto-],.icon.is-default [class*=" tri-picto-"]{min-height:1.5em!important;min-width:1.5em!important}.icon.is-default.is-stretched{height:15px}.icon.is-small{font-size:20px}.icon.is-small [class^=tri-picto-],.icon.is-small [class*=" tri-picto-"]{min-height:1.5em!important;min-width:1.5em!important}.icon.is-small.is-stretched{height:20px}.icon.is-medium{font-size:32px}.icon.is-medium [class^=tri-picto-],.icon.is-medium [class*=" tri-picto-"]{min-height:1.5em!important;min-width:1.5em!important}.icon.is-medium.is-stretched{height:32px}.icon.is-large{font-size:44px}.icon.is-large [class^=tri-picto-],.icon.is-large [class*=" tri-picto-"]{min-height:1.5em!important;min-width:1.5em!important}.icon.is-large.is-stretched{height:44px}.icon.is-huge{font-size:66px}.icon.is-huge [class^=tri-picto-],.icon.is-huge [class*=" tri-picto-"]{min-height:1.5em!important;min-width:1.5em!important}.icon.is-huge.is-stretched{height:66px}.icon svg{min-height:20px;min-width:20px;max-height:100%;max-width:100%}.icon.is-circled-white{background-color:var(--color-white)}.icon.is-white{color:var(--color-white)}.icon.is-circled-main{background-color:var(--color-main)}.icon.is-main{color:var(--color-main)}.icon.is-circled-accent{background-color:var(--color-accent)}.icon.is-accent{color:var(--color-accent)}.icon.is-circled-info{background-color:var(--color-info)}.icon.is-info{color:var(--color-info)}.icon.is-circled-success{background-color:var(--color-success)}.icon.is-success{color:var(--color-success)}.icon.is-circled-error{background-color:var(--color-error)}.icon.is-error{color:var(--color-error)}.icon.is-circled-warning{background-color:var(--color-warning)}.icon.is-warning{color:var(--color-warning)}.icon.is-circled-grey{background-color:var(--color-grey)}.icon.is-grey{color:var(--color-grey)}.icon.is-circled{border-radius:9999px;text-align:center}.icon.is-stretched{transform:skew(-16deg);border-top-right-radius:9px;background-color:var(--color-main)}.icon.is-stretched [class^=tri-],.icon.is-stretched [class*=" tri-"]{transform:skew(16deg);background-color:var(--color-white)}.icon.is-stacked{flex-direction:column;line-height:5px!important;position:relative}.icon.is-stacked .tri-notification_top{font-size:85%}.icon.is-stacked .tri-notification_bottom{font-size:.125em;width:100%;margin-top:1px}.icon.is-stacked .tri-notification_bottom{width:auto}.icon.is-animated .tri-notification_top{animation-name:bellring;animation-duration:6s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-delay:-2s;animation-direction:initial;transform-origin:center top;-moz-animation:none;-moz-transform-origin:center top}@keyframes bellring{0%{transform:rotate(-5deg)}10%{transform:rotate(-5deg)}25%{transform:rotate(10deg)}35%{transform:rotate(-25deg)}45%{transform:rotate(20deg)}55%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}70%{transform:rotate(-5deg)}to{transform:rotate(-5deg)}}.icon.is-animated .tri-notification_bottom{animation-name:bellbounce!important;animation-duration:6s;animation-iteration-count:infinite;animation-timing-function:initial;animation-delay:-2s;animation-direction:normal;transform-origin:center top;-moz-animation:none}@keyframes bellbounce{0%{transform:translate(-1px) rotate(-5deg)}10%{transform:translate(-1px) rotate(-5deg)}17%{transform:translate(1px) rotate(8deg)}25%{transform:translate(2px) rotate(10deg)}36%{transform:translate(6px) rotate(-25deg)}47%{transform:translate(-5px) rotate(15deg)}58%{transform:translate(6px) rotate(-10deg)}62%{transform:translate(-6px) rotate(5deg)}71%{transform:translate(6px) rotate(-10deg)}76%{transform:translate(-1px) rotate(-5deg)}to{transform:translate(-1px) rotate(-5deg)}}.icon.has-status{position:relative}.icon.has-status:after{content:"";position:absolute;top:0;right:0;width:15px;height:15px;border-radius:9999px;background-color:var(--color-main)}.icon.has-status.is-bordered{border-radius:50%;border-color:currentColor}.icon.has-status.is-bordered:after{top:-2px;right:-2px}.icon.has-status.has-status .icon.is-descendant{position:absolute;top:0;right:0;width:15px;height:15px;background:#fff}.icon.has-status.has-status .icon.is-descendant>[class^=tri-],.icon.has-status.has-status .icon.is-descendant>[class*=" tri-"]{min-width:15px;height:15px}.icon.has-status.has-status .icon.is-descendant.is-bottom,.icon.has-status.has-status .icon.is-descendant.is-bottom-right{top:auto;bottom:0;right:0}.icon.has-status.has-status:after{content:none}.icon-and-text{display:inline-flex;align-items:center}.icon-and-text>.icon{line-height:0;margin-right:.5em}.icon-and-text>span+.icon{margin:0 0 0 .5em}.icon-and-text.is-alternate{align-items:flex-start}.icon-and-text.is-alternate>.icon{flex:none}.icon-and-text.is-alternate>.icon>i{margin-bottom:7px}.icon-and-text.is-stacked{flex-direction:column;padding:5px}.icon-and-text.is-stacked>.icon{margin:0 0 .5em}.icon-and-text.is-stacked>span+.icon{margin:.5em 0 0}@media screen and (max-width: 767px){.icon-and-text.is-stacked-mobile{flex-direction:column;padding:5px}.icon-and-text.is-stacked-mobile>.icon{margin:0 0 .5em}.icon-and-text.is-stacked-mobile>span+.icon{margin:.5em 0 0}}@media screen and (min-width: 768px),print{.icon-and-text.is-stacked-tablet{flex-direction:column;padding:5px}.icon-and-text.is-stacked-tablet>.icon{margin:0 0 .5em}.icon-and-text.is-stacked-tablet>span+.icon{margin:.5em 0 0}}@media screen and (min-width: 1024px){.icon-and-text.is-stacked-desktop{flex-direction:column;padding:5px}.icon-and-text.is-stacked-desktop>.icon{margin:0 0 .5em}.icon-and-text.is-stacked-desktop>span+.icon{margin:.5em 0 0}}@media screen and (min-width: 1240px){.icon-and-text.is-stacked-widescreen{flex-direction:column;padding:5px}.icon-and-text.is-stacked-widescreen>.icon{margin:0 0 .5em}.icon-and-text.is-stacked-widescreen>span+.icon{margin:.5em 0 0}}.image{display:block;position:relative}.image img{display:block;max-width:100%}.image img.b-loaded{height:auto}.b-lazy{transition:opacity .25s ease-in-out;opacity:0}.b-lazy.b-loaded{opacity:1}.b-lazy.b-loaded.has-bg-image.has-bg-gradient:before{opacity:0}.b-lazy.has-bg-image{background-repeat:no-repeat;background-position:center center;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0;height:100%}.b-lazy.has-bg-image.has-bg-gradient{z-index:0;opacity:1}.b-lazy.has-bg-image.has-bg-gradient:before{content:"";opacity:1;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;transition:opacity .75s ease-in-out}.loader{width:60px;height:30px;background-color:transparent;position:relative}.loader:after,.loader:before,.loader .loader-body{content:"";display:block;width:60px;height:30px;border-radius:9999px}.loader .loader-body{visibility:hidden;background-color:var(--color-accent);animation:2.5s linear 0s forwards infinite top_item}.loader:after,.loader:before{position:absolute;bottom:-40px}.loader:before{width:20px;height:20px;left:calc(50% - 10px);z-index:10;background-color:var(--color-main);animation:2.5s linear 0s forwards infinite left_item}.loader:after{width:20px;height:20px;right:calc(50% - 20px);background-color:var(--color-main);animation:2.5s linear 0s forwards infinite right_item}@keyframes top_item{0%{visibility:visible;transform:scale(0)}50%{visibility:visible;transform:scaleY(0)}65%,to{visibility:visible;transform:scale(1)}}@keyframes left_item{0%{transform:rotate(55deg) scale(1)}45%{width:60px;height:30px;transform:rotate(55deg) scale(1)}50%,54%{transform:rotate(55deg) scale(1.5)}60%{transform:rotate(55deg) scale(1)}65%,to{transform:rotate(55deg) scale(1);width:60px;height:30px;left:-25px}}@keyframes right_item{0%{transform:rotate(-55deg) scale(1)}45%{width:60px;height:30px;transform:rotate(-55deg) scale(1)}50%,54%{transform:rotate(-55deg) scale(1.5)}60%{transform:rotate(-55deg) scale(1)}65%,to{transform:rotate(-55deg) scale(1);width:60px;height:30px;right:-25px}}.link [disabled]{border-color:transparent!important;box-shadow:none!important;color:var(--color-disabled)!important;cursor:not-allowed!important;filter:grayscale(1)}.link:not([disabled]){position:relative;font-weight:400;color:var(--color-info);-webkit-box-decoration-break:clone;box-decoration-break:clone;text-decoration:underline 2px solid;text-underline-offset:4px;cursor:pointer}.link:not([disabled]).has-icon{display:inline-flex;align-items:center}.link:not([disabled]).has-icon:after{width:calc(100% - 48px);bottom:5.5px}.link:not([disabled]).is-inverted{color:var(--color-white)}.link:not([disabled]).is-inverted.has-icon>.icon{color:var(--color-white)}@media screen and (max-width: 1023px){.link:not([disabled]){white-space:normal!important;-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline}}.text .link:not([disabled]){text-underline-offset:2px;text-decoration:underline 1px solid}.text .link:not([disabled]):hover{font-weight:400;filter:brightness(.8)}ul.list,ol.list{list-style-type:none}ul.list li,ol.list li{padding:16px;position:relative}ul.list li .list-item_content,ol.list li .list-item_content{display:flex;align-items:center}ul.list li .list-item_content_puce,ol.list li .list-item_content_puce{margin-right:16px}ul.list li.has-action,ol.list li.has-action{display:flex;justify-content:space-between;align-items:center}ul.list li.has-action:hover:not(.is-disabled):not(:focus),ol.list li.has-action:hover:not(.is-disabled):not(:focus){background-color:var(--color-fade-grey)}ul.list li.has-action:focus:not(.is-disabled),ul.list li.has-action:focus-visible:not(.is-disabled),ol.list li.has-action:focus:not(.is-disabled),ol.list li.has-action:focus-visible:not(.is-disabled){border:2px solid currentColor}ul.list li.has-action .list-item_action>:first-child,ol.list li.has-action .list-item_action>:first-child{margin:0!important;cursor:pointer}ul.list li.has-action .list-item_action .radio label.radio-label:empty,ul.list li.has-action .list-item_action .checkbox label.checkbox-label:empty,ol.list li.has-action .list-item_action .radio label.radio-label:empty,ol.list li.has-action .list-item_action .checkbox label.checkbox-label:empty{padding:4px 4px 4px 14px}ul.list li div b,ol.list li div b{margin-bottom:8px}ul.list li .divider,ol.list li .divider{position:absolute;bottom:-16px;width:100%}a.toaster{cursor:pointer;transition:box-shadow .3s}a.toaster:hover,a.toaster:active,a.toaster:focus{box-shadow:0 2px 4px #0000001a}.toaster{box-shadow:0 2px 4px #0000001a;background-color:var(--color-fade-info);border-radius:var(--radius);margin-bottom:16px;position:relative;margin-left:24px;margin-right:24px;display:flex;box-shadow:none;padding:16px}.toaster .toaster-close{padding-right:0!important;color:var(--color-main)!important}.toaster .text:first-child,.toaster .title:first-child{font-size:16px!important;line-height:normal}.toaster .title,.toaster .text{margin-bottom:0!important;padding-bottom:4px}.toaster .text:last-child{padding-bottom:0!important}.toaster .icon{padding:0}@media screen and (max-width: 767px){.toaster{flex-wrap:wrap}}.toaster strong{color:currentColor}.toaster code,.toaster pre{background:var(--color-white)}.toaster pre code{background:transparent}.toaster.is-success{background-color:var(--color-fade-success);border:2px solid var(--color-success)}.toaster.is-success .icon{color:var(--color-success)}.toaster.is-error{background-color:var(--color-fade-error);border:2px solid var(--color-error)}.toaster.is-error .icon{color:var(--color-error)}.toaster.is-warning{background-color:var(--color-fade-warning);border:2px solid var(--color-warning)}.toaster.is-warning .icon{color:var(--color-warning)}.toaster.is-info{background-color:var(--color-fade-info);border:2px solid var(--color-info)}.toaster.is-info .icon{color:var(--color-info)}.toaster:not(.has-description)>.icon{align-self:flex-start}@media screen and (max-width: 767px){.toaster.has-description{justify-content:center;text-align:center}.toaster.has-description .icon{padding:0;margin-bottom:30px}.toaster.has-description .body{flex:0 1 auto}}.toaster>.icon{flex:none;align-self:flex-start;margin-top:-5.4px;font-size:20px}.toaster>.body{align-self:center;color:var(--color-main);margin-bottom:0;flex-grow:1;padding:1px 8px}@media screen and (max-width: 767px){.toaster>.body{flex:1}}.toaster .title,.toaster .text,.toaster .paragraph{font-size:14px;text-align:left}:root{--color-white: #fff;--color-fade-white: #E9E9E9;--color-fade-main: #eff2f8;--color-accent: #da641b;--color-fade-accent: #bb5118;--color-main: #3d5d7e;--color-fade-main: #BBC6CD;--color-success: #007B52;--color-fade-success: #cae8ca;--color-info: #1A688A;--color-fade-info: #c8dbec;--color-warning: #FFBB33;--color-fade-warning: #ecdbc6;--color-error: #D42D02;--color-fade-error: #eecccc;--color-disabled: #646464;--color-fade-disabled: #D1D1D1;--color-grey: #707070;--color-fade-grey: #F4F4F4}.progress{border:none;border-radius:9999px;display:block;height:10px;overflow:hidden;padding:0;width:100%;-moz-appearance:none;-webkit-appearance:none;background-color:var(--color-fade-grey)}.progress:not(:last-child){margin-bottom:15px}.progress::-webkit-progress-bar{background-color:var(--color-fade-main);border-radius:10px}.progress::-webkit-progress-value{background-color:var(--color-main);border-radius:10px}.progress::-moz-progress-bar{background-color:var(--color-main);border-radius:10px}.progress:not(:last-child){margin-bottom:7.5px}.progress.is-white::-webkit-progress-value{background-color:var(--color-white)}.progress.is-white::-moz-progress-bar{background-color:var(--color-white)}.progress.is-white::-ms-fill{background-color:var(--color-white)}.progress.is-main::-webkit-progress-value{background-color:var(--color-main)}.progress.is-main::-moz-progress-bar{background-color:var(--color-main)}.progress.is-main::-ms-fill{background-color:var(--color-main)}.progress.is-accent::-webkit-progress-value{background-color:var(--color-accent)}.progress.is-accent::-moz-progress-bar{background-color:var(--color-accent)}.progress.is-accent::-ms-fill{background-color:var(--color-accent)}.progress.is-info::-webkit-progress-value{background-color:var(--color-info)}.progress.is-info::-moz-progress-bar{background-color:var(--color-info)}.progress.is-info::-ms-fill{background-color:var(--color-info)}.progress.is-success::-webkit-progress-value{background-color:var(--color-success)}.progress.is-success::-moz-progress-bar{background-color:var(--color-success)}.progress.is-success::-ms-fill{background-color:var(--color-success)}.progress.is-error::-webkit-progress-value{background-color:var(--color-error)}.progress.is-error::-moz-progress-bar{background-color:var(--color-error)}.progress.is-error::-ms-fill{background-color:var(--color-error)}.progress.is-warning::-webkit-progress-value{background-color:var(--color-warning)}.progress.is-warning::-moz-progress-bar{background-color:var(--color-warning)}.progress.is-warning::-ms-fill{background-color:var(--color-warning)}.progress.is-grey::-webkit-progress-value{background-color:var(--color-grey)}.progress.is-grey::-moz-progress-bar{background-color:var(--color-grey)}.progress.is-grey::-ms-fill{background-color:var(--color-grey)}.progress.is-small{height:5px}.progress.is-stacked{display:flex;border-radius:10px}.progress.is-stacked .progress-bar{height:10px;background-color:var(--color-main)}.progress.is-stacked .progress-bar:first-child{border-radius:10px 0 0 10px}.progress.is-stacked .progress-bar:last-child{border-radius:0 10px 10px 0}.progress.is-stacked .progress-bar.is-white{background-color:var(--color-white)}.progress.is-stacked .progress-bar.is-main{background-color:var(--color-main)}.progress.is-stacked .progress-bar.is-accent{background-color:var(--color-accent)}.progress.is-stacked .progress-bar.is-info{background-color:var(--color-info)}.progress.is-stacked .progress-bar.is-success{background-color:var(--color-success)}.progress.is-stacked .progress-bar.is-error{background-color:var(--color-error)}.progress.is-stacked .progress-bar.is-warning{background-color:var(--color-warning)}.progress.is-stacked .progress-bar.is-grey{background-color:var(--color-grey)}.progress-circle{--progress-circle-size: 140px;--progress-circle-border-width: 8px;--progress-circle-spacing: 0;--progress-circle-spacing-color: 255, 255, 255;--progress-circle-spacing-deg: calc(1deg * var(--progress-circle-spacing));border-radius:9999px;height:var(--progress-circle-size);margin:40px;position:relative;width:var(--progress-circle-size)}.progress-circle-content{left:50%;line-height:1.5;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:80%}.progress-circle-title{color:rgba(var(--color-main),.7);font-size:28px;font-weight:600}.progress-circle-sub{color:var(--color-main);font-size:15px;font-weight:600;letter-spacing:.05em}.progress-circle-slice{height:100%;position:absolute;width:100%}.progress-circle-slice:before,.progress-circle-slice:after{border:var(--progress-circle-border-width) solid rgba(0,0,0,0);border-radius:9999px;content:"";height:100%;left:0;position:absolute;top:0;transform:rotate(45deg);width:100%}.progress-circle-slice:before{border-width:calc(var(--progress-circle-border-width) + 1px);box-shadow:0 0 1px 0 rgba(var(--progress-circle-spacing-color),calc(100 * var(--progress-circle-spacing)))}.progress-circle-background-secondary{--secondary-start: 0}.progress-circle-background-secondary:before{border-top-color:rgba(var(--progress-circle-spacing-color),calc(100 * var(--progress-circle-spacing)));transform:rotate(calc(360deg * var(--secondary-start) + 45deg))}.progress-circle-background-secondary:after{border-top-color:rgba(var(--color-info),1);border-right-color:rgba(var(--color-info),calc(100 * (var(--secondary) - .25)));border-bottom-color:rgba(var(--color-info),calc(100 * (var(--secondary) - .5)));border-left-color:rgba(var(--color-info),calc(100 * (var(--secondary) - .75)));transform:rotate(calc(360deg * var(--secondary-start) + 45deg + var(--progress-circle-spacing-deg)))}.progress-circle-background-tertiary{--tertiary-start: calc(var(--secondary));--tertiary-check: max(calc(var(--tertiary-start) - .5), 0);clip-path:inset(0 calc(50% * var(--tertiary-check) / var(--tertiary-check)) 0 0)}.progress-circle-background-tertiary:before{border-top-color:rgba(var(--progress-circle-spacing-color),calc(100 * var(--progress-circle-spacing)));transform:rotate(calc(360deg * var(--tertiary-start) + 45deg))}.progress-circle-background-tertiary:after{border-top-color:rgba(var(--color-main),1);border-right-color:rgba(var(--color-main),calc(100 * (var(--tertiary) - .25)));border-bottom-color:rgba(var(--color-main),calc(100 * (var(--tertiary) - .5)));border-left-color:rgba(var(--color-main),calc(100 * (var(--tertiary) - .75)));transform:rotate(calc(360deg * var(--tertiary-start) + 45deg + var(--progress-circle-spacing-deg)))}.progress-circle-background-warning{--warning-start: calc(var(--secondary) + var(--tertiary));--warning-check: max(calc(var(--warning-start) - .5), 0);clip-path:inset(0 calc(50% * var(--warning-check) / var(--warning-check)) 0 0)}.progress-circle-background-warning:before{border-top-color:rgba(var(--progress-circle-spacing-color),calc(100 * var(--progress-circle-spacing)));transform:rotate(calc(360deg * var(--warning-start) + 45deg))}.progress-circle-background-warning:after{border-top-color:rgba(var(--color-warning),1);border-right-color:rgba(var(--color-warning),calc(100 * (var(--warning) - .25)));border-bottom-color:rgba(var(--color-warning),calc(100 * (var(--warning) - .5)));border-left-color:rgba(var(--color-warning),calc(100 * (var(--warning) - .75)));transform:rotate(calc(360deg * var(--warning-start) + 45deg + var(--progress-circle-spacing-deg)))}.progress-circle-background-empty{--empty-start: calc(var(--secondary) + var(--tertiary) + var(--warning));--empty-check: max(calc(var(--empty-start) - .5), 0);clip-path:inset(0 calc(50% * var(--empty-check) / var(--empty-check)) 0 0)}.progress-circle-background-empty:before{border-top-color:rgba(var(--progress-circle-spacing-color),calc(100 * var(--progress-circle-spacing)));transform:rotate(calc(360deg * var(--empty-start) + 45deg))}.progress-circle-background-empty:after{border-top-color:rgba(var(--color-fade-grey),1);border-right-color:rgba(var(--color-fade-grey),calc(100 * (var(--empty) - .25)));border-bottom-color:rgba(var(--color-fade-grey),calc(100 * (var(--empty) - .5)));border-left-color:rgba(var(--color-fade-grey),calc(100 * (var(--empty) - .75)));transform:rotate(calc(360deg * var(--empty-start) + 45deg + var(--progress-circle-spacing-deg)))}.text.is-level-1{font-size:16px;line-height:20px;font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom:16px}.text.is-level-2{font-size:14px;line-height:18px;font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom:16px}.text.is-level-3{font-size:12px;line-height:15px;font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom:16px}.text.is-level-4{font-size:10px;line-height:12px;font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom:16px}.text.is-inverted{color:var(--color-white)}@media screen and (max-width: 767px){.text.is-level-1,.text.is-level-2,.text.is-level-3,.text.is-level-4{margin-bottom:8px}}.text.is-wrapped{word-break:break-word}.text.bold{font-weight:600}.paragraph:not(:last-child){margin-bottom:10px}.span{font-style:inherit;font-weight:inherit}.strong{color:inherit;font-weight:600}.sup{line-height:0;position:relative;vertical-align:baseline;top:-.4em;font-size:.7em}.small{font-size:.875em}.radio,.radio-tile{position:relative}.radio label.radio-label,.radio-tile label.radio-label{cursor:pointer;font-size:14px}.radio label.radio-label:before,.radio label.radio-label:after,.radio-tile label.radio-label:before,.radio-tile label.radio-label:after{content:"";position:absolute;width:18px;height:18px}.radio label.radio-label:before,.radio-tile label.radio-label:before{border:var(--border)}.radio input,.radio-tile input{display:none}.radio input:checked~label.radio-label,.radio-tile input:checked~label.radio-label{border-color:var(--color-main)}.radio input:checked~label.radio-label:before,.radio-tile input:checked~label.radio-label:before{border-color:var(--color-main)}.radio input:checked~label.radio-label:after,.radio-tile input:checked~label.radio-label:after{background-color:var(--color-main)}.radio input:disabled~label.radio-label:after,.radio input:disabled:checked~label.radio-label:after,.radio-tile input:disabled~label.radio-label:after,.radio-tile input:disabled:checked~label.radio-label:after{background-color:var(--color-fade-disabled)}.radio input:disabled~label.radio-label:after,.radio-tile input:disabled~label.radio-label:after{background-color:transparent}.radio{display:flex;align-items:center;margin:6px 8px;width:fit-content}.radio input:disabled~label.radio-label,.radio input:disabled:checked~label.radio-label{border-color:transparent!important;box-shadow:none!important;color:var(--color-disabled)!important;cursor:not-allowed!important;filter:grayscale(1)}.radio label.radio-label{padding:4px 4px 4px 34px}.radio label.radio-label:before,.radio label.radio-label:after{top:50%;transform:translateY(-50%);left:0}.radio:hover .radio:not(disabled) label.radio-label:before{background-color:var(--color-fade-grey)}.radio:focus{border:2px;border-color:var(--color-main)}.radio-tile{position:relative;max-width:160px;display:inline-block;margin:16px 16px 0 0;text-align:center}.radio-tile input:disabled~label.radio-label,.radio-tile input:disabled:checked~label.radio-label{background-color:var(--color-fade-disabled)!important;border-color:transparent!important;box-shadow:none!important;color:var(--color-disabled)!important;cursor:not-allowed!important;filter:grayscale(1)}.radio-tile:first-child{margin-left:0}.radio-tile:last-child{margin-right:0}.radio-tile label.radio-label{display:block;position:relative;padding:40px 16px 16px;border:var(--border);border-radius:var(--radius);box-sizing:border-box;background-color:var(--color-white)}.radio-tile label.radio-label:before{top:16px;right:16px}.radio-tile label.radio-label span.radio-title{font-weight:700;width:100%;display:block;font-size:16px}.radio-tile input:not(:disabled):not(:checked)~label.radio-label:focus:hover:not(.is-disabled):not(:focus),.radio-tile input:not(:disabled):not(:checked)~label.radio-label:active:hover:not(.is-disabled):not(:focus),.radio-tile input:not(:disabled):not(:checked)~label.radio-label:hover:hover:not(.is-disabled):not(:focus){background-color:var(--color-fade-grey)}.radio-tile input:not(:disabled):not(:checked)~label.radio-label:focus:focus:not(.is-disabled),.radio-tile input:not(:disabled):not(:checked)~label.radio-label:focus:focus-visible:not(.is-disabled),.radio-tile input:not(:disabled):not(:checked)~label.radio-label:active:focus:not(.is-disabled),.radio-tile input:not(:disabled):not(:checked)~label.radio-label:active:focus-visible:not(.is-disabled),.radio-tile input:not(:disabled):not(:checked)~label.radio-label:hover:focus:not(.is-disabled),.radio-tile input:not(:disabled):not(:checked)~label.radio-label:hover:focus-visible:not(.is-disabled){border:2px solid currentColor}.radio-tile input:not(:disabled)~label.checkbox-label:focus:hover:not(.is-disabled):not(:focus),.radio-tile input:not(:disabled)~label.checkbox-label:active:hover:not(.is-disabled):not(:focus),.radio-tile input:not(:disabled)~label.checkbox-label:hover:hover:not(.is-disabled):not(:focus){background-color:var(--color-fade-grey)}.radio-tile input:not(:disabled)~label.checkbox-label:focus:focus:not(.is-disabled),.radio-tile input:not(:disabled)~label.checkbox-label:focus:focus-visible:not(.is-disabled),.radio-tile input:not(:disabled)~label.checkbox-label:active:focus:not(.is-disabled),.radio-tile input:not(:disabled)~label.checkbox-label:active:focus-visible:not(.is-disabled),.radio-tile input:not(:disabled)~label.checkbox-label:hover:focus:not(.is-disabled),.radio-tile input:not(:disabled)~label.checkbox-label:hover:focus-visible:not(.is-disabled){border:2px solid currentColor}.radio-tile input:checked:not(:disabled)~label.radio-label{border-color:var(--color-main);border-width:2px;padding:39px 15px 15px}.radio-tile input:checked:not(:disabled)~label.radio-label:before{top:15px;right:15px}.radio-tile input:checked:not(:disabled)~label.radio-label span.radio-title{color:var(--color-main)}.radio-tile input:disabled~label.radio-label:before{border-color:var(--color-disabled)!important}.radio-tile input:disabled:checked~label.radio-label .checkbox-title{color:var(--color-disabled)}.radio-tile.is-horizontal{display:flex;justify-content:space-between;align-items:center;max-width:unset;width:auto;margin:16px 0;position:relative}.radio-tile.is-horizontal.is-narrow{width:fit-content}.radio-tile.is-horizontal input:checked:not(:disabled)~label.radio-label{padding:15px 47px 15px 15px}.radio-tile.is-horizontal label.radio-label{width:100%;display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:16px 48px 16px 16px}.radio-tile.is-horizontal label.radio-label:before,.radio-tile.is-horizontal label.radio-label:after{top:50%!important;transform:translateY(-50%)}.radio-tile.is-horizontal .icon{margin-right:16px}.radios{width:100%;column-gap:16px;display:flex;flex-wrap:wrap}.radios.is-vertical{row-gap:16px}@media screen and (max-width: 767px){.radios:not(.is-mobile){display:block}}.radios.is-centered,.radios.has-text-centered,.has-text-centered .radios{justify-content:center}.radio input:checked~label.radio-label,.radio-tile input:checked~label.radio-label{cursor:default}.radio input:checked~label.radio-label:after,.radio-tile input:checked~label.radio-label:after{content:"";width:12px;height:12px}.radio label.radio-label:before,.radio label.radio-label:after,.radio-tile label.radio-label:before,.radio-tile label.radio-label:after{border-radius:9999px}.radio input:checked~label.radio-label:after{left:3px}.radio input:not(:disabled):not(:checked)~label.radio-label:hover:before{background-color:var(--color-fade-grey)}.radio-tile input:checked~label.radio-label:after{top:18px;right:18px}.radio-tile input:checked:disabled~label.radio-label:after{background-color:var(--color-grey);top:19px;right:19px}.switch{position:relative;margin:8px}.switch input{display:none}.switch input:disabled~label,.switch input:disabled:checked~label{cursor:not-allowed}.switch input:disabled~label:before,.switch input:disabled:checked~label:before{background-color:var(--color-disabled)}.switch input:disabled~label:after{content:url('data:image/svg+xml; utf8, <svg viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" stroke="%23707070" stroke-linecap="round" stroke-width="3.2" fill="none"><path d="M12.6 12.6L31.4 31.4M12.6 31.4L31.4 12.6"/></svg>')}.switch input:disabled:checked~label:after{content:url('data:image/svg+xml; utf8, <svg viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" stroke="%23707070" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" fill="none"><path d="M11.3 22.4L18.1 29.3L32.7 14.7"/></svg>')}.switch label{width:100%;display:flex;align-items:center;cursor:pointer;padding:4px 60px 4px 4px}.switch label:before{content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;border-radius:9999px;width:44px;height:22px;background-color:var(--color-fade-main);margin-left:16px}.switch label:after{content:url('data:image/svg+xml; utf8, <svg viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" stroke="%23BBC6CD" stroke-linecap="round" stroke-width="3.2" fill="none"><path d="M12.6 12.6L31.4 31.4M12.6 31.4L31.4 12.6"/></svg>');position:absolute;top:50%;transform:translateY(-50%);right:24px;border-radius:9999px;width:18px;height:18px;background-color:#fff;transition:.3s}.switch input:checked~label{font-weight:700}.switch input:checked~label:before{background-color:#3d5d7e}.switch input:checked~label:after{right:2px;content:url('data:image/svg+xml; utf8, <svg viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" stroke="%233d5d7e" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" fill="none"><path d="M11.3 22.4L18.1 29.3L32.7 14.7"/></svg>');background-color:#fff}.switch.is-reversed label{flex-direction:row-reverse;padding-right:0;padding-left:60px}.switch.is-reversed label:before{left:0;margin-left:0;margin-right:16px}.switch.is-reversed label:after{left:2px}.switch.is-reversed input:checked~label:after{left:24px}.table-container.box{padding:0}.table{background-color:transparent;color:var(--color-grey)}.table:not(:last-child){margin-bottom:15px}.table:not(:last-child){margin-bottom:30px}.table tbody .is-body-header{background-color:var(--color-fade-grey)}.table td,.table th{border:1px solid var(--color-fade-grey);border-width:0;padding:20px;vertical-align:top;text-align:left}.table td.is-narrow,.table th.is-narrow{white-space:nowrap;width:1%}.table td.is-selected,.table th.is-selected{background-color:var(--color-main);color:var(--color-white)}.table td.is-selected a,.table td.is-selected strong,.table th.is-selected a,.table th.is-selected strong{color:currentColor}.table th{color:var(--color-main)}.table tr.is-success{background-color:var(--color-fade-success)}.table tr.is-error{background-color:var(--color-fade-error)}.table tr.is-warning{background-color:var(--color-fade-warning)}.table tr.is-info{background-color:var(--color-fade-info)}.table tr th{background-color:var(--color-white)}.table tr th,.table tr td{color:var(--color-main);vertical-align:middle}.table tr td{border-bottom:1px solid var(--color-fade-grey)}.table tr td>p{margin:0}.table tr.is-selected{background-color:var(--color-main);color:var(--color-white)}.table tr.is-selected a,.table tr.is-selected strong{color:currentColor}.table tr.is-selected td,.table tr.is-selected th{border-color:currentColor;color:currentColor}.table tr.is-expanded td,.table tr.is-expandable:hover td{color:var(--color-accent);cursor:pointer}.table tr.is-expandable+.is-expansion{display:none}.table tr.is-expanded+.is-expansion{display:table-row}.table tr.is-expanded>td{border-bottom:0}.table tr.is-expanded .toggle{transform:rotate(180deg);color:inherit}.table tr.is-expanded+tr>td{border-top:0}.table thead td,.table thead th{border-width:0 0 1px;color:var(--color-main)}.table tfoot td,.table tfoot th{border-width:2px 0 0;color:var(--color-main)}.table tbody tr:last-child td,.table tbody tr:last-child th{border-bottom-width:0}.table:not(.is-bordered).is-comparative th{border-right:1px solid var(--color-fade-grey)}.table:not(.is-bordered).is-comparative td:not(:last-child){border-right:1px solid var(--color-fade-grey)}.table.is-compact td,.table.is-compact th{padding:6.6666666667px}.table.is-bordered td,.table.is-bordered th{border-width:1px}.table.is-bordered tr:last-child td,.table.is-bordered tr:last-child th{border-bottom-width:1px}.table.is-fullwidth,.field .table.select{width:100%}.table.is-striped tbody tr:not(.is-selected):nth-child(2n){background-color:var(--color-fade-grey)}.table .subtable{background-color:var(--color-fade-grey);border-radius:var(--radius);padding:25px}@media screen and (max-width: 767px){.table .subtable{padding:15px}}.table .subtable .table{background:transparent}.table .subtable .table tr:not(:first-child) td{border-top:1px solid var(--color-grey)}.table .subtable .table td{border:0}.table .subtable .table td:first-child{padding-left:0}.table .subtable .table td:last-child{padding-right:0}.table-container{-webkit-overflow-scrolling:touch;overflow:auto;overflow-y:hidden;max-width:100%}.table-container:not(:last-child){margin-bottom:15px}.tags{align-items:center;display:inline-flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:16px}.tags:not(.is-gapless):not(:last-child){margin-right:8px}.tags:not(.is-gapless) .tag{margin-bottom:10px}.tags .tag:not(:last-child){margin-right:8px}.tags.is-centered{justify-content:center}.tags.has-addons{cursor:pointer}.tags.has-addons .tag{margin-right:0}.tags.has-addons .tag:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.tags.has-addons .tag:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.tags.has-addons .tag:first-child{padding-right:5px}.tags.has-addons .tag+.tag{padding:0;position:relative;width:25px;border-width:0;cursor:inherit}.tags.has-addons .tag+.tag:empty:before,.tags.has-addons .tag+.tag:empty:after{position:absolute;content:"";height:10px;width:2px;background-color:currentColor;top:50%;left:30%}.tags.has-addons .tag+.tag:empty:before{transform:translate(50%,-50%) rotate(45deg)}.tags.has-addons .tag+.tag:empty:after{transform:translate(50%,-50%) rotate(-45deg)}.tags.has-addons.is-inverted .tag{background-color:var(--color-fade-white)}.tag{align-items:center;background-color:var(--color-fade-grey);border-radius:9999px;color:var(--color-main);display:inline-flex;font-size:16px;font-weight:500;height:28px;justify-content:center;line-height:20px;padding:4px 8px;white-space:nowrap}.tag.is-small{font-size:12px;line-height:15px;height:23px}@media screen and (max-width: 767px){.tag{font-size:12px;line-height:15px}}.tag.is-success:not(.is-inverted){background-color:var(--color-fade-success)}.tag.is-inverted.is-success{color:var(--color-success);background-color:var(--color-white)}.tag.is-error:not(.is-inverted){background-color:var(--color-fade-error)}.tag.is-inverted.is-error{color:var(--color-error);background-color:var(--color-white)}.tag.is-warning:not(.is-inverted){background-color:var(--color-fade-warning)}.tag.is-inverted.is-warning{color:var(--color-warning);background-color:var(--color-white)}.tag.is-info:not(.is-inverted){background-color:var(--color-fade-info)}.tag.is-inverted.is-info{color:var(--color-info);background-color:var(--color-white)}.title,.subtitle,.overline{word-break:break-word}.title em,.title span,.subtitle em,.subtitle span,.overline em,.overline span{font-weight:inherit}.title .tag,.subtitle .tag,.overline .tag{vertical-align:middle}.title{font-size:32px;font-weight:600;line-height:1.1}.title.is-level-1{font-size:48px;line-height:58px;font-family:Poppins Speak,Poppins,Arial Black,Arial Bold,serif}.title.is-level-2{font-size:36px;line-height:44px;font-family:Poppins Speak,Poppins,Arial Black,Arial Bold,serif}.title.is-level-3{font-size:28px;line-height:32px;font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.title.is-level-4{font-size:24px;line-height:28px;font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.title.is-level-5{font-size:20px;line-height:24px;font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.title.is-level-6{font-size:16px;line-height:20px;font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.title.is-medium{font-weight:500}.title.is-inverted{color:var(--color-white)}.title .details{font-size:80%;color:var(--color-grey);font-weight:400}.title.is-section-title{text-align:center}@media screen and (min-width: 768px),print{.title{font-size:40px}}.title sup{top:-.5em;font-size:.5em}.title sub{bottom:-.5em;font-size:.5em}.title.is-centered{text-align:center}@media screen and (max-width: 767px){.title.is-level-1{font-size:32px;line-height:38px}.title.is-level-2{font-size:28px;line-height:34px}.title.is-level-3{font-size:22px;line-height:26px}.title.is-level-4{font-size:20px;line-height:24px}.title.is-level-5{font-size:18px;line-height:22px}.title.is-level-6{font-size:16px;line-height:20px}}.subtitle{color:var(--color-main);font-size:16px;font-weight:500;line-height:1.2}.subtitle.is-inverted{color:var(--color-white)}.overline{color:var(--color-main);font-size:14px;font-weight:600;line-height:1.2}.overline.is-inverted{color:var(--color-white)}.block:not(:last-child){margin-bottom:15px}.select{position:relative}.select input{cursor:pointer}.select .field.focus .control input:first-child,.select .field.focus .input.select-native{border:2px solid currentColor}.select-options{box-shadow:0 0 8px #0000001a;border-radius:4px;overflow:hidden;position:absolute;top:64px;z-index:1001;left:0;right:0}.select .radio-tile input:checked~label.radio-label{font-weight:600}.select .radio-tile input:checked~label.radio-label:after{content:""!important;-webkit-mask-image:url(/templates/assets/check-97d66412.svg)!important;mask-image:url(/templates/assets/check-97d66412.svg)!important;background-color:var(--color-main)!important;-webkit-mask-size:18px!important;mask-size:18px!important;top:25px!important;right:18px!important;height:18px!important;width:18px!important}.select .radio-tile label.radio-label{border:none!important;border-radius:0!important;height:52px}.select .radio-tile label.radio-label:before{display:none}.select .radio-tile label.radio-label:hover:not(.is-disabled):not(:focus){background-color:var(--color-fade-grey)}.select .radio-tile label.radio-label:focus:not(.is-disabled),.select .radio-tile label.radio-label:focus-visible:not(.is-disabled){border:2px solid currentColor}.select .radio-tile.focus label.radio-label{background-color:var(--color-fade-grey)}.select .radio-tile .icon.is-medium{font-size:20px!important}.select .control:not(.has-icons-left.has-icons-right) .select-native.multiple.input{padding-left:0!important}.select .control:not(.has-icons-left.has-icons-right) .select-native.multiple.input select option{padding-left:16px}.select-native{position:relative}.select-native select{width:100%;border:none;height:100%;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;outline:none;color:var(--color-main);font-size:16px!important}.select-native.input{padding-top:0!important;padding-bottom:0!important}.select-native.multiple.input{height:auto!important;padding-right:0!important}.select-native.multiple.input select{padding-top:0!important}.select-trilogy_modal_open{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.sticker{border-radius:9999px;font-size:16px;flex-grow:0;display:inline-flex;padding:8px 16px;color:var(--color-white)!important;line-height:20px;flex-shrink:0;background-color:var(--color-main);font-weight:600}.sticker:not(.is-hat){width:fit-content}@media screen and (max-width: 767px){.sticker:not(.is-hat){font-size:12px;padding:4px 8px;height:auto;line-height:15px}}.sticker.is-accent{background-color:var(--color-accent);color:var(--color-white)!important}.sticker.is-info{background-color:var(--color-info);color:var(--color-white)!important}.sticker.is-inverted{background-color:#fff!important;border-style:solid;border-width:2px;border-color:currentColor;color:currentColor}.sticker.is-small{font-size:12px;padding:4px 8px;height:auto;line-height:15px}.sticker.is-stretched{border-radius:var(--radius) 0;padding:0 10px;position:relative;margin-right:10px;margin-left:10px}.sticker.is-stretched:before,.sticker.is-stretched:after{position:absolute;top:0;content:" ";transform:skew(-20deg);padding-left:7px;padding-right:7px;line-height:2em;height:100%;display:block}.sticker.is-stretched:before{border-radius:var(--radius) 0 0 var(--radius);left:-6px}.sticker.is-stretched:after{border-radius:0 var(--radius) var(--radius) 0;right:-7px}.has-hat .is-hat,.has-hat-desktop .is-hat,.has-hat-mobile .is-hat{display:inline-block;border-radius:var(--radius) var(--radius) 0 0;position:absolute;top:-35px;left:0;right:0;white-space:nowrap;padding-left:5px;padding-right:5px;overflow:hidden;text-overflow:ellipsis}.has-hat.is-fullheight,.has-hat-desktop.is-fullheight,.has-hat-mobile.is-fullheight{height:calc(100% - 35px)!important}.has-hat{position:relative;border-top-left-radius:0!important;border-top-right-radius:0!important;text-align:center;margin-top:35px!important}@media screen and (min-width: 1024px){.has-hat-desktop{position:relative;border-top-left-radius:0!important;border-top-right-radius:0!important;text-align:center;margin-top:35px!important}}@media screen and (min-width: 768px),print{.has-hat-tablet{position:relative;border-top-left-radius:0!important;border-top-right-radius:0!important;text-align:center;margin-top:35px!important}}@media screen and (max-width: 767px){.has-hat-mobile{position:relative;border-top-left-radius:0!important;border-top-right-radius:0!important;text-align:center;margin-top:35px!important}}.textarea-wrapper{position:relative;margin:16px 0}.textarea-wrapper .textarea-label{display:inline-block;margin-bottom:6px}.textarea-wrapper .textarea-sample{margin-bottom:10px!important}.textarea-wrapper textarea.textarea{padding:16px;border-radius:var(--radius-small);outline:none}.textarea-wrapper textarea.textarea:focus,.textarea-wrapper textarea.textarea:focus-visible{padding:15px}.textarea-wrapper textarea.textarea::placeholder{font-size:16px}.textarea-wrapper textarea.textarea.has-dynamic-label.has-icon~label{left:56px;margin-right:2px;width:calc(100% - 98px)}.textarea-wrapper textarea.textarea.has-dynamic-label~label{visibility:visible;position:absolute;top:2px;left:16px;padding-top:8px;width:calc(100% - 30px);font-size:12px;color:var(--color-grey);transition:top .2s ease-out}.textarea-wrapper textarea.textarea.has-dynamic-label:placeholder-shown~label{visibility:hidden;top:16px;background-color:var(--color-white);transition:none}.textarea-wrapper textarea.textarea.has-dynamic-label:not(:placeholder-shown){padding-top:24px}.textarea-wrapper textarea.textarea.has-icon{padding-left:56px;padding-right:56px}.textarea-wrapper textarea.textarea.has-icon:focus,.textarea-wrapper textarea.textarea.has-icon:focus-visible{padding-left:55px!important;padding-right:55px}.textarea-wrapper label{font-size:16px}.textarea-wrapper .textarea-label+.textarea-sample~span.icon{top:72px!important}.textarea-wrapper .textarea-label~span.icon{top:45px!important}.textarea-wrapper span.icon{position:absolute;top:16px}.textarea-wrapper span.icon:first-of-type{left:16px}.textarea-wrapper span.icon:nth-of-type(2){right:16px}.textarea-wrapper.is-white textarea.textarea{border-color:var(--color-white)}.textarea-wrapper.is-white textarea.textarea:active:not(:placeholder-shown),.textarea-wrapper.is-white textarea.textarea:focus:not(:placeholder-shown),.textarea-wrapper.is-white textarea.textarea:focus-visible:not(:placeholder-shown){padding-top:29px}.textarea-wrapper.is-white span.icon:nth-of-type(2){color:var(--color-white)}.textarea-wrapper.is-main textarea.textarea{border-color:var(--color-main)}.textarea-wrapper.is-main textarea.textarea:active:not(:placeholder-shown),.textarea-wrapper.is-main textarea.textarea:focus:not(:placeholder-shown),.textarea-wrapper.is-main textarea.textarea:focus-visible:not(:placeholder-shown){padding-top:29px}.textarea-wrapper.is-main span.icon:nth-of-type(2){color:var(--color-main)}.textarea-wrapper.is-accent textarea.textarea{border-color:var(--color-accent)}.textarea-wrapper.is-accent textarea.textarea:active:not(:placeholder-shown),.textarea-wrapper.is-accent textarea.textarea:focus:not(:placeholder-shown),.textarea-wrapper.is-accent textarea.textarea:focus-visible:not(:placeholder-shown){padding-top:29px}.textarea-wrapper.is-accent span.icon:nth-of-type(2){color:var(--color-accent)}.textarea-wrapper.is-info textarea.textarea{border-color:var(--color-info)}.textarea-wrapper.is-info textarea.textarea:active:not(:placeholder-shown),.textarea-wrapper.is-info textarea.textarea:focus:not(:placeholder-shown),.textarea-wrapper.is-info textarea.textarea:focus-visible:not(:placeholder-shown){padding-top:29px}.textarea-wrapper.is-info span.icon:nth-of-type(2){color:var(--color-info)}.textarea-wrapper.is-success textarea.textarea{border-color:var(--color-success)}.textarea-wrapper.is-success textarea.textarea:active:not(:placeholder-shown),.textarea-wrapper.is-success textarea.textarea:focus:not(:placeholder-shown),.textarea-wrapper.is-success textarea.textarea:focus-visible:not(:placeholder-shown){padding-top:29px}.textarea-wrapper.is-success span.icon:nth-of-type(2){color:var(--color-success)}.textarea-wrapper.is-error textarea.textarea{border-color:var(--color-error)}.textarea-wrapper.is-error textarea.textarea:active:not(:placeholder-shown),.textarea-wrapper.is-error textarea.textarea:focus:not(:placeholder-shown),.textarea-wrapper.is-error textarea.textarea:focus-visible:not(:placeholder-shown){padding-top:29px}.textarea-wrapper.is-error span.icon:nth-of-type(2){color:var(--color-error)}.textarea-wrapper.is-warning textarea.textarea{border-color:var(--color-warning)}.textarea-wrapper.is-warning textarea.textarea:active:not(:placeholder-shown),.textarea-wrapper.is-warning textarea.textarea:focus:not(:placeholder-shown),.textarea-wrapper.is-warning textarea.textarea:focus-visible:not(:placeholder-shown){padding-top:29px}.textarea-wrapper.is-warning span.icon:nth-of-type(2){color:var(--color-warning)}.textarea-wrapper.is-grey textarea.textarea{border-color:var(--color-grey)}.textarea-wrapper.is-grey textarea.textarea:active:not(:placeholder-shown),.textarea-wrapper.is-grey textarea.textarea:focus:not(:placeholder-shown),.textarea-wrapper.is-grey textarea.textarea:focus-visible:not(:placeholder-shown){padding-top:29px}.textarea-wrapper.is-grey span.icon:nth-of-type(2){color:var(--color-grey)}.textarea-wrapper .counter{position:absolute;bottom:8px;right:16px;font-size:10px}.textarea-wrapper .help~.counter{bottom:32px}.field .security-gauge-container{width:100%}.field .security-gauge-container .security-gauge{height:4px;background:var(--color-disabled);border-radius:var(--radius-small);margin:8px 0}.field .security-gauge-container .security-gauge .gauge{height:100%;border-radius:var(--radius-small)}.field .security-gauge-container .security-gauge-verifies{display:flex;justify-content:space-between;align-items:center}.field .security-gauge-container .security-gauge-verifies .security{display:flex;align-items:center;margin-bottom:4px}.field .security-gauge-container .security-gauge-verifies .security .icon{position:relative;width:16px;margin-right:8px;font-size:16px;margin-bottom:-1px}.field .has-icons-left input{padding-left:45px}.field .has-icons-left input:active,.field .has-icons-left input:focus,.field .has-icons-left input:focus-visible:not(.has-icons-left):not(disabled){padding-left:44px!important}.field .has-icons-left input label{left:45px}.field .has-icons-left input .icon-left{position:absolute;height:100%;width:45px;left:0}.field .has-icons-left input .icon-left i{font-size:20px}.field .has-icons-right .icon-right{position:absolute;height:100%;width:45px;z-index:10;right:0;left:auto}.field .has-icons-right .icon-right i{font-size:20px}.divider{position:relative;text-align:center;background-color:var(--color-fade-grey);height:1px;width:100%;margin:16px 0}.divider p.divider-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;padding:0 16px;background-color:var(--color-white)}.breadcrumb:not(:last-child){margin-bottom:15px}@media screen and (min-width: 1024px){.breadcrumb ul,.breadcrumb ol{display:flex;flex-wrap:wrap}}.breadcrumb li{display:inline;position:relative}@media screen and (min-width: 1024px){.breadcrumb li{display:flex;align-items:center}}.breadcrumb li:first-child a{margin-left:0}.breadcrumb li.is-active a{color:var(--color-main);cursor:default;pointer-events:none;text-decoration:none}.breadcrumb li+li a:before{content:">";text-align:center;padding-right:.5em;text-decoration:none;display:inline-block}.breadcrumb a{color:var(--color-main);margin:0 .5em;text-decoration:underline;text-underline-offset:4px}.card{max-width:100%;display:flex;border-radius:var(--radius);overflow:hidden;flex-direction:column;position:relative;box-shadow:#63636333 0 2px 8px;background-color:var(--color-white)}.card:not(:last-child){margin-bottom:15px}.card .card-image{display:block;position:relative;flex-shrink:0;overflow:hidden}.card .card-content{padding:24px;flex-grow:1}@media screen and (max-width: 767px){.card .card-content{padding:16px}}.card .card-footer{border-top:1px solid var(--color-grey)}.card .mention{position:absolute;bottom:5px;font-size:9px;left:0;right:0;text-align:center}.card .media:not(:last-child){margin-bottom:7.5px}.card.is-strong .title{font-family:Poppins Speak,Poppins,Arial Black,Arial Bold,serif;font-size:24px!important}.card.is-flat{box-shadow:none;border:var(--border)}.card.is-flat .card-content{padding-left:20px;padding-right:20px}@media screen and (min-width: 1024px){.card.is-flat .card-content{padding-left:24px;padding-right:24px}}.card.is-active{outline:var(--border-active)}.card.is-active .card-content{padding:22px}@media screen and (max-width: 767px){.card.is-active .card-content{padding:14px}}.card.is-horizontal{display:flex;flex-direction:column;align-items:stretch;text-align:left}@media screen and (min-width: 768px),print{.card.is-horizontal{flex-direction:row;flex-wrap:wrap}.card.is-horizontal.is-vcentered{align-items:stretch}}.card.is-horizontal .card-image{max-width:100%}@media screen and (min-width: 768px),print{.card.is-horizontal .card-image{width:20%;max-width:20%}.card.is-horizontal .card-image img{object-fit:cover;height:100%}.card.is-horizontal .card-image+.card-content{flex-basis:80%}.card.is-horizontal .card-image.is-medium,.card.is-horizontal .card-image.is-1{width:30%;max-width:30%}.card.is-horizontal .card-image.is-medium+.card-content,.card.is-horizontal .card-image.is-1+.card-content{flex-basis:70%}.card.is-horizontal .card-image.is-large,.card.is-horizontal .card-image.is-2{width:40%;max-width:40%}.card.is-horizontal .card-image.is-large+.card-content,.card.is-horizontal .card-image.is-2+.card-content{flex-basis:60%}.card.is-horizontal .card-image.is-3{width:50%;max-width:50%}.card.is-horizontal .card-image.is-3+.card-content{flex-basis:50%}.card.is-horizontal .card-image.is-4{width:60%;max-width:60%}.card.is-horizontal .card-image.is-4+.card-content{flex-basis:40%}}.card.is-horizontal .card-image .image{height:100%}@media screen and (min-width: 1024px){.card.is-horizontal .card-image .image img{height:auto;min-height:100%;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%)}}.card.is-horizontal .card-content{padding-left:20px;padding-right:20px}@media screen and (min-width: 1024px){.card.is-horizontal .card-content{padding-left:24px;padding-right:24px}}.card.is-horizontal .card-footer{flex-basis:100%;padding:15px 20px}.card.is-floating{box-shadow:none;background:transparent}.card.is-floating .card-image .image img{border-radius:var(--radius)}.card.is-floating .card-content,.card.is-floating.is-horizontal .card-content{padding-left:0;padding-right:0}@media screen and (min-width: 768px),print{.card.is-floating.is-horizontal .card-content{padding-left:20px;padding-right:20px}}@media screen and (min-width: 1024px){.card.is-floating.is-horizontal .card-content{padding-left:24px;padding-right:24px}}.card.is-inverted .card-image,.card.is-reversed .card-image,.card.is-inverted.is-horizontal .card-image,.card.is-reversed.is-horizontal .card-image{order:1}body:has(.modal.is-active){height:100%;overflow:hidden}.modal{position:absolute;top:0;bottom:0;left:0;right:0;position:fixed;z-index:8000;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;visibility:hidden;opacity:0;transition:opacity .25s ease-in-out,visibility 0ms linear .25s}.modal:after{position:absolute;top:0;bottom:0;left:0;right:0;content:"";background-color:#000000db}.modal.is-active{opacity:1;visibility:inherit;transition:opacity .25s ease-in-out,visibility 0ms linear}.modal.is-active .modal-content{transform:translateY(0)}@media screen and (min-width: 768px),print{.modal{justify-content:center}.modal.is-xsmall .modal-content{width:40vw}.modal.is-small .modal-content{width:50vw}.modal.is-medium .modal-content{width:60vw}.modal.is-large .modal-content{width:70vw}.modal.is-xlarge .modal-content{width:80vw}}.modal .button{position:static}.modal .modal-content{background-color:var(--color-white);border-radius:var(--radius) var(--radius) 0 0;color:var(--color-main);overflow:auto;position:relative;padding:0 30px 30px;margin:0 20px;max-height:calc(100vh - 40px);text-align:center;width:100%;z-index:1;transition:transform ease-in-out .25s;transform:translateY(100%)}.modal .modal-content:has(.modal-footer){padding-bottom:0}@media screen and (min-width: 768px),print{.modal .modal-content{max-height:calc(100vh - 120px);width:640px;border-radius:8px}}.modal .modal-content>.box{background-color:transparent;border-radius:0;box-shadow:none;padding:0;max-height:inherit}.modal .modal-content>.box .box-content{background-color:transparent;border-radius:0;padding:0 0 30px;margin:0;text-align:inherit}.modal .modal-content .modal-footer{position:sticky;width:100%;background:var(--color-white);bottom:0;padding:16px}.modal .modal-content .modal-close~.modal-title{margin-top:-32px}.modal .modal-close{background-color:var(--color-white);position:sticky;top:20px;left:100%;display:block;height:40px;width:40px;z-index:100}.modal .modal-close:hover:not([disabled]):not([aria-disabled=true]){background-color:var(--color-fade-grey)}.modal .modal-close:after,.modal .modal-close:before{background-color:var(--color-main)}.modal .modal-title{color:var(--color-main);font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:24px;font-weight:600;line-height:1.1;background-color:var(--color-white);z-index:10;position:sticky;top:0;padding:20px 0;width:100%;word-wrap:break-word}@media screen and (min-width: 1024px){.modal .modal-title{font-size:28px}}.modal.is-panel:after{position:fixed}.modal.is-panel .modal-content{border-radius:0;position:fixed;right:0;top:0;min-height:100%;height:100%;max-height:none;margin:0;text-align:left;display:flex;flex-direction:column;align-items:flex-start;transform:translate(100%)}@media screen and (min-width: 768px),print{.modal.is-panel .modal-content{max-width:375px}}.modal.is-panel .modal-content .modal-footer{margin-top:auto}.modal.is-panel.is-active .modal-content{transform:translate(0)}.pagination{font-size:16px;margin:-2.5px}.pagination .pagination-previous,.pagination .pagination-next{padding-left:1em;padding-right:1em;height:35px;width:35px;border-radius:9999px}.pagination .pagination-link{height:35px;border-radius:9999px}.pagination .pagination-list{flex:0 0 auto}.pagination,.pagination-list{align-items:center;display:flex;justify-content:center;text-align:center}.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:var(--radius-small);display:inline-flex;font-size:16px;height:46px;justify-content:flex-start;line-height:1.4;padding-bottom:calc(.375em - 1px);padding-left:20px;padding-right:20px;padding-top:calc(.375em - 1px);position:relative;vertical-align:top;font-size:1em;padding-left:.5em;padding-right:.5em;justify-content:center;margin:2.5px;text-align:center}@supports (-webkit-overflow-scrolling: touch){.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis{font-size:16px}}.pagination-previous:focus,.pagination-previous:active,.pagination-next:focus,.pagination-next:active,.pagination-link:focus,.pagination-link:active,.pagination-ellipsis:focus,.pagination-ellipsis:active{outline:none}@supports (-webkit-overflow-scrolling: touch){.pagination-previous:focus,.pagination-previous:active,.pagination-next:focus,.pagination-next:active,.pagination-link:focus,.pagination-link:active,.pagination-ellipsis:focus,.pagination-ellipsis:active{font-size:16px}}.pagination-previous[disabled],.pagination-next[disabled],.pagination-link[disabled],.pagination-ellipsis[disabled]{cursor:not-allowed}.pagination-previous,.pagination-next,.pagination-link{color:var(--color-grey);min-width:2.25em}.pagination-previous:hover:not(.is-disabled):not(:focus),.pagination-next:hover:not(.is-disabled):not(:focus),.pagination-link:hover:not(.is-disabled):not(:focus){background-color:var(--color-fade-grey)}.pagination-previous:focus:not(.is-disabled),.pagination-previous:focus-visible:not(.is-disabled),.pagination-next:focus:not(.is-disabled),.pagination-next:focus-visible:not(.is-disabled),.pagination-link:focus:not(.is-disabled),.pagination-link:focus-visible:not(.is-disabled){border:2px solid currentColor}.pagination-previous,.pagination-next{padding-left:.75em;padding-right:.75em;white-space:nowrap}.pagination-link[aria-current]{background-color:var(--color-main);color:var(--color-white)}.pagination-link[aria-current]:hover:not([disabled]):not([aria-disabled=true]),.pagination-link[aria-current]:focus,.pagination-link[aria-current]:focus-within{background:linear-gradient(to top,rgba(0,0,0,.25),rgba(0,0,0,.25)) var(--color-main)!important}.pagination-ellipsis{color:var(--color-white);pointer-events:none}.pagination-list{flex-wrap:wrap}@media screen and (max-width: 767px){.pagination{flex-wrap:wrap}.pagination-previous,.pagination-next,.pagination-list li{flex-grow:1;flex-shrink:1}}@media screen and (min-width: 768px),print{.pagination-list{flex-grow:1;flex-shrink:1;justify-content:flex-start;order:1}.pagination-previous{order:2}.pagination-next{order:3}.pagination{justify-content:space-between}.pagination.is-centered .pagination-previous{order:1}.pagination.is-centered .pagination-list{justify-content:center;order:2}.pagination.is-centered .pagination-next{order:3}.pagination.is-right .pagination-previous{order:1}.pagination.is-right .pagination-next{order:2}.pagination.is-right .pagination-list{justify-content:flex-end;order:3}}.popover{position:relative;display:inline-flex}.popover .popover-content{top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%,2.5px);background-color:var(--color-main);border-radius:var(--radius-small);box-shadow:0 2px 4px #0000001a;color:var(--color-white);display:inline-block;font-size:12px;visibility:hidden;padding:8px;font-weight:500;position:absolute;text-align:center;max-width:210px;width:max-content;z-index:9000}.popover .popover-content:before{bottom:auto;right:auto;top:100%;left:50%;transform:rotate(-45deg)}.popover .popover-content ul{padding-left:14px}.popover .popover-content:before{content:"";border-color:transparent;border-bottom-color:var(--color-main);border-left-color:var(--color-main);border-style:solid;border-width:4px;pointer-events:none;position:absolute;margin-left:-4px;margin-top:-4px;transform-origin:center;height:0;width:0}.popover .popover-content .title,.popover .popover-content .suptitle,.popover .popover-content .paragraph,.popover .popover-content .text,.popover .popover-content p{color:var(--color-white)}.popover:not(.is-popover-right):not(.is-popover-left):not(.is-popover-bottom) .popover-content{margin-bottom:8px}.popover.is-popover-right .popover-content{top:auto;bottom:50%;left:100%;right:auto;transform:translate(7px,50%)}.popover.is-popover-right .popover-content:before{top:50%;bottom:auto;left:0;right:auto;transform:rotate(45deg)}.popover.is-popover-bottom .popover-content{top:100%;bottom:auto;left:50%;right:auto;transform:translate(-50%,7px)}.popover.is-popover-bottom .popover-content:before{top:0;bottom:auto;right:auto;left:50%;transform:rotate(135deg)}.popover.is-popover-left .popover-content{top:auto;bottom:50%;left:auto;right:100%;transform:translate(-7px,50%)}.popover.is-popover-left .popover-content:before{top:50%;bottom:auto;left:100%;right:auto;transform:rotate(-135deg)}@media screen and (max-width: 767px){.popover.is-popover-top-mobile .popover-content{top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%,2.5px)}.popover.is-popover-top-mobile .popover-content:before{bottom:auto;right:auto;top:100%;left:50%;transform:rotate(-45deg)}.popover.is-popover-right-mobile .popover-content{top:auto;bottom:50%;left:100%;right:auto;transform:translate(7px,50%)}.popover.is-popover-right-mobile .popover-content:before{top:50%;bottom:auto;left:0;right:auto;transform:rotate(45deg)}.popover.is-popover-bottom-mobile .popover-content{top:100%;bottom:auto;left:50%;right:auto;transform:translate(-50%,7px)}.popover.is-popover-bottom-mobile .popover-content:before{top:0;bottom:auto;right:auto;left:50%;transform:rotate(135deg)}.popover.is-popover-left-mobile .popover-content{top:auto;bottom:50%;left:auto;right:100%;transform:translate(-7px,50%)}.popover.is-popover-left-mobile .popover-content:before{top:50%;bottom:auto;left:100%;right:auto;transform:rotate(-135deg)}}@media screen and (min-width: 768px),print{.popover.is-popover-top-tablet .popover-content{top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%,2.5px)}.popover.is-popover-top-tablet .popover-content:before{bottom:auto;right:auto;top:100%;left:50%;transform:rotate(-45deg)}.popover.is-popover-right-tablet .popover-content{top:auto;bottom:50%;left:100%;right:auto;transform:translate(7px,50%)}.popover.is-popover-right-tablet .popover-content:before{top:50%;bottom:auto;left:0;right:auto;transform:rotate(45deg)}.popover.is-popover-bottom-tablet .popover-content{top:100%;bottom:auto;left:50%;right:auto;transform:translate(-50%,7px)}.popover.is-popover-bottom-tablet .popover-content:before{top:0;bottom:auto;right:auto;left:50%;transform:rotate(135deg)}.popover.is-popover-left-tablet .popover-content{top:auto;bottom:50%;left:auto;right:100%;transform:translate(-7px,50%)}.popover.is-popover-left-tablet .popover-content:before{top:50%;bottom:auto;left:100%;right:auto;transform:rotate(-135deg)}}@media screen and (min-width: 768px) and (max-width: 1023px){.popover.is-popover-top-tablet-only .popover-content{top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%,2.5px)}.popover.is-popover-top-tablet-only .popover-content:before{bottom:auto;right:auto;top:100%;left:50%;transform:rotate(-45deg)}.popover.is-popover-right-tablet-only .popover-content{top:auto;bottom:50%;left:100%;right:auto;transform:translate(7px,50%)}.popover.is-popover-right-tablet-only .popover-content:before{top:50%;bottom:auto;left:0;right:auto;transform:rotate(45deg)}.popover.is-popover-bottom-tablet-only .popover-content{top:100%;bottom:auto;left:50%;right:auto;transform:translate(-50%,7px)}.popover.is-popover-bottom-tablet-only .popover-content:before{top:0;bottom:auto;right:auto;left:50%;transform:rotate(135deg)}.popover.is-popover-left-tablet-only .popover-content{top:auto;bottom:50%;left:auto;right:100%;transform:translate(-7px,50%)}.popover.is-popover-left-tablet-only .popover-content:before{top:50%;bottom:auto;left:100%;right:auto;transform:rotate(-135deg)}}@media screen and (max-width: 1023px){.popover.is-popover-top-touch .popover-content{top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%,2.5px)}.popover.is-popover-top-touch .popover-content:before{bottom:auto;right:auto;top:100%;left:50%;transform:rotate(-45deg)}.popover.is-popover-right-touch .popover-content{top:auto;bottom:50%;left:100%;right:auto;transform:translate(7px,50%)}.popover.is-popover-right-touch .popover-content:before{top:50%;bottom:auto;left:0;right:auto;transform:rotate(45deg)}.popover.is-popover-bottom-touch .popover-content{top:100%;bottom:auto;left:50%;right:auto;transform:translate(-50%,7px)}.popover.is-popover-bottom-touch .popover-content:before{top:0;bottom:auto;right:auto;left:50%;transform:rotate(135deg)}.popover.is-popover-left-touch .popover-content{top:auto;bottom:50%;left:auto;right:100%;transform:translate(-7px,50%)}.popover.is-popover-left-touch .popover-content:before{top:50%;bottom:auto;left:100%;right:auto;transform:rotate(-135deg)}}@media screen and (min-width: 1024px){.popover.is-popover-top-desktop .popover-content{top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%,2.5px)}.popover.is-popover-top-desktop .popover-content:before{bottom:auto;right:auto;top:100%;left:50%;transform:rotate(-45deg)}.popover.is-popover-right-desktop .popover-content{top:auto;bottom:50%;left:100%;right:auto;transform:translate(7px,50%)}.popover.is-popover-right-desktop .popover-content:before{top:50%;bottom:auto;left:0;right:auto;transform:rotate(45deg)}.popover.is-popover-bottom-desktop .popover-content{top:100%;bottom:auto;left:50%;right:auto;transform:translate(-50%,7px)}.popover.is-popover-bottom-desktop .popover-content:before{top:0;bottom:auto;right:auto;left:50%;transform:rotate(135deg)}.popover.is-popover-left-desktop .popover-content{top:auto;bottom:50%;left:auto;right:100%;transform:translate(-7px,50%)}.popover.is-popover-left-desktop .popover-content:before{top:50%;bottom:auto;left:100%;right:auto;transform:rotate(-135deg)}}@media screen and (min-width: 1024px) and (max-width: 1239px){.popover.is-popover-top-desktop-only .popover-content{top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%,2.5px)}.popover.is-popover-top-desktop-only .popover-content:before{bottom:auto;right:auto;top:100%;left:50%;transform:rotate(-45deg)}.popover.is-popover-right-desktop-only .popover-content{top:auto;bottom:50%;left:100%;right:auto;transform:translate(7px,50%)}.popover.is-popover-right-desktop-only .popover-content:before{top:50%;bottom:auto;left:0;right:auto;transform:rotate(45deg)}.popover.is-popover-bottom-desktop-only .popover-content{top:100%;bottom:auto;left:50%;right:auto;transform:translate(-50%,7px)}.popover.is-popover-bottom-desktop-only .popover-content:before{top:0;bottom:auto;right:auto;left:50%;transform:rotate(135deg)}.popover.is-popover-left-desktop-only .popover-content{top:auto;bottom:50%;left:auto;right:100%;transform:translate(-7px,50%)}.popover.is-popover-left-desktop-only .popover-content:before{top:50%;bottom:auto;left:100%;right:auto;transform:rotate(-135deg)}}@media screen and (min-width: 1240px){.popover.is-popover-top-widescreen .popover-content{top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%,2.5px)}.popover.is-popover-top-widescreen .popover-content:before{bottom:auto;right:auto;top:100%;left:50%;transform:rotate(-45deg)}.popover.is-popover-right-widescreen .popover-content{top:auto;bottom:50%;left:100%;right:auto;transform:translate(7px,50%)}.popover.is-popover-right-widescreen .popover-content:before{top:50%;bottom:auto;left:0;right:auto;transform:rotate(45deg)}.popover.is-popover-bottom-widescreen .popover-content{top:100%;bottom:auto;left:50%;right:auto;transform:translate(-50%,7px)}.popover.is-popover-bottom-widescreen .popover-content:before{top:0;bottom:auto;right:auto;left:50%;transform:rotate(135deg)}.popover.is-popover-left-widescreen .popover-content{top:auto;bottom:50%;left:auto;right:100%;transform:translate(-7px,50%)}.popover.is-popover-left-widescreen .popover-content:before{top:50%;bottom:auto;left:100%;right:auto;transform:rotate(-135deg)}}@media screen and (min-width: 1240px) and (max-width: 1387px){.popover.is-popover-top-widescreen-only .popover-content{top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%,2.5px)}.popover.is-popover-top-widescreen-only .popover-content:before{bottom:auto;right:auto;top:100%;left:50%;transform:rotate(-45deg)}.popover.is-popover-right-widescreen-only .popover-content{top:auto;bottom:50%;left:100%;right:auto;transform:translate(7px,50%)}.popover.is-popover-right-widescreen-only .popover-content:before{top:50%;bottom:auto;left:0;right:auto;transform:rotate(45deg)}.popover.is-popover-bottom-widescreen-only .popover-content{top:100%;bottom:auto;left:50%;right:auto;transform:translate(-50%,7px)}.popover.is-popover-bottom-widescreen-only .popover-content:before{top:0;bottom:auto;right:auto;left:50%;transform:rotate(135deg)}.popover.is-popover-left-widescreen-only .popover-content{top:auto;bottom:50%;left:auto;right:100%;transform:translate(-7px,50%)}.popover.is-popover-left-widescreen-only .popover-content:before{top:50%;bottom:auto;left:100%;right:auto;transform:rotate(-135deg)}}@media screen and (min-width: 1388px){.popover.is-popover-top-fullhd .popover-content{top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%,2.5px)}.popover.is-popover-top-fullhd .popover-content:before{bottom:auto;right:auto;top:100%;left:50%;transform:rotate(-45deg)}.popover.is-popover-right-fullhd .popover-content{top:auto;bottom:50%;left:100%;right:auto;transform:translate(7px,50%)}.popover.is-popover-right-fullhd .popover-content:before{top:50%;bottom:auto;left:0;right:auto;transform:rotate(45deg)}.popover.is-popover-bottom-fullhd .popover-content{top:100%;bottom:auto;left:50%;right:auto;transform:translate(-50%,7px)}.popover.is-popover-bottom-fullhd .popover-content:before{top:0;bottom:auto;right:auto;left:50%;transform:rotate(135deg)}.popover.is-popover-left-fullhd .popover-content{top:auto;bottom:50%;left:auto;right:100%;transform:translate(-7px,50%)}.popover.is-popover-left-fullhd .popover-content:before{top:50%;bottom:auto;left:100%;right:auto;transform:rotate(-135deg)}}.popover.is-popover-right.is-arrow-start .popover-content:before,.popover.is-popover-left.is-arrow-start .popover-content:before{top:20%}.popover.is-popover-right.is-arrow-end .popover-content:before,.popover.is-popover-left.is-arrow-end .popover-content:before{top:80%}.popover.is-popover-right.is-arrow-start .popover-content:before,.popover.is-popover-right.is-arrow-end .popover-content:before{left:0}.popover.is-popover-left.is-arrow-start .popover-content:before,.popover.is-popover-left.is-arrow-end .popover-content:before{left:100%}.popover.is-arrow-start .popover-content:before{left:10%}.popover.is-arrow-end .popover-content:before{left:90%}.popover.is-popover-active .popover-content,.popover:hover .popover-content{visibility:visible}.popover .popover-trigger:focus~.popover-content{visibility:visible}.product-tour{position:absolute;z-index:8000;visibility:hidden;opacity:0;background-color:var(--color-white);border-radius:8px;box-shadow:0 2px 4px #0000001a;width:350px;padding:24px}@media screen and (max-width: 767px){.product-tour{max-width:inherit}}.product-tour .arrow{position:absolute;top:0;right:auto!important;bottom:auto!important;left:50%;margin-top:-4px;margin-left:-4px;border-width:4px;border-style:solid;border-color:transparent transparent #fff #fff;transform:rotate(135deg);height:0;width:0;box-shadow:-1px 1px 2px #0a0a0a33;transform-origin:center;pointer-events:none}@media screen and (max-width: 767px){.product-tour .arrow{display:none}}.product-tour .arrow.is-one-fifth{left:20%}.product-tour .arrow.is-one-quarter{left:25%}.product-tour .arrow.is-one-third{left:33%}.product-tour .arrow.is-two-fifths{left:40%}.product-tour .arrow.is-three-fifths{left:60%}.product-tour .arrow.is-two-thirds{left:66%}.product-tour .arrow.is-three-quarters{left:75%}.product-tour .arrow.is-four-fifths{left:80%}.product-tour .arrow.is-right{top:50%!important;right:0!important;bottom:auto!important;left:100%!important;transform:rotate(-135deg)}.product-tour .arrow.is-bottom{top:100%!important;bottom:auto!important;right:auto!important;transform:rotate(-45deg)}.product-tour .arrow.is-left{top:50%!important;bottom:auto!important;left:0!important;right:100%!important;transform:rotate(45deg)}.product-tour .arrow.is-left.is-one-fifth,.product-tour .arrow.is-right.is-one-fifth{top:20%!important}.product-tour .arrow.is-left.is-one-quarter,.product-tour .arrow.is-right.is-one-quarter{top:25%!important}.product-tour .arrow.is-left.is-one-third,.product-tour .arrow.is-right.is-one-third{top:33%!important}.product-tour .arrow.is-left.is-two-fifths,.product-tour .arrow.is-right.is-two-fifths{top:40%!important}.product-tour .arrow.is-left.is-three-fifths,.product-tour .arrow.is-right.is-three-fifths{top:60%!important}.product-tour .arrow.is-left.is-two-thirds,.product-tour .arrow.is-right.is-two-thirds{top:66%!important}.product-tour .arrow.is-left.is-three-quarters,.product-tour .arrow.is-right.is-three-quarters{top:75%!important}.product-tour .arrow.is-left.is-four-fifths,.product-tour .arrow.is-right.is-four-fifths{top:80%!important}.product-tour.is-active{opacity:1;visibility:visible}.product-tour.has-icon-left>.icon:not(.close),.product-tour.has-icon-right>.icon:not(.close){position:absolute;top:0;left:0;background:white;border-radius:9999px;box-shadow:0 2px 4px #0000001a;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.product-tour.has-icon-left>.icon:not(.close),.product-tour.has-icon-right>.icon:not(.close){display:none}}.product-tour.has-icon-left>.icon:not(.close) img,.product-tour.has-icon-right>.icon:not(.close) img{flex-shrink:0}.product-tour.has-icon-right>.icon:not(.close){left:100%!important;right:0}.product-tour .close{position:absolute;top:0;right:0}.product-tour-target-active{outline:999em solid var(--color-main)!important;outline-offset:10px!important;z-index:8000}.price{display:inline-flex;font-weight:600;line-height:.8;margin-bottom:0}.price:not(.is-inlined){font-size:44px}.price.is-level-1{font-size:64px}.price.is-level-1+.price-tag span:nth-child(2){font-size:16px}.price.is-level-1+.price-tag span:nth-child(2){place-self:flex-end;margin-bottom:3px}.price.is-level-2{font-size:56px}.price.is-level-2+.price-tag{font-size:22px}.price.is-level-2+.price-tag span:nth-child(2){font-size:16px}.price.is-level-2+.price-tag span:nth-child(2){place-self:flex-end;margin-bottom:3px}.price.is-level-3{font-size:44px}.price.is-level-3+.price-tag{font-size:16px}.price.is-level-3+.price-tag span:nth-child(2){font-size:16px}.price.is-level-3+.price-tag span:nth-child(2){place-self:flex-end;margin-bottom:3px}.price.is-level-4{font-size:32px}.price.is-level-4+.price-tag{font-size:10px;padding:4px!important}.price.is-level-4+.price-tag:before{border-width:3px;margin-left:-6px;margin-top:4px;border-radius:1px}.price.is-level-5{font-size:28px}.price.is-level-5 .price-details{padding-left:2px!important}.price.is-level-5+.price-tag{font-size:10px;padding:4px!important}.price.is-level-5+.price-tag:before{border-width:3px;margin-left:-6px;margin-top:4px;border-radius:1px}.price.is-level-6{font-size:24px}.price.is-level-6 .price-details{padding-left:2px!important}.price.is-level-6+.price-tag{font-size:10px;padding:4px!important}.price.is-level-6+.price-tag:before{border-width:3px;margin-left:-6px;margin-top:4px;border-radius:1px}.price.is-level-7{font-size:20px}.price.is-level-7 .price-details{padding-left:2px!important}.price.is-level-7+.price-tag{font-size:10px;padding:4px!important}.price.is-level-7+.price-tag:before{border-width:3px;margin-left:-6px;margin-top:4px;border-radius:1px}.price .price-details{padding-left:4px}.price .price-details .cents,.price .price-details .centimes,.price .price-details .periode,.price .price-details .period{line-height:1;display:block}.price .price-details .cents,.price .price-details .centimes{font-weight:600;font-size:.475em;vertical-align:top;text-align:left}.price .price-details .cents sup,.price .price-details .centimes sup{font-weight:500;padding-left:2px;top:-.3em}.price .price-details .period,.price .price-details .periode{font-size:.375em;margin-top:0;padding-left:.1em;text-align:left}.price.is-inverted{color:var(--color-white)}.price.has-suptitle{display:flex;flex-wrap:wrap}.price.has-suptitle .price-suptitle{flex-basis:100%;font-size:.375em}.price.has-description .cents,.price.has-description .centimes{align-items:flex-start;display:flex}.price.has-description .icon{height:inherit;width:inherit}.price.is-inlined .price-details{display:inline-flex;margin-left:0;padding-left:0!important}.price.is-inlined .price-details .cents,.price.is-inlined .price-details .centimes,.price.is-inlined .price-details .periode,.price.is-inlined .price-details .period{font-size:inherit;line-height:.8;padding-left:0}.price.is-inlined.is-striked:before{transform:rotate(-12deg)}.price.is-striked{position:relative;color:var(--color-fade-main)}.price.is-striked:before{position:absolute;content:"";left:0;top:50%;right:0;border-top:2px solid;border-color:var(--color-main);border-radius:5px;transform:rotate(-20deg)}.price.is-striked.is-inverted{color:var(--color-fade-main)}.price.is-striked.is-inverted:before{border-color:var(--color-white)}.price.is-striked.has-suptitle{display:inline-flex;margin-top:.55em}.price.is-striked.has-suptitle .price-suptitle{position:absolute;top:-1.4em}.price-tag{background-color:var(--color-accent);margin-left:10px;border-radius:6px;display:inline-flex;color:var(--color-white);height:fit-content;padding:8px;font-size:28px;line-height:1em;align-items:baseline;position:relative}.price-tag:before{content:"";border-color:transparent;border-bottom-color:var(--color-accent);border-left-color:var(--color-accent);transform:rotate(45deg);border-style:solid;border-width:5px;border-radius:2px;pointer-events:none;position:absolute;margin-left:-12px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;transform-origin:center;height:0;width:0}.tab-context{-webkit-overflow-scrolling:touch;align-items:stretch;justify-content:space-between;font-weight:400;background:white;width:100%;text-align:center;overflow:scroll;overflow:-moz-scrollbars-none!important;-ms-overflow-style:none!important;scrollbar-width:none}@media screen and (max-width: 767px){.tab-context{text-align:left}}.tab-context::-webkit-scrollbar{width:0!important;height:0!important}.tab-context.is-inverted{background-color:var(--color-main)}.tab-context.is-inverted .tabs>.tab{color:var(--color-white)!important}.tab-context.is-inverted .tabs>.tab.is-active{border-bottom-color:currentColor}.tab-context.is-inverted .tabs>.tab:hover:not([disabled]):not([aria-disabled=true]){color:var(--color-white)!important;cursor:pointer}.tab-context.is-inverted .tabs>.tab:focus-visible{border-color:var(--color-white)}.tab-context.has-text-left .tabs>.tab:first-child{margin-left:24px}.tab-context .tabs{background-color:transparent;height:48px;overflow-x:auto;white-space:nowrap;display:inline-flex}.tab-context .tabs.is-centered{justify-content:center}.tab-context .tabs.is-right{justify-content:flex-end}.tab-context .tabs.is-left{justify-content:flex-start}@media screen and (min-width: 1024px){.tab-context .tabs.is-fullwidth>*,.tab-context .field .tabs.select>*,.field .tab-context .tabs.select>*{flex-grow:1;flex-shrink:0}}.tab-context .tabs.is-clipped{box-shadow:none}.tab-context .tabs.is-icons{height:64px}@media screen and (max-width: 767px){.tab-context .tabs{justify-content:flex-start}.tab-context .tabs>.tab:first-child{margin-left:24px}}.tab-context .tabs>.tab{height:calc(100% - 4px);background-color:transparent;border:none;color:var(--color-main);text-decoration:none;outline:none;padding:6px 14px;font-size:14px;border:0px solid transparent;border-bottom:2px solid transparent}@media screen and (min-width: 1024px){.tab-context .tabs>.tab{font-size:16px}}.tab-context .tabs>.tab .tab-icon{margin-top:2px}.tab-context .tabs>.tab:not(button) .tab-icon{margin-top:4px}@media screen and (max-width: 767px){.tab-context .tabs>.tab{font-size:14px}}.tab-context .tabs>.tab.is-active{color:var(--color-main);position:relative;border-bottom-color:var(--color-main)}.tab-context .tabs>.tab:hover:not(.is-disabled){color:var(--color-main);cursor:pointer}.tab-context .tabs>.tab:hover:not(.is-disabled) .icon.is-small [class^=tri-]:before,.tab-context .tabs>.tab:hover:not(.is-disabled) .icon.is-small [class*=" tri-"]:before{font-size:22px!important;background-color:currentColor}.tab-context .tabs>.tab:focus-visible{border-color:currentColor;color:var(--color-main)}.tab-context .tabs>.tab .icon{height:0}.tab-context .tabs>.tab .icon.is-small{font-size:22px}.tab-context .tabs>.tab[disabled],.tab-context .tabs>.tab[aria-disabled=true]{background-color:transparent!important}.tab-context .tab-panels{padding-top:12px;padding-bottom:12px}.tab-context .tab-panels .tab-panel{transition:opacity 2s ease-in-out;transition-delay:1s}.tab-context .tab-panels .tab-panel:not(.is-active){display:none}.tab-context .tab-panels .tab-panel.is-active{animation:fade-in .25s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.accordions{padding-left:0;padding-right:0;margin:16px 0}.accordions details.accordion ::-webkit-details-marker{display:none;content:""}.accordions .accordion{box-sizing:border-box;display:flex;flex-direction:column;background-color:var(--color-white);font-size:16px;border:var(--border);border-radius:var(--radius);margin:8px 0;min-height:56px;max-height:max-content;transition:margin .3s}.accordions .accordion .accordion-header{font-weight:700}.accordions .accordion .accordion-body{padding:16px;padding-top:0!important}.accordions .accordion:has(summary:hover):not(.is-disabled){background-color:var(--color-fade-grey)}.accordions .accordion:has(summary:focus-visible){outline:var(--border-active);outline-offset:-2px}.accordions .accordion .accordion-header:after{max-width:15px;max-height:15px;position:absolute;margin-top:0;right:20px}.accordions .accordion[open]:not([aria-disabled=true]) .accordion-header:after{transform:rotate(180deg)}.accordions .accordion .accordion-header:after,.accordions .accordion[aria-disabled=true] .accordion-header:after{background-color:currentColor;content:"";-webkit-mask-image:url(/templates/assets/arrow-down-ccef4031.svg);mask-image:url(/templates/assets/arrow-down-ccef4031.svg);min-width:15px;min-height:15px;-webkit-mask-size:15px;mask-size:15px;position:absolute;display:inline-block;transition:transform .3s}.accordions .accordion[aria-disabled=true] .accordion-body{display:none!important}.accordions .accordion .accordion-header{border-radius:var(--radius);transition:margin .3s ease-out}.accordions .accordion .accordion-header:focus-visible{outline:none}.accordions .accordion[open] .accordion-header{margin-bottom:4px}.accordions .accordion:first-child{margin-top:0}.accordions .accordion:last-child{margin-bottom:0}.accordions .accordion .accordion-header{align-items:center;display:flex;position:relative;height:auto;cursor:pointer;padding:16px}.accordions .accordion .accordion-header.is-grouped>*:first-child{flex-grow:0}.accordions .accordion .accordion-header .field:not(:last-child){margin-bottom:0}.accordions .accordion .accordion-header .accordion-title .title{margin:0}@media screen and (max-width: 767px){.accordions .accordion .accordion-header .accordion-title{flex-grow:1}}.accordions .accordion .accordion-header p{margin-bottom:0}.accordions .accordion .accordion-header+.accordion-body{overflow-y:hidden}.accordions .accordion .accordion-header+.accordion-body .accordion-content{border-radius:var(--radius);margin-bottom:10px}@media screen and (max-width: 767px){.accordions .accordion .accordion-header+.accordion-body .accordion-content{padding:15px}}.accordions .accordion .accordion-body .accordion-content,.accordions .accordion .accordion-body p:last-child{margin-bottom:0!important;padding:0!important}.countdown{border:1px solid currentcolor;border-radius:var(--radius);display:inline-flex;padding:8px;color:var(--color-main)}.countdown .count{font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;list-style-type:none;text-align:center;padding:0 8px;position:relative}.countdown .count:not(:last-child):before{content:" ";border-left:1px solid currentcolor;height:100%;position:absolute;top:0;bottom:0;right:0}.countdown .count .value{font-size:24px;font-weight:600}.countdown.is-small{padding:8px 0;border-radius:var(--radius-small)}.countdown.is-small .count{font-size:12px;padding:0 8px;font-weight:500}.countdown.is-small .count .value{font-size:16px;font-weight:600}.countdown.is-inverted{color:var(--color-white)}.timeline{display:flex;flex-direction:column}.timeline .timeline-header{width:4em;min-width:4em;max-width:8em;word-wrap:normal;text-align:center;display:flex;justify-content:center;margin-left:0}.timeline:before{content:"";display:block;width:.125em;position:absolute;top:49.8px;left:3rem;bottom:8px;height:auto;border-radius:2px}.timeline .timeline-item,.timeline .undone{display:flex;display:-ms-flexbox;display:-webkit-flex;position:relative;margin-left:0;padding-bottom:8px}.timeline .timeline-item:before,.timeline .undone:before{background-color:var(--color-fade-grey)}.timeline .timeline-item .timeline-marker.is-icon,.timeline .undone .timeline-marker.is-icon{background-color:var(--color-main);color:var(--color-main)}.timeline .timeline-item.active .timeline-marker.is-icon,.timeline .undone.active .timeline-marker.is-icon{background-color:var(--color-main)}.timeline .timeline-item.active .timeline-marker.is-icon .icon,.timeline .undone.active .timeline-marker.is-icon .icon{color:var(--color-white)}.timeline .timeline-item.active .timeline-content p.main-content,.timeline .undone.active .timeline-content p.main-content{font-weight:800}.timeline .timeline-item.active:before,.timeline .undone.active:before{content:"";background-color:var(--color-main);display:block;width:.125em;position:absolute;top:49.8px;left:3rem;bottom:8px;height:auto;border-radius:2px}.timeline .timeline-item.done .timeline-marker.is-icon,.timeline .undone.done .timeline-marker.is-icon{background-color:var(--color-main)}.timeline .timeline-item.done .timeline-marker.is-icon .icon,.timeline .undone.done .timeline-marker.is-icon .icon{color:var(--color-white)}.timeline .timeline-item.done:before,.timeline .undone.done:before{content:"";background-color:var(--color-main);display:block;width:.125em;position:absolute;top:49.8px;left:3rem;bottom:8px;height:auto;border-radius:2px}.timeline .timeline-item.cancel .timeline-marker.is-icon,.timeline .undone.cancel .timeline-marker.is-icon{background-color:var(--color-grey);color:var(--color-fade-grey)}.timeline .timeline-item.cancel:before,.timeline .undone.cancel:before{content:"";background-color:var(--color-fade-grey);display:block;width:.125em;position:absolute;top:49.8px;left:3rem;bottom:8px;height:auto;border-radius:2px}.timeline .timeline-item .timeline-marker,.timeline .undone .timeline-marker{position:absolute;background:var(--color-fade-grey);border-radius:9999px;content:"";display:block;height:.8em;left:-.35em;top:0;width:.8em;margin-left:30px}.timeline .timeline-item .timeline-marker.is-image,.timeline .undone .timeline-marker.is-image{background:var(--color-fade-grey);border-radius:9999px;display:block;overflow:hidden}.timeline .timeline-item .timeline-marker.is-image.is-16x16,.timeline .undone .timeline-marker.is-image.is-16x16{height:16px;width:16px;left:-8px}.timeline .timeline-item .timeline-marker.is-image.is-24x24,.timeline .undone .timeline-marker.is-image.is-24x24{height:24px;width:24px;left:-12px}.timeline .timeline-item .timeline-marker.is-image.is-32x32,.timeline .undone .timeline-marker.is-image.is-32x32{height:32px;width:32px;left:-16px}.timeline .timeline-item .timeline-marker.is-image.is-48x48,.timeline .undone .timeline-marker.is-image.is-48x48{height:48px;width:48px;left:-24px}.timeline .timeline-item .timeline-marker.is-image.is-64x64,.timeline .undone .timeline-marker.is-image.is-64x64{height:64px;width:64px;left:-32px}.timeline .timeline-item .timeline-marker.is-image.is-96x96,.timeline .undone .timeline-marker.is-image.is-96x96{height:96px;width:96px;left:-48px}.timeline .timeline-item .timeline-marker.is-image.is-128x128,.timeline .undone .timeline-marker.is-image.is-128x128{height:128px;width:128px;left:-64px}.timeline .timeline-item .timeline-marker.is-icon,.timeline .undone .timeline-marker.is-icon{display:flex;align-items:center;justify-content:center;height:2.85em;width:2.85em;left:-1.375em;line-height:.75rem;padding:4.3333333333px;background:var(--color-fade-grey);border-radius:9999px}.timeline .timeline-item .timeline-marker.is-icon>i,.timeline .undone .timeline-marker.is-icon>i{color:var(--color-white);font-size:13px!important}.timeline .timeline-item .timeline-marker.is-outlined .image,.timeline .undone .timeline-marker.is-outlined .image,.timeline .timeline-item .timeline-marker.is-outlined.is-icon,.timeline .undone .timeline-marker.is-outlined.is-icon{background:var(--color-white)}.timeline .timeline-item .timeline-marker.is-outlined.is-icon>i,.timeline .undone .timeline-marker.is-outlined.is-icon>i{color:var(--color-fade-grey)}.timeline .timeline-item .timeline-content,.timeline .undone .timeline-content{margin-left:3.7em;padding:12px 0 16px 16px}.timeline .timeline-item .timeline-content .heading,.timeline .undone .timeline-content .heading{font-size:12px;color:var(--color-main);font-family:Poppins Read,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-transform:none;letter-spacing:0;line-height:15px;font-weight:500}.timeline .timeline-item .timeline-content p,.timeline .undone .timeline-content p{margin-bottom:4px}.timeline .timeline-item.is-white:before,.timeline .undone.is-white:before{background-color:var(--color-white)}.timeline .timeline-item.is-main:before,.timeline .undone.is-main:before{background-color:var(--color-main)}.timeline .timeline-item.is-accent:before,.timeline .undone.is-accent:before{background-color:var(--color-accent)}.timeline .timeline-item.is-info:before,.timeline .undone.is-info:before{background-color:var(--color-info)}.timeline .timeline-item.is-success:before,.timeline .undone.is-success:before{background-color:var(--color-success)}.timeline .timeline-item.is-error:before,.timeline .undone.is-error:before{background-color:var(--color-error)}.timeline .timeline-item.is-warning:before,.timeline .undone.is-warning:before{background-color:var(--color-warning)}.timeline .timeline-item.is-grey:before,.timeline .undone.is-grey:before{background-color:var(--color-grey)}.timeline.is-centered .timeline-header{display:flex;width:100%;align-self:center}.timeline.is-centered .timeline-item{width:50%;align-self:flex-end}.timeline.is-centered .timeline-item:nth-of-type(2n){align-self:flex-start;margin-left:0;margin-right:2em}.timeline.is-centered .timeline-item:nth-of-type(2n):before{right:-.125em;left:auto}.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker{left:auto;right:-.475em}.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-16x16{left:auto;right:-8px}.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-24x24{left:auto;right:-12px}.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-32x32{left:auto;right:-16px}.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-48x48{left:auto;right:-24px}.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-64x64{left:auto;right:-32px}.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-96x96{left:auto;right:-48px}.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-128x128{left:auto;right:-64px}.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-icon{left:auto;right:-1.5em}.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-content{padding:1em 2em 0 0;text-align:right;display:flex;flex-direction:column;align-items:flex-end;flex-basis:100%}.timeline.is-centered .timeline-item:nth-of-type(odd):before{content:"";background-color:var(--color-fade-grey);display:block;width:.125em;height:100%;position:absolute;top:0}.timeline.is-centered .timeline-item.is-white:before{background-color:var(--color-white)}.timeline.is-centered .timeline-item.is-main:before{background-color:var(--color-main)}.timeline.is-centered .timeline-item.is-accent:before{background-color:var(--color-accent)}.timeline.is-centered .timeline-item.is-info:before{background-color:var(--color-info)}.timeline.is-centered .timeline-item.is-success:before{background-color:var(--color-success)}.timeline.is-centered .timeline-item.is-error:before{background-color:var(--color-error)}.timeline.is-centered .timeline-item.is-warning:before{background-color:var(--color-warning)}.timeline.is-centered .timeline-item.is-grey:before{background-color:var(--color-grey)}@media screen and (min-width: 1024px){.timeline.is-horizontal{flex-direction:row;justify-content:space-between}.timeline.is-horizontal .timeline-item{flex-direction:column;width:100%}.timeline.is-horizontal .timeline-item:not(:last-child){margin-right:16px}.timeline.is-horizontal .timeline-item:before{content:"";background-color:var(--color-fade-grey);display:block;width:calc(100% - 58px);position:absolute;top:22.89px;left:59px;bottom:8px;height:2px;border-radius:2px}.timeline.is-horizontal .timeline-item.active:before{background-color:var(--color-main)}.timeline.is-horizontal .timeline-item.undone:before{background-color:var(--color-fade-grey)}.timeline.is-horizontal .timeline-item.done:before{background-color:var(--color-main)}.timeline.is-horizontal .timeline-item.cancel:before{background-color:var(--color-fade-grey)}.timeline.is-horizontal .timeline-item .timeline-marker{position:static;margin-left:0}.timeline.is-horizontal .timeline-item .timeline-content{margin-left:0;padding:0;margin-top:8px}.timeline.is-horizontal .timeline-item .timeline-content .main-content{margin-left:0}}.stepper-wrapper{display:flex;position:relative;justify-content:space-between;min-height:44px;gap:16px}@media screen and (max-width: 1023px){.stepper-wrapper{gap:8px}}.stepper-item{display:flex;flex-direction:column;width:100%}.stepper-item:before{content:"";display:block;height:4px;border-radius:var(--radius-small);background-size:200%!important;background-color:var(--color-fade-grey)}.stepper-item.is-error{color:var(--color-main)}.stepper-item.is-error:before{background-color:var(--color-error)!important}.stepper-item.is-error.is-current:before{animation:progress 1s}.stepper-item.is-error .step-bars{background:var(--color-error)!important}.stepper-item.is-error .step-label:before{content:"";-webkit-mask-image:url(/templates/assets/times-a0f06f97.svg)!important;mask-image:url(/templates/assets/times-a0f06f97.svg)!important;background-color:var(--color-error)!important;border-width:0;-webkit-mask-size:20px;mask-size:20px;width:20px;height:20px;align-self:baseline;margin-top:2px}.stepper-item.is-error .step-label .icon{display:none}.stepper-item.is-done:before{background-color:var(--color-main)}.stepper-item.is-done .step-bars{background:var(--color-main);transition:background-color 1s ease-in-out}.stepper-item.is-done .step-label:before{content:"";-webkit-mask-image:url(/templates/assets/check-circle-6c2ca025.svg);mask-image:url(/templates/assets/check-circle-6c2ca025.svg);background-color:var(--color-success);border-width:0;min-width:20px;-webkit-mask-size:20px;mask-size:20px;height:20px;align-self:baseline;margin-top:2px}.stepper-item.is-current:before,.stepper-item.is-active:before{background-color:var(--color-main);animation:progress 1s}.stepper-item.is-current .step-bars,.stepper-item.is-active .step-bars{background:var(--color-main)}.stepper-item.is-current .step-label,.stepper-item.is-active .step-label{font-style:normal;font-weight:600;font-size:20px;line-height:22px;width:max-content}.stepper-item.is-current .step-label .icon [class^=tri-],.stepper-item.is-current .step-label .icon [class*=" tri-"],.stepper-item.is-active .step-label .icon [class^=tri-],.stepper-item.is-active .step-label .icon [class*=" tri-"]{height:22px;width:22px;margin:0 4px 0 -4px}@media screen and (min-width: 768px) and (max-width: 1023px){.stepper-item.is-current .step-label,.stepper-item.is-active .step-label{width:90%!important}}@media screen and (max-width: 767px){.stepper-item.is-current .step-label,.stepper-item.is-active .step-label{font-size:18px;width:90%}}.step-bars{height:4px;background:var(--color-disabled);border-radius:var(--radius-small);display:none}.step-label{display:flex;align-items:center;color:var(--color-main);font-style:normal;font-weight:400;font-size:16px;line-height:24px;padding-top:8px;gap:4px}.step-label .icon{font-size:20px;height:auto}@media screen and (max-width: 1023px){.step-label{position:absolute;top:10px;left:0}}@media screen and (min-width: 1024px){.step-count{display:none}}@media screen and (max-width: 767px){.step-count{position:absolute;top:23px;right:8px;font-size:14px;line-height:18px;font-weight:600}.stepper-item:not(.is-current){display:flex}.stepper-item:not(.is-current) .step-label{display:none}}@media screen and (min-width: 768px) and (max-width: 1023px){.step-count{position:absolute;top:24px;right:8px;font-size:14px;line-height:18px;font-weight:600}.stepper-item:not(.is-current){display:flex}.stepper-item:not(.is-current) .step-label{display:none}}@keyframes progress{0%,to{background-image:linear-gradient(to right,transparent 0,transparent 50%,var(--color-fade-grey) 50%,var(--color-fade-grey) 100%)}0%{background-position:100% 0}to{background-position:0 0}}.plus-symbol{display:inline-block}.plus-symbol:after{content:"+";display:inline-block;width:40px;height:40px;border-radius:40px;font-size:24px;text-align:center;line-height:40px;background-color:var(--color-fade-grey);color:var(--color-grey)}.plus-symbol.is-white:after{content:"+";display:inline-block;width:40px;height:40px;border-radius:40px;font-size:24px;text-align:center;line-height:40px;background-color:var(--color-white);color:var(--color-main)}.plus-symbol.is-main:after{content:"+";display:inline-block;width:40px;height:40px;border-radius:40px;font-size:24px;text-align:center;line-height:40px;background-color:var(--color-main);color:var(--color-white)}.plus-symbol.is-accent:after{content:"+";display:inline-block;width:40px;height:40px;border-radius:40px;font-size:24px;text-align:center;line-height:40px;background-color:var(--color-accent);color:var(--color-white)}.otp-list{display:flex;flex-wrap:nowrap}.otp-list .otp{outline:none;border:1px solid currentColor;border-radius:var(--radius-small);background:transparent;width:33px;height:40px;margin:4px 4px 0;text-align:center;color:var(--color-grey)}.otp-list .otp:hover:not(.is-disabled):not(:focus){background-color:var(--color-fade-grey)}.otp-list .otp:focus:not(.is-disabled),.otp-list .otp:focus-visible:not(.is-disabled){border:2px solid currentColor}.otp-list .otp:first-child{margin:4px 4px 0 0}.otp-list .otp:last-child{margin:4px 0 0 4px}.otp-list.is-danger .otp{border:1px solid var(--color-error)}.otp-list.is-filled .otp{color:var(--color-main)}.otp-list.is-focus .otp{border:1px solid var(--color-main);color:var(--color-main)}.otp-list.is-error .otp{border:1px solid var(--color-error);color:var(--color-main)}.otp-list:focus-within .otp{border:1px solid var(--color-main);color:var(--color-main)}.otp-list.is-error:focus-within .otp{border:1px solid var(--color-error);color:var(--color-main)}.otp-error-message{font-size:12px;margin-top:4px}.segmented-control{border-radius:6px;padding:4px;background-color:var(--color-fade-grey);display:inline-block;margin:16px 0}@media screen and (max-width: 767px){.segmented-control{display:flex;margin:24px auto;width:100%}}.segmented-control .segmented-control-item{padding:0 24px;border-radius:var(--radius-small);font-size:16px;text-align:center;border:2px solid transparent;height:42px;color:var(--color-main);background-color:var(--color-fade-grey)}.segmented-control .segmented-control-item:not(:last-child){margin-right:4px}@media screen and (max-width: 767px){.segmented-control .segmented-control-item{padding:0 16px;flex:1 1 0;width:0;text-overflow:ellipsis;overflow:hidden}}.segmented-control .segmented-control-item:hover:not([disabled],[aria-disabled=true],.is-active){cursor:pointer;background-color:var(--color-fade-grey)}.segmented-control .segmented-control-item.is-active{background-color:var(--color-main);color:var(--color-white)}.progress-radial{background:radial-gradient(white 58%,transparent 51%),conic-gradient(gainsboro 0deg 360deg,gainsboro 0deg 360deg);border-radius:50%;width:124px;height:124px;position:relative}.progress-radial .progress-radial-content{border:1px solid white;border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center}.progress-radial.is-small{width:75px;height:75px}.range-container .range{width:100%;position:relative;margin-top:18px;margin-bottom:20px}.range-container .range .range-track{width:100%;height:8px;border-radius:var(--radius);position:absolute;margin:auto;top:0;bottom:0}@media screen and (max-width: 767px){.range-container .range .range-track{height:4px;border-radius:var(--radius-small)}}.range-container .range .range-cursor{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;outline:none;position:absolute;margin:auto;top:0;bottom:0;background-color:transparent;pointer-events:none}.range-container .range .range-cursor::-webkit-slider-runnable-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px}.range-container .range .range-cursor::-moz-range-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px}.range-container .range .range-cursor::-ms-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px}.range-container .range .range-cursor::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background-color:#fff;pointer-events:auto;border-radius:50%;box-shadow:0 0 8px #0000001a;outline:none;border:none;margin-top:-8px}.range-container .range .range-cursor::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background-color:#fff;pointer-events:auto;border-radius:50%;box-shadow:0 0 8px #0000001a;outline:none;border:none}.range-container .range .range-cursor::-ms-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background-color:#fff;pointer-events:auto;border-radius:50%;box-shadow:0 0 8px #0000001a;outline:none;border:none}.range-container .range-values{display:flex;justify-content:space-between;padding-top:14px;font-weight:700}.scroll-view{overflow:auto}.scroll-view.scroll-horizontal{overflow-x:scroll;overflow-y:hidden}.scroll-view.scroll-horizontal.scroll-snap{scroll-snap-type:x mandatory}.scroll-view.scroll-horizontal.scroll-snap>.div{scroll-snap-align:start}.scroll-view.scroll-vertical{overflow-y:scroll;overflow-x:hidden}.fab{background-color:var(--color-main);border-radius:16px;cursor:pointer;height:56px;padding:16px;display:inline-flex;align-items:center;box-sizing:border-box;transition:max-width .5s ease-out;color:#fff;border:0;box-shadow:0 3px 6px #0003;font-size:16px;font-weight:600;line-height:20px;z-index:9;overflow:hidden;max-width:54px;white-space:nowrap}.fab:hover:not([disabled]):not([aria-disabled=true]),.fab.is-extended,.fab:focus,.fab:focus-visible,.fab:focus-within{background:linear-gradient(to top,rgba(0,0,0,.25),rgba(0,0,0,.25)) var(--color-main);max-width:300px}.fab:active{background:linear-gradient(to top,rgba(0,0,0,.25),rgba(0,0,0,.25)) var(--color-main)}.fab .icon{flex:none;font-size:24px!important;margin-left:-6px;margin-right:8px;color:#fff}.column{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:12px}@media screen and (max-width: 767px){.column{padding:8px}}.column.is-vcentered{align-self:center}.columns.is-mobile>.column.is-narrow{flex:none}.columns.is-mobile>.column.is-full{flex:none;width:100%}.columns.is-mobile>.column.is-three-quarters{flex:none;width:75%}.columns.is-mobile>.column.is-two-thirds{flex:none;width:66.6666%}.columns.is-mobile>.column.is-half{flex:none;width:50%}.columns.is-mobile>.column.is-one-third{flex:none;width:33.3333%}.columns.is-mobile>.column.is-one-quarter{flex:none;width:25%}.columns.is-mobile>.column.is-one-fifth{flex:none;width:20%}.columns.is-mobile>.column.is-two-fifths{flex:none;width:40%}.columns.is-mobile>.column.is-three-fifths{flex:none;width:60%}.columns.is-mobile>.column.is-four-fifths{flex:none;width:80%}.columns.is-mobile>.column.is-offset-three-quarters{margin-left:75%}.columns.is-mobile>.column.is-offset-two-thirds{margin-left:66.6666%}.columns.is-mobile>.column.is-offset-half{margin-left:50%}.columns.is-mobile>.column.is-offset-one-third{margin-left:33.3333%}.columns.is-mobile>.column.is-offset-one-quarter{margin-left:25%}.columns.is-mobile>.column.is-offset-one-fifth{margin-left:20%}.columns.is-mobile>.column.is-offset-two-fifths{margin-left:40%}.columns.is-mobile>.column.is-offset-three-fifths{margin-left:60%}.columns.is-mobile>.column.is-offset-four-fifths{margin-left:80%}.columns.is-mobile>.column.is-1{flex:none;width:8.3333333333%}.columns.is-mobile>.column.is-offset-1{margin-left:8.3333333333%}.columns.is-mobile>.column.is-2{flex:none;width:16.6666666667%}.columns.is-mobile>.column.is-offset-2{margin-left:16.6666666667%}.columns.is-mobile>.column.is-3{flex:none;width:25%}.columns.is-mobile>.column.is-offset-3{margin-left:25%}.columns.is-mobile>.column.is-4{flex:none;width:33.3333333333%}.columns.is-mobile>.column.is-offset-4{margin-left:33.3333333333%}.columns.is-mobile>.column.is-5{flex:none;width:41.6666666667%}.columns.is-mobile>.column.is-offset-5{margin-left:41.6666666667%}.columns.is-mobile>.column.is-6{flex:none;width:50%}.columns.is-mobile>.column.is-offset-6{margin-left:50%}.columns.is-mobile>.column.is-7{flex:none;width:58.3333333333%}.columns.is-mobile>.column.is-offset-7{margin-left:58.3333333333%}.columns.is-mobile>.column.is-8{flex:none;width:66.6666666667%}.columns.is-mobile>.column.is-offset-8{margin-left:66.6666666667%}.columns.is-mobile>.column.is-9{flex:none;width:75%}.columns.is-mobile>.column.is-offset-9{margin-left:75%}.columns.is-mobile>.column.is-10{flex:none;width:83.3333333333%}.columns.is-mobile>.column.is-offset-10{margin-left:83.3333333333%}.columns.is-mobile>.column.is-11{flex:none;width:91.6666666667%}.columns.is-mobile>.column.is-offset-11{margin-left:91.6666666667%}.columns.is-mobile>.column.is-12{flex:none;width:100%}.columns.is-mobile>.column.is-offset-12{margin-left:100%}@media screen and (max-width: 767px){.column.is-narrow-mobile{flex:none}.column.is-full-mobile{flex:none;width:100%}.column.is-three-quarters-mobile{flex:none;width:75%}.column.is-two-thirds-mobile{flex:none;width:66.6666%}.column.is-half-mobile{flex:none;width:50%}.column.is-one-third-mobile{flex:none;width:33.3333%}.column.is-one-quarter-mobile{flex:none;width:25%}.column.is-one-fifth-mobile{flex:none;width:20%}.column.is-two-fifths-mobile{flex:none;width:40%}.column.is-three-fifths-mobile{flex:none;width:60%}.column.is-four-fifths-mobile{flex:none;width:80%}.column.is-offset-three-quarters-mobile{margin-left:75%}.column.is-offset-two-thirds-mobile{margin-left:66.6666%}.column.is-offset-half-mobile{margin-left:50%}.column.is-offset-one-third-mobile{margin-left:33.3333%}.column.is-offset-one-quarter-mobile{margin-left:25%}.column.is-offset-one-fifth-mobile{margin-left:20%}.column.is-offset-two-fifths-mobile{margin-left:40%}.column.is-offset-three-fifths-mobile{margin-left:60%}.column.is-offset-four-fifths-mobile{margin-left:80%}.column.is-1-mobile{flex:none;width:8.3333333333%}.column.is-offset-1-mobile{margin-left:8.3333333333%}.column.is-2-mobile{flex:none;width:16.6666666667%}.column.is-offset-2-mobile{margin-left:16.6666666667%}.column.is-3-mobile{flex:none;width:25%}.column.is-offset-3-mobile{margin-left:25%}.column.is-4-mobile{flex:none;width:33.3333333333%}.column.is-offset-4-mobile{margin-left:33.3333333333%}.column.is-5-mobile{flex:none;width:41.6666666667%}.column.is-offset-5-mobile{margin-left:41.6666666667%}.column.is-6-mobile{flex:none;width:50%}.column.is-offset-6-mobile{margin-left:50%}.column.is-7-mobile{flex:none;width:58.3333333333%}.column.is-offset-7-mobile{margin-left:58.3333333333%}.column.is-8-mobile{flex:none;width:66.6666666667%}.column.is-offset-8-mobile{margin-left:66.6666666667%}.column.is-9-mobile{flex:none;width:75%}.column.is-offset-9-mobile{margin-left:75%}.column.is-10-mobile{flex:none;width:83.3333333333%}.column.is-offset-10-mobile{margin-left:83.3333333333%}.column.is-11-mobile{flex:none;width:91.6666666667%}.column.is-offset-11-mobile{margin-left:91.6666666667%}.column.is-12-mobile{flex:none;width:100%}.column.is-offset-12-mobile{margin-left:100%}}@media screen and (min-width: 768px),print{.column.is-narrow,.column.is-narrow-tablet{flex:none}.column.is-full,.column.is-full-tablet{flex:none;width:100%}.column.is-three-quarters,.column.is-three-quarters-tablet{flex:none;width:75%}.column.is-two-thirds,.column.is-two-thirds-tablet{flex:none;width:66.6666%}.column.is-half,.column.is-half-tablet{flex:none;width:50%}.column.is-one-third,.column.is-one-third-tablet{flex:none;width:33.3333%}.column.is-one-quarter,.column.is-one-quarter-tablet{flex:none;width:25%}.column.is-one-fifth,.column.is-one-fifth-tablet{flex:none;width:20%}.column.is-two-fifths,.column.is-two-fifths-tablet{flex:none;width:40%}.column.is-three-fifths,.column.is-three-fifths-tablet{flex:none;width:60%}.column.is-four-fifths,.column.is-four-fifths-tablet{flex:none;width:80%}.column.is-offset-three-quarters,.column.is-offset-three-quarters-tablet{margin-left:75%}.column.is-offset-two-thirds,.column.is-offset-two-thirds-tablet{margin-left:66.6666%}.column.is-offset-half,.column.is-offset-half-tablet{margin-left:50%}.column.is-offset-one-third,.column.is-offset-one-third-tablet{margin-left:33.3333%}.column.is-offset-one-quarter,.column.is-offset-one-quarter-tablet{margin-left:25%}.column.is-offset-one-fifth,.column.is-offset-one-fifth-tablet{margin-left:20%}.column.is-offset-two-fifths,.column.is-offset-two-fifths-tablet{margin-left:40%}.column.is-offset-three-fifths,.column.is-offset-three-fifths-tablet{margin-left:60%}.column.is-offset-four-fifths,.column.is-offset-four-fifths-tablet{margin-left:80%}.column.is-1,.column.is-1-tablet{flex:none;width:8.3333333333%}.column.is-offset-1,.column.is-offset-1-tablet{margin-left:8.3333333333%}.column.is-2,.column.is-2-tablet{flex:none;width:16.6666666667%}.column.is-offset-2,.column.is-offset-2-tablet{margin-left:16.6666666667%}.column.is-3,.column.is-3-tablet{flex:none;width:25%}.column.is-offset-3,.column.is-offset-3-tablet{margin-left:25%}.column.is-4,.column.is-4-tablet{flex:none;width:33.3333333333%}.column.is-offset-4,.column.is-offset-4-tablet{margin-left:33.3333333333%}.column.is-5,.column.is-5-tablet{flex:none;width:41.6666666667%}.column.is-offset-5,.column.is-offset-5-tablet{margin-left:41.6666666667%}.column.is-6,.column.is-6-tablet{flex:none;width:50%}.column.is-offset-6,.column.is-offset-6-tablet{margin-left:50%}.column.is-7,.column.is-7-tablet{flex:none;width:58.3333333333%}.column.is-offset-7,.column.is-offset-7-tablet{margin-left:58.3333333333%}.column.is-8,.column.is-8-tablet{flex:none;width:66.6666666667%}.column.is-offset-8,.column.is-offset-8-tablet{margin-left:66.6666666667%}.column.is-9,.column.is-9-tablet{flex:none;width:75%}.column.is-offset-9,.column.is-offset-9-tablet{margin-left:75%}.column.is-10,.column.is-10-tablet{flex:none;width:83.3333333333%}.column.is-offset-10,.column.is-offset-10-tablet{margin-left:83.3333333333%}.column.is-11,.column.is-11-tablet{flex:none;width:91.6666666667%}.column.is-offset-11,.column.is-offset-11-tablet{margin-left:91.6666666667%}.column.is-12,.column.is-12-tablet{flex:none;width:100%}.column.is-offset-12,.column.is-offset-12-tablet{margin-left:100%}}@media screen and (max-width: 1023px){.column.is-narrow-touch{flex:none}.column.is-full-touch{flex:none;width:100%}.column.is-three-quarters-touch{flex:none;width:75%}.column.is-two-thirds-touch{flex:none;width:66.6666%}.column.is-half-touch{flex:none;width:50%}.column.is-one-third-touch{flex:none;width:33.3333%}.column.is-one-quarter-touch{flex:none;width:25%}.column.is-one-fifth-touch{flex:none;width:20%}.column.is-two-fifths-touch{flex:none;width:40%}.column.is-three-fifths-touch{flex:none;width:60%}.column.is-four-fifths-touch{flex:none;width:80%}.column.is-offset-three-quarters-touch{margin-left:75%}.column.is-offset-two-thirds-touch{margin-left:66.6666%}.column.is-offset-half-touch{margin-left:50%}.column.is-offset-one-third-touch{margin-left:33.3333%}.column.is-offset-one-quarter-touch{margin-left:25%}.column.is-offset-one-fifth-touch{margin-left:20%}.column.is-offset-two-fifths-touch{margin-left:40%}.column.is-offset-three-fifths-touch{margin-left:60%}.column.is-offset-four-fifths-touch{margin-left:80%}.column.is-1-touch{flex:none;width:8.3333333333%}.column.is-offset-1-touch{margin-left:8.3333333333%}.column.is-2-touch{flex:none;width:16.6666666667%}.column.is-offset-2-touch{margin-left:16.6666666667%}.column.is-3-touch{flex:none;width:25%}.column.is-offset-3-touch{margin-left:25%}.column.is-4-touch{flex:none;width:33.3333333333%}.column.is-offset-4-touch{margin-left:33.3333333333%}.column.is-5-touch{flex:none;width:41.6666666667%}.column.is-offset-5-touch{margin-left:41.6666666667%}.column.is-6-touch{flex:none;width:50%}.column.is-offset-6-touch{margin-left:50%}.column.is-7-touch{flex:none;width:58.3333333333%}.column.is-offset-7-touch{margin-left:58.3333333333%}.column.is-8-touch{flex:none;width:66.6666666667%}.column.is-offset-8-touch{margin-left:66.6666666667%}.column.is-9-touch{flex:none;width:75%}.column.is-offset-9-touch{margin-left:75%}.column.is-10-touch{flex:none;width:83.3333333333%}.column.is-offset-10-touch{margin-left:83.3333333333%}.column.is-11-touch{flex:none;width:91.6666666667%}.column.is-offset-11-touch{margin-left:91.6666666667%}.column.is-12-touch{flex:none;width:100%}.column.is-offset-12-touch{margin-left:100%}}@media screen and (min-width: 1024px){.column.is-narrow-desktop{flex:none}.column.is-full-desktop{flex:none;width:100%}.column.is-three-quarters-desktop{flex:none;width:75%}.column.is-two-thirds-desktop{flex:none;width:66.6666%}.column.is-half-desktop{flex:none;width:50%}.column.is-one-third-desktop{flex:none;width:33.3333%}.column.is-one-quarter-desktop{flex:none;width:25%}.column.is-one-fifth-desktop{flex:none;width:20%}.column.is-two-fifths-desktop{flex:none;width:40%}.column.is-three-fifths-desktop{flex:none;width:60%}.column.is-four-fifths-desktop{flex:none;width:80%}.column.is-offset-three-quarters-desktop{margin-left:75%}.column.is-offset-two-thirds-desktop{margin-left:66.6666%}.column.is-offset-half-desktop{margin-left:50%}.column.is-offset-one-third-desktop{margin-left:33.3333%}.column.is-offset-one-quarter-desktop{margin-left:25%}.column.is-offset-one-fifth-desktop{margin-left:20%}.column.is-offset-two-fifths-desktop{margin-left:40%}.column.is-offset-three-fifths-desktop{margin-left:60%}.column.is-offset-four-fifths-desktop{margin-left:80%}.column.is-1-desktop{flex:none;width:8.3333333333%}.column.is-offset-1-desktop{margin-left:8.3333333333%}.column.is-2-desktop{flex:none;width:16.6666666667%}.column.is-offset-2-desktop{margin-left:16.6666666667%}.column.is-3-desktop{flex:none;width:25%}.column.is-offset-3-desktop{margin-left:25%}.column.is-4-desktop{flex:none;width:33.3333333333%}.column.is-offset-4-desktop{margin-left:33.3333333333%}.column.is-5-desktop{flex:none;width:41.6666666667%}.column.is-offset-5-desktop{margin-left:41.6666666667%}.column.is-6-desktop{flex:none;width:50%}.column.is-offset-6-desktop{margin-left:50%}.column.is-7-desktop{flex:none;width:58.3333333333%}.column.is-offset-7-desktop{margin-left:58.3333333333%}.column.is-8-desktop{flex:none;width:66.6666666667%}.column.is-offset-8-desktop{margin-left:66.6666666667%}.column.is-9-desktop{flex:none;width:75%}.column.is-offset-9-desktop{margin-left:75%}.column.is-10-desktop{flex:none;width:83.3333333333%}.column.is-offset-10-desktop{margin-left:83.3333333333%}.column.is-11-desktop{flex:none;width:91.6666666667%}.column.is-offset-11-desktop{margin-left:91.6666666667%}.column.is-12-desktop{flex:none;width:100%}.column.is-offset-12-desktop{margin-left:100%}}@media screen and (min-width: 1240px){.column.is-narrow-widescreen{flex:none}.column.is-full-widescreen{flex:none;width:100%}.column.is-three-quarters-widescreen{flex:none;width:75%}.column.is-two-thirds-widescreen{flex:none;width:66.6666%}.column.is-half-widescreen{flex:none;width:50%}.column.is-one-third-widescreen{flex:none;width:33.3333%}.column.is-one-quarter-widescreen{flex:none;width:25%}.column.is-one-fifth-widescreen{flex:none;width:20%}.column.is-two-fifths-widescreen{flex:none;width:40%}.column.is-three-fifths-widescreen{flex:none;width:60%}.column.is-four-fifths-widescreen{flex:none;width:80%}.column.is-offset-three-quarters-widescreen{margin-left:75%}.column.is-offset-two-thirds-widescreen{margin-left:66.6666%}.column.is-offset-half-widescreen{margin-left:50%}.column.is-offset-one-third-widescreen{margin-left:33.3333%}.column.is-offset-one-quarter-widescreen{margin-left:25%}.column.is-offset-one-fifth-widescreen{margin-left:20%}.column.is-offset-two-fifths-widescreen{margin-left:40%}.column.is-offset-three-fifths-widescreen{margin-left:60%}.column.is-offset-four-fifths-widescreen{margin-left:80%}.column.is-1-widescreen{flex:none;width:8.3333333333%}.column.is-offset-1-widescreen{margin-left:8.3333333333%}.column.is-2-widescreen{flex:none;width:16.6666666667%}.column.is-offset-2-widescreen{margin-left:16.6666666667%}.column.is-3-widescreen{flex:none;width:25%}.column.is-offset-3-widescreen{margin-left:25%}.column.is-4-widescreen{flex:none;width:33.3333333333%}.column.is-offset-4-widescreen{margin-left:33.3333333333%}.column.is-5-widescreen{flex:none;width:41.6666666667%}.column.is-offset-5-widescreen{margin-left:41.6666666667%}.column.is-6-widescreen{flex:none;width:50%}.column.is-offset-6-widescreen{margin-left:50%}.column.is-7-widescreen{flex:none;width:58.3333333333%}.column.is-offset-7-widescreen{margin-left:58.3333333333%}.column.is-8-widescreen{flex:none;width:66.6666666667%}.column.is-offset-8-widescreen{margin-left:66.6666666667%}.column.is-9-widescreen{flex:none;width:75%}.column.is-offset-9-widescreen{margin-left:75%}.column.is-10-widescreen{flex:none;width:83.3333333333%}.column.is-offset-10-widescreen{margin-left:83.3333333333%}.column.is-11-widescreen{flex:none;width:91.6666666667%}.column.is-offset-11-widescreen{margin-left:91.6666666667%}.column.is-12-widescreen{flex:none;width:100%}.column.is-offset-12-widescreen{margin-left:100%}}@media screen and (min-width: 1388px){.column.is-narrow-fullhd{flex:none}.column.is-full-fullhd{flex:none;width:100%}.column.is-three-quarters-fullhd{flex:none;width:75%}.column.is-two-thirds-fullhd{flex:none;width:66.6666%}.column.is-half-fullhd{flex:none;width:50%}.column.is-one-third-fullhd{flex:none;width:33.3333%}.column.is-one-quarter-fullhd{flex:none;width:25%}.column.is-one-fifth-fullhd{flex:none;width:20%}.column.is-two-fifths-fullhd{flex:none;width:40%}.column.is-three-fifths-fullhd{flex:none;width:60%}.column.is-four-fifths-fullhd{flex:none;width:80%}.column.is-offset-three-quarters-fullhd{margin-left:75%}.column.is-offset-two-thirds-fullhd{margin-left:66.6666%}.column.is-offset-half-fullhd{margin-left:50%}.column.is-offset-one-third-fullhd{margin-left:33.3333%}.column.is-offset-one-quarter-fullhd{margin-left:25%}.column.is-offset-one-fifth-fullhd{margin-left:20%}.column.is-offset-two-fifths-fullhd{margin-left:40%}.column.is-offset-three-fifths-fullhd{margin-left:60%}.column.is-offset-four-fifths-fullhd{margin-left:80%}.column.is-1-fullhd{flex:none;width:8.3333333333%}.column.is-offset-1-fullhd{margin-left:8.3333333333%}.column.is-2-fullhd{flex:none;width:16.6666666667%}.column.is-offset-2-fullhd{margin-left:16.6666666667%}.column.is-3-fullhd{flex:none;width:25%}.column.is-offset-3-fullhd{margin-left:25%}.column.is-4-fullhd{flex:none;width:33.3333333333%}.column.is-offset-4-fullhd{margin-left:33.3333333333%}.column.is-5-fullhd{flex:none;width:41.6666666667%}.column.is-offset-5-fullhd{margin-left:41.6666666667%}.column.is-6-fullhd{flex:none;width:50%}.column.is-offset-6-fullhd{margin-left:50%}.column.is-7-fullhd{flex:none;width:58.3333333333%}.column.is-offset-7-fullhd{margin-left:58.3333333333%}.column.is-8-fullhd{flex:none;width:66.6666666667%}.column.is-offset-8-fullhd{margin-left:66.6666666667%}.column.is-9-fullhd{flex:none;width:75%}.column.is-offset-9-fullhd{margin-left:75%}.column.is-10-fullhd{flex:none;width:83.3333333333%}.column.is-offset-10-fullhd{margin-left:83.3333333333%}.column.is-11-fullhd{flex:none;width:91.6666666667%}.column.is-offset-11-fullhd{margin-left:91.6666666667%}.column.is-12-fullhd{flex:none;width:100%}.column.is-offset-12-fullhd{margin-left:100%}}.columns{margin-left:-12px;margin-right:-12px;margin-top:-12px}.columns.is-inlined{position:relative;width:100%;padding-bottom:8px;flex-wrap:nowrap;overflow-x:auto;display:flex!important;scroll-behavior:smooth;scroll-snap-type:x mandatory}.columns.is-inlined>.column{scroll-snap-align:start}.columns.is-inlined::-webkit-scrollbar{height:8px}.columns.is-inlined::-webkit-scrollbar-track{background-color:var(--color-fade-main);border-radius:var(--radius);margin:0 8px}.columns.is-inlined::-webkit-scrollbar-thumb{background:var(--color-main);border-radius:var(--radius)}.columns:last-child{margin-bottom:-12px}.columns:not(:last-child){margin-bottom:3px}@media screen and (max-width: 767px){.columns{margin-left:-8px;margin-right:-8px;margin-top:-8px}.columns:last-child{margin-bottom:-8px}.columns:not(:last-child){margin-bottom:7px}}.columns.is-centered{justify-content:center}.columns.is-gapless{margin-left:0;margin-right:0;margin-top:0}.columns.is-gapless>.column{margin:0;padding:0!important}.columns.is-gapless:not(:last-child){margin-bottom:15px}.columns.is-gapless:last-child{margin-bottom:0}.columns.is-mobile{display:flex}.columns.is-multiline{flex-wrap:wrap}.columns.is-vcentered{align-items:center}.columns.is-fullheight{height:calc(100% + 24px)}@media screen and (max-width: 767px){.columns.is-inverted-mobile{flex-direction:column-reverse;display:flex;align-items:stretch}}@media screen and (min-width: 768px),print{.columns:not(.is-desktop){display:flex}}@media screen and (min-width: 1024px){.columns.is-desktop{display:flex}}.columns.is-variable{--columnGap: 7.5px;margin-left:calc(-1 * var(--columnGap));margin-right:calc(-1 * var(--columnGap))}.columns.is-variable>.column{padding-left:var(--columnGap);padding-right:var(--columnGap)}.columns.is-variable.is-0{--columnGap: 0px}@media screen and (max-width: 767px){.columns.is-variable.is-0-mobile{--columnGap: 0px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-0-tablet{--columnGap: 0px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-0-tablet-only{--columnGap: 0px}}@media screen and (max-width: 1023px){.columns.is-variable.is-0-touch{--columnGap: 0px}}@media screen and (min-width: 1024px){.columns.is-variable.is-0-desktop{--columnGap: 0px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-0-desktop-only{--columnGap: 0px}}@media screen and (min-width: 1240px){.columns.is-variable.is-0-widescreen{--columnGap: 0px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-0-widescreen-only{--columnGap: 0px}}@media screen and (min-width: 1388px){.columns.is-variable.is-0-fullhd{--columnGap: 0px}}.columns.is-variable.is-1{--columnGap: 2.5px}@media screen and (max-width: 767px){.columns.is-variable.is-1-mobile{--columnGap: 2.5px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-1-tablet{--columnGap: 2.5px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-1-tablet-only{--columnGap: 2.5px}}@media screen and (max-width: 1023px){.columns.is-variable.is-1-touch{--columnGap: 2.5px}}@media screen and (min-width: 1024px){.columns.is-variable.is-1-desktop{--columnGap: 2.5px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-1-desktop-only{--columnGap: 2.5px}}@media screen and (min-width: 1240px){.columns.is-variable.is-1-widescreen{--columnGap: 2.5px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-1-widescreen-only{--columnGap: 2.5px}}@media screen and (min-width: 1388px){.columns.is-variable.is-1-fullhd{--columnGap: 2.5px}}.columns.is-variable.is-2{--columnGap: 5px}@media screen and (max-width: 767px){.columns.is-variable.is-2-mobile{--columnGap: 5px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-2-tablet{--columnGap: 5px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-2-tablet-only{--columnGap: 5px}}@media screen and (max-width: 1023px){.columns.is-variable.is-2-touch{--columnGap: 5px}}@media screen and (min-width: 1024px){.columns.is-variable.is-2-desktop{--columnGap: 5px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-2-desktop-only{--columnGap: 5px}}@media screen and (min-width: 1240px){.columns.is-variable.is-2-widescreen{--columnGap: 5px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-2-widescreen-only{--columnGap: 5px}}@media screen and (min-width: 1388px){.columns.is-variable.is-2-fullhd{--columnGap: 5px}}.columns.is-variable.is-3{--columnGap: 7.5px}@media screen and (max-width: 767px){.columns.is-variable.is-3-mobile{--columnGap: 7.5px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-3-tablet{--columnGap: 7.5px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-3-tablet-only{--columnGap: 7.5px}}@media screen and (max-width: 1023px){.columns.is-variable.is-3-touch{--columnGap: 7.5px}}@media screen and (min-width: 1024px){.columns.is-variable.is-3-desktop{--columnGap: 7.5px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-3-desktop-only{--columnGap: 7.5px}}@media screen and (min-width: 1240px){.columns.is-variable.is-3-widescreen{--columnGap: 7.5px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-3-widescreen-only{--columnGap: 7.5px}}@media screen and (min-width: 1388px){.columns.is-variable.is-3-fullhd{--columnGap: 7.5px}}.columns.is-variable.is-4{--columnGap: 10px}@media screen and (max-width: 767px){.columns.is-variable.is-4-mobile{--columnGap: 10px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-4-tablet{--columnGap: 10px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-4-tablet-only{--columnGap: 10px}}@media screen and (max-width: 1023px){.columns.is-variable.is-4-touch{--columnGap: 10px}}@media screen and (min-width: 1024px){.columns.is-variable.is-4-desktop{--columnGap: 10px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-4-desktop-only{--columnGap: 10px}}@media screen and (min-width: 1240px){.columns.is-variable.is-4-widescreen{--columnGap: 10px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-4-widescreen-only{--columnGap: 10px}}@media screen and (min-width: 1388px){.columns.is-variable.is-4-fullhd{--columnGap: 10px}}.columns.is-variable.is-5{--columnGap: 12.5px}@media screen and (max-width: 767px){.columns.is-variable.is-5-mobile{--columnGap: 12.5px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-5-tablet{--columnGap: 12.5px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-5-tablet-only{--columnGap: 12.5px}}@media screen and (max-width: 1023px){.columns.is-variable.is-5-touch{--columnGap: 12.5px}}@media screen and (min-width: 1024px){.columns.is-variable.is-5-desktop{--columnGap: 12.5px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-5-desktop-only{--columnGap: 12.5px}}@media screen and (min-width: 1240px){.columns.is-variable.is-5-widescreen{--columnGap: 12.5px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-5-widescreen-only{--columnGap: 12.5px}}@media screen and (min-width: 1388px){.columns.is-variable.is-5-fullhd{--columnGap: 12.5px}}.columns.is-variable.is-6{--columnGap: 15px}@media screen and (max-width: 767px){.columns.is-variable.is-6-mobile{--columnGap: 15px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-6-tablet{--columnGap: 15px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-6-tablet-only{--columnGap: 15px}}@media screen and (max-width: 1023px){.columns.is-variable.is-6-touch{--columnGap: 15px}}@media screen and (min-width: 1024px){.columns.is-variable.is-6-desktop{--columnGap: 15px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-6-desktop-only{--columnGap: 15px}}@media screen and (min-width: 1240px){.columns.is-variable.is-6-widescreen{--columnGap: 15px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-6-widescreen-only{--columnGap: 15px}}@media screen and (min-width: 1388px){.columns.is-variable.is-6-fullhd{--columnGap: 15px}}.columns.is-variable.is-7{--columnGap: 17.5px}@media screen and (max-width: 767px){.columns.is-variable.is-7-mobile{--columnGap: 17.5px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-7-tablet{--columnGap: 17.5px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-7-tablet-only{--columnGap: 17.5px}}@media screen and (max-width: 1023px){.columns.is-variable.is-7-touch{--columnGap: 17.5px}}@media screen and (min-width: 1024px){.columns.is-variable.is-7-desktop{--columnGap: 17.5px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-7-desktop-only{--columnGap: 17.5px}}@media screen and (min-width: 1240px){.columns.is-variable.is-7-widescreen{--columnGap: 17.5px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-7-widescreen-only{--columnGap: 17.5px}}@media screen and (min-width: 1388px){.columns.is-variable.is-7-fullhd{--columnGap: 17.5px}}.columns.is-variable.is-8{--columnGap: 20px}@media screen and (max-width: 767px){.columns.is-variable.is-8-mobile{--columnGap: 20px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-8-tablet{--columnGap: 20px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-8-tablet-only{--columnGap: 20px}}@media screen and (max-width: 1023px){.columns.is-variable.is-8-touch{--columnGap: 20px}}@media screen and (min-width: 1024px){.columns.is-variable.is-8-desktop{--columnGap: 20px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-8-desktop-only{--columnGap: 20px}}@media screen and (min-width: 1240px){.columns.is-variable.is-8-widescreen{--columnGap: 20px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-8-widescreen-only{--columnGap: 20px}}@media screen and (min-width: 1388px){.columns.is-variable.is-8-fullhd{--columnGap: 20px}}.columns.is-variable.is-9{--columnGap: 22.5px}@media screen and (max-width: 767px){.columns.is-variable.is-9-mobile{--columnGap: 22.5px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-9-tablet{--columnGap: 22.5px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-9-tablet-only{--columnGap: 22.5px}}@media screen and (max-width: 1023px){.columns.is-variable.is-9-touch{--columnGap: 22.5px}}@media screen and (min-width: 1024px){.columns.is-variable.is-9-desktop{--columnGap: 22.5px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-9-desktop-only{--columnGap: 22.5px}}@media screen and (min-width: 1240px){.columns.is-variable.is-9-widescreen{--columnGap: 22.5px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-9-widescreen-only{--columnGap: 22.5px}}@media screen and (min-width: 1388px){.columns.is-variable.is-9-fullhd{--columnGap: 22.5px}}.columns.is-variable.is-10{--columnGap: 25px}@media screen and (max-width: 767px){.columns.is-variable.is-10-mobile{--columnGap: 25px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-10-tablet{--columnGap: 25px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-10-tablet-only{--columnGap: 25px}}@media screen and (max-width: 1023px){.columns.is-variable.is-10-touch{--columnGap: 25px}}@media screen and (min-width: 1024px){.columns.is-variable.is-10-desktop{--columnGap: 25px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-10-desktop-only{--columnGap: 25px}}@media screen and (min-width: 1240px){.columns.is-variable.is-10-widescreen{--columnGap: 25px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-10-widescreen-only{--columnGap: 25px}}@media screen and (min-width: 1388px){.columns.is-variable.is-10-fullhd{--columnGap: 25px}}.columns.is-variable.is-11{--columnGap: 27.5px}@media screen and (max-width: 767px){.columns.is-variable.is-11-mobile{--columnGap: 27.5px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-11-tablet{--columnGap: 27.5px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-11-tablet-only{--columnGap: 27.5px}}@media screen and (max-width: 1023px){.columns.is-variable.is-11-touch{--columnGap: 27.5px}}@media screen and (min-width: 1024px){.columns.is-variable.is-11-desktop{--columnGap: 27.5px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-11-desktop-only{--columnGap: 27.5px}}@media screen and (min-width: 1240px){.columns.is-variable.is-11-widescreen{--columnGap: 27.5px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-11-widescreen-only{--columnGap: 27.5px}}@media screen and (min-width: 1388px){.columns.is-variable.is-11-fullhd{--columnGap: 27.5px}}.columns.is-variable.is-12{--columnGap: 30px}@media screen and (max-width: 767px){.columns.is-variable.is-12-mobile{--columnGap: 30px}}@media screen and (min-width: 768px),print{.columns.is-variable.is-12-tablet{--columnGap: 30px}}@media screen and (min-width: 768px) and (max-width: 1023px){.columns.is-variable.is-12-tablet-only{--columnGap: 30px}}@media screen and (max-width: 1023px){.columns.is-variable.is-12-touch{--columnGap: 30px}}@media screen and (min-width: 1024px){.columns.is-variable.is-12-desktop{--columnGap: 30px}}@media screen and (min-width: 1024px) and (max-width: 1239px){.columns.is-variable.is-12-desktop-only{--columnGap: 30px}}@media screen and (min-width: 1240px){.columns.is-variable.is-12-widescreen{--columnGap: 30px}}@media screen and (min-width: 1240px) and (max-width: 1387px){.columns.is-variable.is-12-widescreen-only{--columnGap: 30px}}@media screen and (min-width: 1388px){.columns.is-variable.is-12-fullhd{--columnGap: 30px}}.rows{display:flex;flex-direction:column;margin:-12px;flex:1 1 auto;justify-self:stretch;height:calc(100% + 24px)}@media screen and (max-width: 767px){.rows{margin:-8px;height:calc(100% + 16px)}}.rows.is-aligned-end{justify-content:flex-end}.rows.is-gapless .row:not(:first-child){padding-top:0}.rows.is-gapless .row:not(:last-child){padding-bottom:0}.rows .is-divider{margin-top:0;margin-bottom:0}.rows .row{display:block;flex-grow:1;flex-shrink:1;padding:12px}@media screen and (max-width: 767px){.rows .row{padding:8px}}.rows .row.is-narrow{flex-grow:0}.tile{align-items:stretch;display:block;flex-basis:0;flex-grow:1;flex-shrink:1;min-height:min-content}.tile.is-ancestor{margin-left:-7.5px;margin-right:-7.5px;margin-top:-7.5px}.tile.is-ancestor:last-child{margin-bottom:-7.5px}.tile.is-ancestor:not(:last-child){margin-bottom:7.5px}.tile.is-child{margin:0!important}.tile.is-parent{padding:7.5px}.tile.is-parent.is-multiline>.tile.is-child>*:last-child{margin-bottom:20px}.tile.is-vertical{flex-direction:column}.tile.is-vertical>.tile.is-child:not(:last-child){margin-bottom:15px!important}.tile:not(.is-child){display:flex}@media screen and (max-width: 767px){.tile.is-1-mobile{flex:none;width:8.3333333333%}.tile.is-2-mobile{flex:none;width:16.6666666667%}.tile.is-3-mobile{flex:none;width:25%}.tile.is-4-mobile{flex:none;width:33.3333333333%}.tile.is-5-mobile{flex:none;width:41.6666666667%}.tile.is-6-mobile{flex:none;width:50%}.tile.is-7-mobile{flex:none;width:58.3333333333%}.tile.is-8-mobile{flex:none;width:66.6666666667%}.tile.is-9-mobile{flex:none;width:75%}.tile.is-10-mobile{flex:none;width:83.3333333333%}.tile.is-11-mobile{flex:none;width:91.6666666667%}.tile.is-12-mobile{flex:none;width:100%}.tile.is-vertical-mobile{flex-direction:column}}@media screen and (min-width: 768px),print{.tile:not(.is-child){display:flex}.tile.is-1{flex:none;width:8.3333333333%}.tile.is-2{flex:none;width:16.6666666667%}.tile.is-3{flex:none;width:25%}.tile.is-4{flex:none;width:33.3333333333%}.tile.is-5{flex:none;width:41.6666666667%}.tile.is-6{flex:none;width:50%}.tile.is-7{flex:none;width:58.3333333333%}.tile.is-8{flex:none;width:66.6666666667%}.tile.is-9{flex:none;width:75%}.tile.is-10{flex:none;width:83.3333333333%}.tile.is-11{flex:none;width:91.6666666667%}.tile.is-12{flex:none;width:100%}}body>header,body>footer,.main-content{display:block;width:100%;margin:0 auto;flex-shrink:0;position:relative}@media screen and (min-width: 1388px){body>header.is-fullwidth,.field body>header.select,body>footer.is-fullwidth,.field body>footer.select,.main-content.is-fullwidth,.field .main-content.select{max-width:100%}}.main-content{flex-grow:1;max-width:1500px}.main-content:before{content:" ";background-color:transparent;transition:background-color .25s ease-in-out}.main-content.has-overlay:before{position:absolute;top:0;bottom:0;left:0;right:0;position:fixed;background-color:#000000db;z-index:10}.section{padding:32px 24px}@media screen and (min-width: 1024px){.section{padding:48px 24px}}.section.has-overlap>.container{margin-top:-48px}@media screen and (min-width: 1024px){.section.has-overlap>.container{margin-top:-64px}}.section.is-info{background-color:var(--color-info);color:var(--color-white)}.section.has-overlay{position:relative;z-index:0;color:var(--color-white)}.section.has-overlay:before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:-1;background-color:#0009}.section.has-pattern-light{background-size:70%;background-position:180px -30px}.section.has-pattern-dark{background:linear-gradient(#1b3650,var(--color-accent));background-size:auto,120%,auto;background-position:top left,260px -30%,top left}.hero{align-items:stretch;background-color:var(--color-white);display:flex;flex-direction:column;justify-content:space-between;position:relative}.hero .hero-body{flex-grow:1;flex-shrink:0;position:relative;display:flex;flex-wrap:wrap;align-items:center;padding:20px}@media screen and (min-width: 1024px){.hero .hero-body{padding:30px 20px}}.hero .hero-body>.container{flex:1;flex-basis:100%}.hero .hero-body .title{font-size:24px}@media screen and (min-width: 1024px){.hero .hero-body .title{font-size:36px}}.hero.is-overlapped .hero-body{padding-bottom:50px}@media screen and (max-width: 767px){.hero.is-overlapped+.section{margin-left:-20px;margin-right:-20px}.hero.is-overlapped+.section .box{box-shadow:none;border-radius:24px 24px 0 0;overflow:hidden}}.hero.is-overlapped+.section>.container{margin-top:-50px}@media screen and (min-width: 1024px){.hero.is-overlapped+.section>.container{margin-top:-60px}}.hero.is-overlapped+.section.is-small>.container{margin-top:-50px}@media screen and (min-width: 1024px){.hero.is-overlapped+.section.is-small>.container{margin-top:-60px}}.hero.is-overlapped+.section.is-medium>.container{margin-top:-70px}@media screen and (min-width: 1024px){.hero.is-overlapped+.section.is-medium>.container{margin-top:-90px}}.hero.is-overlapped+.section.is-large>.container{margin-top:-90px}@media screen and (min-width: 1024px){.hero.is-overlapped+.section.is-large>.container{margin-top:-120px}}.hero.has-background{background-repeat:no-repeat;background-size:cover}.hero.has-background .hero-body{text-align:center;padding:100px 20px}@media screen and (min-width: 1024px){.hero.has-background .hero-body{text-align:left;padding-top:80px;padding-bottom:80px}}.hero.has-background .hero-body .suptitle{display:none}@media screen and (min-width: 1024px){.hero.has-background .hero-body .suptitle{display:block;margin-bottom:30px;font-size:19px;text-transform:uppercase}}.hero.has-background .hero-body .title{font-size:32px;margin-bottom:25px}@media screen and (min-width: 1024px){.hero.has-background .hero-body .title{font-size:52px}}.hero.has-background .hero-body .button{width:auto}.hero.has-background.is-overlapped .hero-body{padding:30px 20px 60px}@media screen and (min-width: 1024px){.hero.has-background.is-overlapped .hero-body{padding:60px 20px}}.hero.is-centered{text-align:center}.icon .tri-alert{-webkit-mask-image:url(/templates/assets/alert-3f238e60.svg);mask-image:url(/templates/assets/alert-3f238e60.svg)}.icon .tri-arrow-down{-webkit-mask-image:url(/templates/assets/arrow-down-ccef4031.svg);mask-image:url(/templates/assets/arrow-down-ccef4031.svg)}.icon .tri-arrow-left{-webkit-mask-image:url(/templates/assets/arrow-left-a1e1478c.svg);mask-image:url(/templates/assets/arrow-left-a1e1478c.svg)}.icon .tri-arrow-right{-webkit-mask-image:url(/templates/assets/arrow-right-516c77b6.svg);mask-image:url(/templates/assets/arrow-right-516c77b6.svg)}.icon .tri-arrow-up{-webkit-mask-image:url(/templates/assets/arrow-up-97ff6997.svg);mask-image:url(/templates/assets/arrow-up-97ff6997.svg)}.icon .tri-bell{-webkit-mask-image:url(/templates/assets/bell-0387e565.svg);mask-image:url(/templates/assets/bell-0387e565.svg)}.icon .tri-check-circle{-webkit-mask-image:url(/templates/assets/check-circle-6c2ca025.svg);mask-image:url(/templates/assets/check-circle-6c2ca025.svg)}.icon .tri-check{-webkit-mask-image:url(/templates/assets/check-97d66412.svg);mask-image:url(/templates/assets/check-97d66412.svg)}.icon .tri-exclamation-circle{-webkit-mask-image:url(/templates/assets/exclamation-circle-40fdd5f4.svg);mask-image:url(/templates/assets/exclamation-circle-40fdd5f4.svg)}.icon .tri-eye-slash{-webkit-mask-image:url(/templates/assets/eye-slash-71b128fa.svg);mask-image:url(/templates/assets/eye-slash-71b128fa.svg)}.icon .tri-eye{-webkit-mask-image:url(/templates/assets/eye-a7c40edb.svg);mask-image:url(/templates/assets/eye-a7c40edb.svg)}.icon .tri-infos-circle{-webkit-mask-image:url(/templates/assets/infos-circle-0e01c7a4.svg);mask-image:url(/templates/assets/infos-circle-0e01c7a4.svg)}.icon .tri-search{-webkit-mask-image:url(/templates/assets/search-ce872a93.svg);mask-image:url(/templates/assets/search-ce872a93.svg)}.icon .tri-times{-webkit-mask-image:url(/templates/assets/times-a0f06f97.svg);mask-image:url(/templates/assets/times-a0f06f97.svg)}.icon .tri-trash{-webkit-mask-image:url(/templates/assets/trash-1bedf5e8.svg);mask-image:url(/templates/assets/trash-1bedf5e8.svg)}
diff --git a/packages/react/components/icon/Icon.example.tsx b/packages/react/components/icon/Icon.example.tsx
index a4964d5d..3beeb0bc 100644
--- a/packages/react/components/icon/Icon.example.tsx
+++ b/packages/react/components/icon/Icon.example.tsx
@@ -1,25 +1,18 @@
 import React from 'react'
 import { Icon } from './index'
+import { Columns, ColumnsItem } from '@/lib'
 
-const IconExample: React.ReactNode =
-  <>
-    <Icon
-      name='tri-search'
-      size='medium'
-      status='SUCCESS'
-    />
-    <Icon
-      name='tri-check'
-      size='medium'
-      status='SUCCESS'
-      statusPosition='top'
-    />
-    <Icon
-      name='tri-bell'
-      size='medium'
-      status='SUCCESS'
-      statusPosition='bottom'
-    />
-  </>
-
+const IconExample: React.ReactNode = (
+  <Columns>
+    <ColumnsItem>
+      <Icon name='tri-search' size='medium' status='SUCCESS' />
+    </ColumnsItem>
+    <ColumnsItem>
+      <Icon name='tri-check' size='medium' status='SUCCESS' statusPosition='top' />
+    </ColumnsItem>
+    <ColumnsItem>
+      <Icon name='tri-bell' size='medium' status='SUCCESS' statusPosition='bottom' />
+    </ColumnsItem>
+  </Columns>
+)
 export default IconExample

From 1bd6b3d78b41c3cb2a3dd82251dff5e3fe142727 Mon Sep 17 00:00:00 2001
From: Eliott <ecormill@bouyguestelecom.fr>
Date: Wed, 23 Oct 2024 09:48:46 +0200
Subject: [PATCH 21/27] fix section

---
 .../components/section/Section.example.tsx    | 40 +++++++++----------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/packages/react/components/section/Section.example.tsx b/packages/react/components/section/Section.example.tsx
index c4a15bf8..07aa0c28 100644
--- a/packages/react/components/section/Section.example.tsx
+++ b/packages/react/components/section/Section.example.tsx
@@ -1,25 +1,25 @@
 import React from 'react'
 import { Section } from './index'
 import { Title } from '@/components/title'
+import { Columns, ColumnsItem } from '@/lib'
 
-const SectionExample: React.ReactNode =
-
-  <>
-    <Section>
-      <Title level='ONE'>
-        Première section
-      </Title>
-    </Section>
-    <Section>
-      <Title level='ONE'>
-        Deuxième section
-      </Title>
-    </Section>
-    <Section>
-      <Title level='ONE'>
-        Troisième section
-      </Title>
-    </Section>
-  </>
-
+const SectionExample: React.ReactNode = (
+  <Columns>
+    <ColumnsItem>
+      <Section>
+        <Title level='ONE'>Première section</Title>
+      </Section>
+    </ColumnsItem>
+    <ColumnsItem>
+      <Section>
+        <Title level='ONE'>Deuxième section</Title>
+      </Section>
+    </ColumnsItem>
+    <ColumnsItem>
+      <Section>
+        <Title level='ONE'>Troisième section</Title>
+      </Section>
+    </ColumnsItem>
+  </Columns>
+)
 export default SectionExample

From c7d628eca6ec9694fb1ed6459bebc2f7dbc47bc1 Mon Sep 17 00:00:00 2001
From: Eliott <ecormill@bouyguestelecom.fr>
Date: Fri, 25 Oct 2024 10:02:23 +0200
Subject: [PATCH 22/27] fix example

---
 .../container/Container.example.tsx           | 15 ++++-----
 .../components/stepper/Stepper.example.tsx    | 33 ++++---------------
 2 files changed, 14 insertions(+), 34 deletions(-)

diff --git a/packages/react/components/container/Container.example.tsx b/packages/react/components/container/Container.example.tsx
index a6253a66..f2d92905 100644
--- a/packages/react/components/container/Container.example.tsx
+++ b/packages/react/components/container/Container.example.tsx
@@ -4,13 +4,12 @@ import { Box } from '@/components/box'
 import { Text } from '@/components/text'
 import { Container } from './index'
 
-const ContainerExample: React.ReactNode =
-<Container>
-  <Box>
-    <Text>
-      Je suis une box dans un container
-    </Text>
-  </Box>
-</Container>
+const ContainerExample: React.ReactNode = (
+  <Container>
+    <Box>
+      <Text>Je suis une box dans un container</Text>
+    </Box>
+  </Container>
+)
 
 export default ContainerExample
diff --git a/packages/react/components/stepper/Stepper.example.tsx b/packages/react/components/stepper/Stepper.example.tsx
index 5d4e3b1e..e2a2183c 100644
--- a/packages/react/components/stepper/Stepper.example.tsx
+++ b/packages/react/components/stepper/Stepper.example.tsx
@@ -1,33 +1,14 @@
 import React from 'react'
 import { Stepper, StepperStep } from './index'
 
-const StepperExample: React.ReactNode =
+const StepperExample: React.ReactNode = (
   <Stepper centered>
-    <StepperStep
-      done
-      label='Récapitulatif'
-      step={1}
-    />
-    <StepperStep
-      done
-      label='Compléments'
-      step={2}
-    />
-    <StepperStep
-      done
-      label='Coordonnées'
-      step={3}
-    />
-    <StepperStep
-      current
-      label='Livraison'
-      step={4}
-    />
-    <StepperStep
-      label='Confirmation'
-      step={5}
-    />
-    Stepp
+    <StepperStep done label='Récapitulatif' step={1} />
+    <StepperStep done label='Compléments' step={2} />
+    <StepperStep current label='Coordonnées' step={3} />
+    <StepperStep label='Livraison' step={4} />
+    <StepperStep label='Confirmation' step={5} />
   </Stepper>
+)
 
 export default StepperExample

From e767ac5fce4925f0776415f97a006d70f9370932 Mon Sep 17 00:00:00 2001
From: Eliott <ecormill@bouyguestelecom.fr>
Date: Fri, 25 Oct 2024 10:07:51 +0200
Subject: [PATCH 23/27] add section example

---
 packages/react/components/stepper/Stepper.example.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/react/components/stepper/Stepper.example.tsx b/packages/react/components/stepper/Stepper.example.tsx
index e2a2183c..19b6a835 100644
--- a/packages/react/components/stepper/Stepper.example.tsx
+++ b/packages/react/components/stepper/Stepper.example.tsx
@@ -12,3 +12,4 @@ const StepperExample: React.ReactNode = (
 )
 
 export default StepperExample
+

From 2ebd134f3366c9f662df0de779671e4d387c1a4e Mon Sep 17 00:00:00 2001
From: Eliott <ecormill@bouyguestelecom.fr>
Date: Fri, 25 Oct 2024 10:12:27 +0200
Subject: [PATCH 24/27] add stepper example

---
 packages/react/components/section/Section.example.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/react/components/section/Section.example.tsx b/packages/react/components/section/Section.example.tsx
index 07aa0c28..6bc78699 100644
--- a/packages/react/components/section/Section.example.tsx
+++ b/packages/react/components/section/Section.example.tsx
@@ -23,3 +23,4 @@ const SectionExample: React.ReactNode = (
   </Columns>
 )
 export default SectionExample
+

From e962840ea6bbd7526721e01378e32086c8852861 Mon Sep 17 00:00:00 2001
From: Eliott <ecormill@bouyguestelecom.fr>
Date: Fri, 25 Oct 2024 10:26:32 +0200
Subject: [PATCH 25/27] fix section and icon examples

---
 packages/react/components/icon/Icon.example.tsx       | 2 +-
 packages/react/components/section/Section.example.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react/components/icon/Icon.example.tsx b/packages/react/components/icon/Icon.example.tsx
index 3beeb0bc..771b6b56 100644
--- a/packages/react/components/icon/Icon.example.tsx
+++ b/packages/react/components/icon/Icon.example.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { Icon } from './index'
-import { Columns, ColumnsItem } from '@/lib'
+import { Columns, ColumnsItem } from '@/components/columns'
 
 const IconExample: React.ReactNode = (
   <Columns>
diff --git a/packages/react/components/section/Section.example.tsx b/packages/react/components/section/Section.example.tsx
index 6bc78699..104ebd00 100644
--- a/packages/react/components/section/Section.example.tsx
+++ b/packages/react/components/section/Section.example.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Section } from './index'
 import { Title } from '@/components/title'
-import { Columns, ColumnsItem } from '@/lib'
+import { Columns, ColumnsItem } from '@/components/columns'
 
 const SectionExample: React.ReactNode = (
   <Columns>

From efd31f06c63d77f5b5de1c42f27bfba03db26cbd Mon Sep 17 00:00:00 2001
From: Paul Naszalyi <pnaszaly@bouyguestelecom.fr>
Date: Mon, 28 Oct 2024 17:44:45 +0100
Subject: [PATCH 26/27] Fix examples

---
 .../accordion/item/AccordionItem.tsx          |  2 +-
 .../react/components/alert/Alert.example.tsx  |  8 +-
 .../autocomplete/AutoComplete.native.tsx      |  1 -
 .../autocomplete/AutoCompleteProps.ts         |  2 +-
 .../autolayout/DefaultSpacingMatrix.ts        |  2 +-
 packages/react/components/badge/Badge.tsx     |  2 +-
 packages/react/components/box/Box.example.tsx | 98 ++++++++-----------
 .../react/components/card/Card.example.tsx    | 12 +--
 .../card/image/CardImage.native.tsx           |  1 -
 .../components/columns/Columns.example.tsx    |  8 +-
 .../components/columns/Columns.native.tsx     | 29 +++---
 packages/react/components/columns/Columns.tsx |  2 +-
 .../react/components/hero/Hero.example.tsx    |  6 +-
 .../react/components/input/Input.native.tsx   |  2 +-
 packages/react/components/modal/Modal.tsx     |  2 +-
 packages/react/components/otp/Otp.tsx         |  2 -
 .../react/components/price/Price.example.tsx  |  2 +-
 packages/react/components/price/Price.tsx     | 18 ++--
 .../components/progress/Progress.example.tsx  | 17 +---
 .../progress/radial/ProgressRadial.tsx        | 83 ++++++++--------
 .../react/components/range/Range.native.tsx   |  2 +-
 packages/react/components/range/Range.tsx     |  2 +-
 .../components/section/Section.example.tsx    |  7 +-
 .../components/select/web/SelectDynamic.tsx   |  4 +-
 .../react/components/text/Text.example.tsx    |  4 +-
 .../components/textarea/Textarea.native.tsx   |  2 +-
 .../react/components/textarea/Textarea.tsx    |  2 +-
 .../timeline/item/TimelineItem.native.tsx     |  1 -
 .../react/components/title/Title.example.tsx  |  4 +-
 packages/react/objects/facets/Color.tsx       |  6 +-
 30 files changed, 150 insertions(+), 183 deletions(-)

diff --git a/packages/react/components/accordion/item/AccordionItem.tsx b/packages/react/components/accordion/item/AccordionItem.tsx
index 5c751006..c3d303c3 100644
--- a/packages/react/components/accordion/item/AccordionItem.tsx
+++ b/packages/react/components/accordion/item/AccordionItem.tsx
@@ -28,7 +28,7 @@ const AccordionItem = ({
   ...others
 }: AccordionItemProps): JSX.Element => {
   const ref = useRef<HTMLDetailsElement>(null)
-  const {styled} = useTrilogyContext()
+  const { styled } = useTrilogyContext()
 
   const [isActive, setIsActive] = useState<boolean>(active || false)
   const [expandedHeight, setExpandedHeight] = useState<string>()
diff --git a/packages/react/components/alert/Alert.example.tsx b/packages/react/components/alert/Alert.example.tsx
index 443b9dae..c48134b9 100644
--- a/packages/react/components/alert/Alert.example.tsx
+++ b/packages/react/components/alert/Alert.example.tsx
@@ -6,7 +6,7 @@ const AlertExample: React.ReactNode =
 <Columns multiline>
             <ColumnsItem size={6}>
             <Alert
-              alert='INFO'
+              status='INFO'
               description='Lorem Ipsum is simply dummy text type and scrambled it to make a type specimen book..'
               display
               title='Alert information'
@@ -14,7 +14,7 @@ const AlertExample: React.ReactNode =
             </ColumnsItem>
             <ColumnsItem size={6}>
             <Alert
-              alert='ERROR'
+              status='ERROR'
               description='Lorem Ipsum is simply dummy text type and scrambled it to make a type specimen book..'
               display
               title='Alert information'
@@ -22,7 +22,7 @@ const AlertExample: React.ReactNode =
             </ColumnsItem>
             <ColumnsItem size={6}>
             <Alert
-              alert='SUCCESS'
+              status='SUCCESS'
               description='Lorem Ipsum is simply dummy text type and scrambled it to make a type specimen book..'
               display
               title='Alert information'
@@ -30,7 +30,7 @@ const AlertExample: React.ReactNode =
             </ColumnsItem>
             <ColumnsItem size={6}>
             <Alert
-              alert='WARNING'
+              status='WARNING'
               description='Lorem Ipsum is simply dummy text type and scrambled it to make a type specimen book..'
               display
               title='Alert information'
diff --git a/packages/react/components/autocomplete/AutoComplete.native.tsx b/packages/react/components/autocomplete/AutoComplete.native.tsx
index 0e654888..cc6863ee 100644
--- a/packages/react/components/autocomplete/AutoComplete.native.tsx
+++ b/packages/react/components/autocomplete/AutoComplete.native.tsx
@@ -7,7 +7,6 @@ import { defaultMatching, getLabel } from './Autocomplete.helpers'
 import AutoCompleteMenuNative from './menu/AutoCompleteMenu.native'
 import { debounce } from './utils'
 
-
 /**
  * AutoComplete Component
  * @param placeholder {string} placeholder for input
diff --git a/packages/react/components/autocomplete/AutoCompleteProps.ts b/packages/react/components/autocomplete/AutoCompleteProps.ts
index ab6a799d..a6850c9a 100644
--- a/packages/react/components/autocomplete/AutoCompleteProps.ts
+++ b/packages/react/components/autocomplete/AutoCompleteProps.ts
@@ -1,4 +1,4 @@
-import { InputChangeEventWeb,InputChangeEventNative, InputClickEvent, InputProps } from '@/components/input/InputProps'
+import { InputChangeEventWeb, InputChangeEventNative, InputClickEvent, InputProps } from '@/components/input/InputProps'
 import { FocusEventHandler } from 'react'
 
 /**
diff --git a/packages/react/components/autolayout/DefaultSpacingMatrix.ts b/packages/react/components/autolayout/DefaultSpacingMatrix.ts
index 1f06a860..c57dd788 100644
--- a/packages/react/components/autolayout/DefaultSpacingMatrix.ts
+++ b/packages/react/components/autolayout/DefaultSpacingMatrix.ts
@@ -39,4 +39,4 @@ export const DEFAULT_SPACING_MATRIX: SpacingMatrix = [
   [INSERT_SPACE_BETWEEN, 'Link', 'default', TWO],
   [INSERT_SPACE_BETWEEN, 'Sticker', 'default', TWO],
   [INSERT_SPACE_BETWEEN, 'Tag', 'default', TWO],
-];
+]
diff --git a/packages/react/components/badge/Badge.tsx b/packages/react/components/badge/Badge.tsx
index 48a3dc83..96fb41d9 100644
--- a/packages/react/components/badge/Badge.tsx
+++ b/packages/react/components/badge/Badge.tsx
@@ -4,7 +4,7 @@ import { Text, TextMarkup } from "@/components/text"
 import clsx from "clsx"
 import { hashClass } from "@/helpers"
 import { useTrilogyContext } from "@/context"
-import {is} from "@/services";
+import { is } from "@/services"
 
 /**
  * Badge Component
diff --git a/packages/react/components/box/Box.example.tsx b/packages/react/components/box/Box.example.tsx
index f867dd25..8f8037d1 100644
--- a/packages/react/components/box/Box.example.tsx
+++ b/packages/react/components/box/Box.example.tsx
@@ -1,67 +1,49 @@
 import React from 'react'
 import { Box, BoxContent, BoxFooter } from './index'
-import { Title } from '@/components/title'
+import { Title, TitleLevels } from '@/components/title'
 import { Text } from '@/components/text'
 import { Columns, ColumnsItem } from '../columns'
 import { Link } from '../link'
+import { TrilogyColor } from '@/objects'
 
-const BoxExample: React.ReactNode =
+const BoxExample: React.ReactNode = (
   <Columns multiline>
-      <ColumnsItem size={4}>
-        <Box>
-          <BoxContent>
-            <Title level='ONE'>
-              Box Title
-            </Title>
-            <Text>
-              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.
-            </Text>
-          </BoxContent>
-        </Box>
-      </ColumnsItem>
-      <ColumnsItem size={4}>
-        <Box flat>
-          <BoxContent>
-            <Title level='ONE'>
-              Box Title
-            </Title>
-            <Text>
-              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.
-            </Text>
-          </BoxContent>
-        </Box>
-      </ColumnsItem>
-      <ColumnsItem size={4}>
-        <Box
-          leftBorder='WARNING'
-        >
-          <BoxContent>
-            <Title level='ONE'>
-              Box Title
-            </Title>
-            <Text>
-              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.
-            </Text>
-          </BoxContent>
-        </Box>
-      </ColumnsItem>
-      <ColumnsItem size={12}>
-        <Box>
-          <BoxContent>
-            <Title level='ONE'>
-              Box Title
-            </Title>
-            <Text>
-              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.
-            </Text>
-          </BoxContent>
-          <BoxFooter>
-            <Link>
-              Link
-            </Link>
-          </BoxFooter>
-        </Box>
-      </ColumnsItem>
-    </Columns>
+    <ColumnsItem size={4}>
+      <Box>
+        <BoxContent>
+          <Title level={TitleLevels.ONE}>Box Title</Title>
+          <Text>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.</Text>
+        </BoxContent>
+      </Box>
+    </ColumnsItem>
+    <ColumnsItem size={4}>
+      <Box flat>
+        <BoxContent>
+          <Title level={TitleLevels.ONE}>Box Title</Title>
+          <Text>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.</Text>
+        </BoxContent>
+      </Box>
+    </ColumnsItem>
+    <ColumnsItem size={4}>
+      <Box highlighted={TrilogyColor.WARNING}>
+        <BoxContent>
+          <Title level={TitleLevels.ONE}>Box Title</Title>
+          <Text>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.</Text>
+        </BoxContent>
+      </Box>
+    </ColumnsItem>
+    <ColumnsItem size={12}>
+      <Box>
+        <BoxContent>
+          <Title level={TitleLevels.ONE}>Box Title</Title>
+          <Text>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.</Text>
+        </BoxContent>
+        <BoxFooter>
+          <Link>Link</Link>
+        </BoxFooter>
+      </Box>
+    </ColumnsItem>
+  </Columns>
+)
 
 export default BoxExample
diff --git a/packages/react/components/card/Card.example.tsx b/packages/react/components/card/Card.example.tsx
index ba88b841..c49c9b97 100644
--- a/packages/react/components/card/Card.example.tsx
+++ b/packages/react/components/card/Card.example.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Card, CardImage, CardContent } from './index'
-import { Title } from '@/components/title'
-import { Text } from '@/components/text'
+import { Title, TitleLevels } from '@/components/title'
+import { Text, TextLevels } from '@/components/text'
 import { Button } from '@/components/button'
 import { Rows, RowItem } from '@/components/rows'
 
@@ -14,10 +14,10 @@ const CardExample: React.ReactNode =
           <Title>
             Présentation
           </Title>
-          <Title level='ONE'>
+          <Title level={TitleLevels.ONE}>
             Title lorem
           </Title>
-          <Text level='ONE'>
+          <Text level={TextLevels.ONE}>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, neque eu,
             vulputate vera.
           </Text>
@@ -36,10 +36,10 @@ const CardExample: React.ReactNode =
           <Title>
             Présentation
           </Title>
-          <Title level='ONE'>
+          <Title level={TitleLevels.ONE}>
             Title lorem
           </Title>
-          <Text level='ONE'>
+          <Text level={TextLevels.ONE}>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, neque eu,
             vulputate vera.
           </Text>
diff --git a/packages/react/components/card/image/CardImage.native.tsx b/packages/react/components/card/image/CardImage.native.tsx
index b034885c..592b6214 100644
--- a/packages/react/components/card/image/CardImage.native.tsx
+++ b/packages/react/components/card/image/CardImage.native.tsx
@@ -18,7 +18,6 @@ const CardImage = ({ src, size, alt, onClick, contain, ...others }: CardImagePro
   const maxSize = horizontal ? '50%' : '100%'
   const [ratio, setRatio] = useState(1)
 
-
   const getBorderRadius = (isHorizontal: boolean, isReversed: boolean, isActive: boolean) => ({
     borderBottomRightRadius: (isHorizontal && 1) || (isReversed && 8) || 0,
     borderBottomLeftRadius: (isHorizontal && 8) || (isReversed && 8) || 0,
diff --git a/packages/react/components/columns/Columns.example.tsx b/packages/react/components/columns/Columns.example.tsx
index e7cc4810..4ae3d8ef 100644
--- a/packages/react/components/columns/Columns.example.tsx
+++ b/packages/react/components/columns/Columns.example.tsx
@@ -1,26 +1,26 @@
 import React from 'react'
 import { Columns, ColumnsItem } from './index'
-import { Title } from '@/components/title'
+import { Title, TitleLevels } from '@/components/title'
 import { Box } from '@/components/box'
 
 const ColumnsExample: React.ReactNode = <Columns>
   <ColumnsItem>
     <Box flat>
-      <Title level='TWO'>
+      <Title level={TitleLevels.TWO}>
         Column
       </Title>
     </Box>
   </ColumnsItem>
   <ColumnsItem>
     <Box flat>
-      <Title level='TWO'>
+      <Title level={TitleLevels.TWO}>
         Column
       </Title>
     </Box>
   </ColumnsItem>
   <ColumnsItem>
     <Box flat>
-      <Title level='TWO'>
+      <Title level={TitleLevels.TWO}>
         Column
       </Title>
     </Box>
diff --git a/packages/react/components/columns/Columns.native.tsx b/packages/react/components/columns/Columns.native.tsx
index 9b8370ba..c30f7a43 100644
--- a/packages/react/components/columns/Columns.native.tsx
+++ b/packages/react/components/columns/Columns.native.tsx
@@ -1,11 +1,10 @@
-import React, {createContext, useState} from "react"
-import {Dimensions, LayoutChangeEvent, StyleSheet} from "react-native"
-import {View} from "@/components/view"
-import {ColumnsProps} from "./ColumnsProps"
-import {ComponentName} from "@/components/enumsComponentsName"
-import {ScrollView} from 'react-native'
-import {ColumnsGap, ColumnsGapValue} from "@/components/columns/ColumnsTypes"
-import {Text} from "@/components/text";
+import React, { createContext, useState } from "react"
+import { Dimensions, LayoutChangeEvent, StyleSheet, ScrollView } from "react-native"
+import { View } from "@/components/view"
+import { ColumnsProps } from "./ColumnsProps"
+import { ComponentName } from "@/components/enumsComponentsName"
+import { ColumnsGap, ColumnsGapValue } from "@/components/columns/ColumnsTypes"
+import { Text } from "@/components/text"
 
 /**
  * Columns Native Component
@@ -17,7 +16,7 @@ import {Text} from "@/components/text";
  * @param gap {ColumnsGap} Gap between columns
  */
 
-export const ColumnsContext = createContext({scrollable: false})
+export const ColumnsContext = createContext({ scrollable: false })
 
 const Columns = ({
                    children,
@@ -36,7 +35,7 @@ const Columns = ({
 
   const onLayoutHandler = (event: LayoutChangeEvent) => {
     if (!width) {
-      const {width} = event.nativeEvent.layout
+      const { width } = event.nativeEvent.layout
       if (fullBleed) {
         setEnlarge((Dimensions.get('screen').width - width) / 2)
       }
@@ -86,15 +85,15 @@ const Columns = ({
           verticalCentered && styles.verticalAlign,
         ]}
               {...others}
-              {...{onLayout: onLayoutHandler}}
+              {...{ onLayout: onLayoutHandler }}
         >
           {// eslint-disable-next-line @typescript-eslint/no-explicit-any
             React.Children.map(children, (child: any) =>
 
                 child && React.cloneElement(child, {
                   style: [child.props.style,
-                    {width: nbCols && (width / nbCols) - realGap || child.props.size && (width * child.props.size / 12) - realGap || 'auto'},
-                    child.props.narrow && {flex: 'none', flexShrink: 1},
+                    { width: nbCols && (width / nbCols) - realGap || child.props.size && (width * child.props.size / 12) - realGap || 'auto' },
+                    child.props.narrow && { flex: 'none', flexShrink: 1 },
                   ]
                 })
             )}
@@ -106,7 +105,7 @@ const Columns = ({
   return <View style={{
     width: `100% + ${enlarge * 2}px`,
     marginHorizontal: -(enlarge)
-  }} {...{onLayout: onLayoutHandler}}>
+  }} {...{ onLayout: onLayoutHandler }}>
     <ScrollView horizontal contentContainerStyle={styles.scrollContainer}>
       {// eslint-disable-next-line @typescript-eslint/no-explicit-any
         React.Children.map(children, (child: any) =>
@@ -114,7 +113,7 @@ const Columns = ({
             style: [child.props.style, {
               width: width / (12 / (child.props.size || child.props.mobileSize || 12)) - 2 * realGap,
               flexGrow: 0,
-            }, child.props.narrow && {flex: 'none', flexShrink: 1}],
+            }, child.props.narrow && { flex: 'none', flexShrink: 1 }],
           })
         )}
     </ScrollView>
diff --git a/packages/react/components/columns/Columns.tsx b/packages/react/components/columns/Columns.tsx
index 926ade5b..a966f7e4 100644
--- a/packages/react/components/columns/Columns.tsx
+++ b/packages/react/components/columns/Columns.tsx
@@ -4,7 +4,7 @@ import { ColumnsProps } from "./ColumnsProps"
 import { is, has } from "@/services/classify"
 import { hashClass } from "@/helpers"
 import { useTrilogyContext } from "@/context"
-import {ColumnsGap} from "@/components/columns/ColumnsTypes";
+import { ColumnsGap } from "@/components/columns/ColumnsTypes"
 
 /**
  * Columns Component
diff --git a/packages/react/components/hero/Hero.example.tsx b/packages/react/components/hero/Hero.example.tsx
index 89d30591..2ed91be6 100644
--- a/packages/react/components/hero/Hero.example.tsx
+++ b/packages/react/components/hero/Hero.example.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Hero } from './index'
 import { Container } from '@/components/container'
-import { Title } from '@/components/title'
+import { Title, TitleLevels } from '@/components/title'
 import { Columns, ColumnsItem } from '@/components/columns'
 import { Section } from '@/components/section'
 import { Box, BoxContent } from '@/components/box'
@@ -12,7 +12,7 @@ const HeroExample: React.ReactNode = (
     <ColumnsItem>
       <Hero overlap className='has-pattern-dark'>
         <Container>
-          <Title inverted level='TWO' markup='h1'>
+          <Title inverted level={TitleLevels.TWO} markup='h1'>
             Internet garanti
           </Title>
           <Text className='is-inverted has-text-weight-bold' inverted>
@@ -25,7 +25,7 @@ const HeroExample: React.ReactNode = (
         <Container>
           <Box>
             <BoxContent>
-              <Title level='TWO'>Internet garanti</Title>
+              <Title level={TitleLevels.TWO}>Internet garanti</Title>
             </BoxContent>
           </Box>
         </Container>
diff --git a/packages/react/components/input/Input.native.tsx b/packages/react/components/input/Input.native.tsx
index dc097d9a..3e75740b 100644
--- a/packages/react/components/input/Input.native.tsx
+++ b/packages/react/components/input/Input.native.tsx
@@ -1,7 +1,7 @@
 import { ComponentName } from '@/components/enumsComponentsName'
 import { Icon, IconName, IconSize } from '@/components/icon'
 import { Text, TextLevels } from '@/components/text'
-import {grayscale, TypographyColor} from '@/objects'
+import { grayscale, TypographyColor } from '@/objects'
 import { Alignable } from '@/objects/facets/Alignable'
 import { TrilogyColor, getColorStyle } from '@/objects/facets/Color'
 import { StatusState } from '@/objects/facets/Status'
diff --git a/packages/react/components/modal/Modal.tsx b/packages/react/components/modal/Modal.tsx
index fbf13e9d..e56893de 100644
--- a/packages/react/components/modal/Modal.tsx
+++ b/packages/react/components/modal/Modal.tsx
@@ -40,7 +40,7 @@ const idTitle = shortid.generate()
  * @param panel {boolean} Panel Side Modal
  * @param accessibilityLabel {string} Accessibility label
  * @param testId {string} Test id
- * @param ctaCancelContent {string} content of button close 
+ * @param ctaCancelContent {string} content of button close
  * @param footer {React.ReactNode}
  * @param footerClassNames {string} Additionnal CSS Classes for footer
  * - -------------------------- NATIVE PROPERTIES -------------------------------
diff --git a/packages/react/components/otp/Otp.tsx b/packages/react/components/otp/Otp.tsx
index 8a5537df..b17d2fdb 100644
--- a/packages/react/components/otp/Otp.tsx
+++ b/packages/react/components/otp/Otp.tsx
@@ -7,8 +7,6 @@ import { hashClass } from "@/helpers/hashClassesHelpers"
 import { is } from "@/services/classify"
 import { useTrilogyContext } from "@/context/index"
 
-
-
 type NumberOrNull = number | null;
 
 const stringToCode = (str: string|undefined, codeSize: number): Array<NumberOrNull> => {
diff --git a/packages/react/components/price/Price.example.tsx b/packages/react/components/price/Price.example.tsx
index 9647a8ec..7a835079 100644
--- a/packages/react/components/price/Price.example.tsx
+++ b/packages/react/components/price/Price.example.tsx
@@ -19,7 +19,7 @@ const PriceExample: React.ReactNode =
             mention='(1)'
             period='mois'
             showCents
-            striked
+            strikedAmount={29.99}
         />
     </ColumnsItem>
     <ColumnsItem>
diff --git a/packages/react/components/price/Price.tsx b/packages/react/components/price/Price.tsx
index 684bfeef..036d6268 100644
--- a/packages/react/components/price/Price.tsx
+++ b/packages/react/components/price/Price.tsx
@@ -55,6 +55,7 @@ const Price = ({
     styled,
     clsx(
       "price",
+      level && is(`level-${level}`),
       inverted && is("inverted"),
       inline && is("inlined"),
       overline && has("suptitle"),
@@ -66,6 +67,7 @@ const Price = ({
     styled,
     clsx(
       "price",
+      level && level == PriceLevel.ONE && is(`level-3`) || level == PriceLevel.TWO && is(`level-4`) || level == PriceLevel.THREE && is(`level-5`) || level == PriceLevel.FOUR && is(`level-6`) || is(`level-7`),
       inverted && is("inverted"),
       inline && is("inlined"),
       strikedAmount && is("striked"),
@@ -106,13 +108,12 @@ const Price = ({
     "€"
 
   const returnComponent = (
-    <div className={hashClass(styled, clsx("price-container", is(`level-${level || '1'}`)) )}>
-      {overline && <p className={hashClass(styled,clsx("overline"))}>{overline}</p>}
+    <div className={hashClass(styled, clsx("price-container"))}>
+      {overline && <p className={hashClass(styled, clsx("overline"))}>{overline}</p>}
       {/* StrikedAmount Price */}
       {strikedAmount && (
-        <>
-          <span
-            aria-hidden="true"
+        <span
+            aria-hidden='true'
             data-testid={testId}
             className={classesStriked}
             {...others}
@@ -132,10 +133,9 @@ const Price = ({
               )}
             </span>
           </span>
-        </>
       )}
         <span
-          aria-hidden="true"
+          aria-hidden='true'
           data-testid={testId}
           aria-label={accessibilityLabel}
           className={classes}
@@ -158,8 +158,8 @@ const Price = ({
         </span>
         {tagAmount && (
           <span {...{ role: 'paragraph' }} className={hashClass(styled, clsx(('price-tag')))}>
-            <Text className={clsx('tag-amount')} markup={TextMarkup.SPAN} typo={[TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyColor.TEXT_WHITE]}>{tagAmount} {tagSymbol ? tagSymbol : '€'}</Text>
-            {tagSymbol === '€' && period && <Text className={clsx('tag-period')} markup={TextMarkup.SPAN} typo={[TypographyBold.TEXT_WEIGHT_NORMAL, TypographyColor.TEXT_WHITE]}>&nbsp;/{period}</Text>}
+            <Text markup={TextMarkup.SPAN} typo={[TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyColor.TEXT_WHITE]}>{tagAmount} {tagSymbol ? tagSymbol : '€'}</Text>
+            {tagSymbol === '€' && period && <Text markup={TextMarkup.SPAN} typo={[TypographyBold.TEXT_WEIGHT_NORMAL, TypographyColor.TEXT_WHITE]}>&nbsp;/{period}</Text>}
           </span>
         )}
         {accessibilityLabel && <p className='sr-only'>{accessibilityLabel}</p>}
diff --git a/packages/react/components/progress/Progress.example.tsx b/packages/react/components/progress/Progress.example.tsx
index 035ae3fd..41c962bb 100644
--- a/packages/react/components/progress/Progress.example.tsx
+++ b/packages/react/components/progress/Progress.example.tsx
@@ -1,20 +1,11 @@
 import React from 'react'
 import { Progress } from './index'
 
-const ProgressExample: React.ReactNode =
-
+const ProgressExample: React.ReactNode = (
   <>
-    <Progress
-      alert='INFO'
-      percent={30}
-      uniqueLegend='My unique legend'
-    />
-    <Progress
-      alert='INFO'
-      firstExtremLegend='0 Go'
-      percent={15}
-      secondExtremLegend='5 Go'
-    />
+    <Progress status='INFO' percent={30} uniqueLegend='My unique legend' />
+    <Progress status='INFO' firstExtremLegend='0 Go' percent={15} secondExtremLegend='5 Go' />
   </>
+)
 
 export default ProgressExample
diff --git a/packages/react/components/progress/radial/ProgressRadial.tsx b/packages/react/components/progress/radial/ProgressRadial.tsx
index 2310d976..3bcf9558 100644
--- a/packages/react/components/progress/radial/ProgressRadial.tsx
+++ b/packages/react/components/progress/radial/ProgressRadial.tsx
@@ -1,13 +1,12 @@
-import React, { useEffect, useRef, useState } from 'react';
-import clsx from 'clsx';
-import { ProgressRadialProps } from './ProgressRadialProps';
-import { is } from '../../../services/index';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
+import React, { useEffect, useRef, useState } from 'react'
+import clsx from 'clsx'
+import { ProgressRadialProps } from './ProgressRadialProps'
+import { is } from '../../../services/index'
+import { hashClass } from '../../../helpers'
+import { useTrilogyContext } from '../../../context'
 import { Title, TitleLevels } from '../../title'
 import { Text, TextLevels } from '../../text'
-import {getColorStyle} from "@/objects/facets/Color";
-
+import { getColorStyle } from "@/objects/facets/Color"
 
 /**
  * Progress Radial component
@@ -38,61 +37,61 @@ const ProgressRadial = ({
   small,
   ...others
 }: ProgressRadialProps): JSX.Element => {
-  const { styled } = useTrilogyContext();
-  const [firstProgressCurrentValue, setFirstProgressCurrentValue] = useState(0);
-  const [secondProgressCurrentValue, setSecondProgressCurrentValue] = useState(0);
+  const { styled } = useTrilogyContext()
+  const [firstProgressCurrentValue, setFirstProgressCurrentValue] = useState(0)
+  const [secondProgressCurrentValue, setSecondProgressCurrentValue] = useState(0)
 
-  const classes = hashClass(styled, clsx('progress-radial', skeleton && is('loading'), small && is('small'), className));
-  const classesContent = hashClass(styled, clsx('progress-radial-content'));
+  const classes = hashClass(styled, clsx('progress-radial', skeleton && is('loading'), small && is('small'), className))
+  const classesContent = hashClass(styled, clsx('progress-radial-content'))
 
-  const progressRadialRef = useRef<HTMLDivElement>(null);
+  const progressRadialRef = useRef<HTMLDivElement>(null)
 
   // Function to update the background style based on the current progress
   const updateBackgroundStyle = (firstValue: number, secondValue: number) => {
-    const progressRadial = progressRadialRef.current;
+    const progressRadial = progressRadialRef.current
     if (!progressRadial) {
-      return;
+      return
     }
 
-    const firstProgressDegree = (360 * firstValue) / 100;
-    const secondProgressDegree = (360 * secondValue) / 100;
+    const firstProgressDegree = (360 * firstValue) / 100
+    const secondProgressDegree = (360 * secondValue) / 100
 
     // Ensure the second progress starts where the first ends
-    const secondProgressStartDegree = firstProgressDegree;
+    const secondProgressStartDegree = firstProgressDegree
 
-    let styleBackground;
-    styleBackground = `radial-gradient(circle at center, white 58%, transparent 58.1%),`;
-    styleBackground += `conic-gradient(#0C7B91 0 ${firstProgressDegree}deg, ${getColorStyle('MAIN')} ${secondProgressStartDegree}deg ${secondProgressStartDegree + secondProgressDegree}deg, gainsboro ${secondProgressStartDegree + secondProgressDegree}deg 360deg)`;
-    progressRadial.style.background = styleBackground;
-  };
+    let styleBackground
+    styleBackground = `radial-gradient(circle at center, white 58%, transparent 58.1%),`
+    styleBackground += `conic-gradient(#0C7B91 0 ${firstProgressDegree}deg, ${getColorStyle('MAIN')} ${secondProgressStartDegree}deg ${secondProgressStartDegree + secondProgressDegree}deg, gainsboro ${secondProgressStartDegree + secondProgressDegree}deg 360deg)`
+    progressRadial.style.background = styleBackground
+  }
 
   useEffect(() => {
-    let animationFrameId: any;
+    let animationFrameId: any
 
     // Reset the current values whenever the provided percent or secondPercent change
-    setFirstProgressCurrentValue(0);
-    setSecondProgressCurrentValue(0);
-    updateBackgroundStyle(percent, secondPercent); // if percent or secondPercent are 0, update immediately
+    setFirstProgressCurrentValue(0)
+    setSecondProgressCurrentValue(0)
+    updateBackgroundStyle(percent, secondPercent) // if percent or secondPercent are 0, update immediately
 
     const frame = () => {
       setFirstProgressCurrentValue((value) => {
-        return value < percent ? value + 1 : value;
-      });
+        return value < percent ? value + 1 : value
+      })
       setSecondProgressCurrentValue((value) => {
-        return value < secondPercent ? value + 1 : value;
-      });
-      animationFrameId = requestAnimationFrame(frame);
-    };
+        return value < secondPercent ? value + 1 : value
+      })
+      animationFrameId = requestAnimationFrame(frame)
+    }
 
-    animationFrameId = requestAnimationFrame(frame);
+    animationFrameId = requestAnimationFrame(frame)
 
     // Cleanup
-    return () => cancelAnimationFrame(animationFrameId);
-  }, [percent, secondPercent]);
+    return () => cancelAnimationFrame(animationFrameId)
+  }, [percent, secondPercent])
 
   useEffect(() => {
-    updateBackgroundStyle(firstProgressCurrentValue, secondProgressCurrentValue);
-  }, [firstProgressCurrentValue, secondProgressCurrentValue]);
+    updateBackgroundStyle(firstProgressCurrentValue, secondProgressCurrentValue)
+  }, [firstProgressCurrentValue, secondProgressCurrentValue])
 
   return (
     <div {...others} className={classes} ref={progressRadialRef}>
@@ -102,7 +101,7 @@ const ProgressRadial = ({
         {!label && !description && children}
       </div>
     </div>
-  );
-};
+  )
+}
 
-export default ProgressRadial;
+export default ProgressRadial
diff --git a/packages/react/components/range/Range.native.tsx b/packages/react/components/range/Range.native.tsx
index 20da7bf7..df229992 100644
--- a/packages/react/components/range/Range.native.tsx
+++ b/packages/react/components/range/Range.native.tsx
@@ -25,7 +25,7 @@ import { ComponentName } from "@/components/enumsComponentsName"
  * @param valueCursorMax {number} number of input max
  * @param onChangeMin {function} on change min cursor
  * @param onChangeMax {function} on change max cursor
- * @param testId {string} Test Id for Test Integration 
+ * @param testId {string} Test Id for Test Integration
  */
 const Range = ({
   min,
diff --git a/packages/react/components/range/Range.tsx b/packages/react/components/range/Range.tsx
index 7780ceb1..d700df7f 100644
--- a/packages/react/components/range/Range.tsx
+++ b/packages/react/components/range/Range.tsx
@@ -24,7 +24,7 @@ import { useTrilogyContext } from "@/context"
  * @param valueCursorMax {number} number of input max
  * @param onChangeMin {function} on change min cursor
  * @param onChangeMax {function} on change max cursor
- * @param testId {string} Test Id for Test Integration 
+ * @param testId {string} Test Id for Test Integration
  */
 const Range = ({
   min,
diff --git a/packages/react/components/section/Section.example.tsx b/packages/react/components/section/Section.example.tsx
index 104ebd00..c2d1b20c 100644
--- a/packages/react/components/section/Section.example.tsx
+++ b/packages/react/components/section/Section.example.tsx
@@ -2,22 +2,23 @@ import React from 'react'
 import { Section } from './index'
 import { Title } from '@/components/title'
 import { Columns, ColumnsItem } from '@/components/columns'
+import { TitleLevels } from '@/components/title/TitleEnum'
 
 const SectionExample: React.ReactNode = (
   <Columns>
     <ColumnsItem>
       <Section>
-        <Title level='ONE'>Première section</Title>
+        <Title level={TitleLevels.ONE}>Première section</Title>
       </Section>
     </ColumnsItem>
     <ColumnsItem>
       <Section>
-        <Title level='ONE'>Deuxième section</Title>
+        <Title level={TitleLevels.ONE}>Deuxième section</Title>
       </Section>
     </ColumnsItem>
     <ColumnsItem>
       <Section>
-        <Title level='ONE'>Troisième section</Title>
+        <Title level={TitleLevels.ONE}>Troisième section</Title>
       </Section>
     </ColumnsItem>
   </Columns>
diff --git a/packages/react/components/select/web/SelectDynamic.tsx b/packages/react/components/select/web/SelectDynamic.tsx
index 83fe2f50..55180660 100644
--- a/packages/react/components/select/web/SelectDynamic.tsx
+++ b/packages/react/components/select/web/SelectDynamic.tsx
@@ -51,9 +51,9 @@ const SelectDynamic = ({
 
   const isChecked = useCallback(
     (value: string) =>
-      multiple && selectedValues && typeof selectedValues !== 'string' && typeof selectedValues !== 'number'
+      (multiple && selectedValues && typeof selectedValues !== 'string' && typeof selectedValues !== 'number'
         ? selectedValues?.includes(value)
-        : selectedValues === value,
+        : selectedValues === value),
     [multiple, selectedValues],
   )
 
diff --git a/packages/react/components/text/Text.example.tsx b/packages/react/components/text/Text.example.tsx
index fc4617f0..7290272b 100644
--- a/packages/react/components/text/Text.example.tsx
+++ b/packages/react/components/text/Text.example.tsx
@@ -1,10 +1,10 @@
 import React from 'react'
-import { Text } from './index'
+import { Text, TextLevels } from './index'
 
 const TextExample: React.ReactNode =
   <Text
     accessibilityLabel='ceci est un paragraphe'
-    level='ONE'
+    level={TextLevels.ONE}
     markup='p'
     typo='has-text-weight-semibold'
   >
diff --git a/packages/react/components/textarea/Textarea.native.tsx b/packages/react/components/textarea/Textarea.native.tsx
index 702f0660..b15e3bfa 100644
--- a/packages/react/components/textarea/Textarea.native.tsx
+++ b/packages/react/components/textarea/Textarea.native.tsx
@@ -6,7 +6,7 @@ import {
   InputKeyboardType,
   InputTextContentType,
 } from '@/components/input/InputEnum'
-import {grayscale, TypographyColor} from '@/objects'
+import { grayscale, TypographyColor } from '@/objects'
 import { getColorStyle, TrilogyColor } from '@/objects/facets/Color'
 import { StatusState } from '@/objects/facets/Status'
 import React, { forwardRef, useEffect, useRef, useState } from 'react'
diff --git a/packages/react/components/textarea/Textarea.tsx b/packages/react/components/textarea/Textarea.tsx
index fa817d8e..854d6c28 100644
--- a/packages/react/components/textarea/Textarea.tsx
+++ b/packages/react/components/textarea/Textarea.tsx
@@ -25,7 +25,7 @@ import { TypographyColor } from '@/objects'
  * @param iconName {IconName | IconNameValues} display Icon
  * @param statusIconName {IconName | IconNameValues} display status Icon
  * @param testId {string} Test Id for Test Integration
- * @param dynamicPlaceholder {boolean} 
+ * @param dynamicPlaceholder {boolean}
  * @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
  * @param required {boolean} Required
  * - -------------------------- WEB PROPERTIES -------------------------------
diff --git a/packages/react/components/timeline/item/TimelineItem.native.tsx b/packages/react/components/timeline/item/TimelineItem.native.tsx
index 975ff808..5b9a0450 100644
--- a/packages/react/components/timeline/item/TimelineItem.native.tsx
+++ b/packages/react/components/timeline/item/TimelineItem.native.tsx
@@ -4,7 +4,6 @@ import { TimelineHeightContext } from '@/components/timeline/Timeline.native'
 import { TimelineItemProps } from './TimelineItemProps'
 import { ComponentName } from '@/components/enumsComponentsName'
 
-
 export const TimelineItemContext = createContext({ done: false, active: false, undone: false, cancel: false })
 
 /**
diff --git a/packages/react/components/title/Title.example.tsx b/packages/react/components/title/Title.example.tsx
index 939a8a69..7c3d0fd1 100644
--- a/packages/react/components/title/Title.example.tsx
+++ b/packages/react/components/title/Title.example.tsx
@@ -1,11 +1,11 @@
 import React from 'react'
 import { Columns, ColumnsItem } from '../columns'
-import { Title } from './index'
+import { Title, TitleLevels } from './index'
 
 const TitleExample: React.ReactNode = (
   <Columns multiline>
     <ColumnsItem size={12}>
-      <Title level='ONE'>Ceci titre</Title>
+      <Title level={TitleLevels.ONE}>Ceci titre</Title>
     </ColumnsItem>
     <ColumnsItem size={12}>
       <Title subtitle>Ceci est un sous-titre</Title>
diff --git a/packages/react/objects/facets/Color.tsx b/packages/react/objects/facets/Color.tsx
index ab45cd89..5831b84b 100644
--- a/packages/react/objects/facets/Color.tsx
+++ b/packages/react/objects/facets/Color.tsx
@@ -157,11 +157,11 @@ function rgbToHex(r: number, g: number, b: number): string {
 }
 
 export function grayscale(hex: string): string {
-    const { r, g, b } = hexToRgb(hex);
+    const { r, g, b } = hexToRgb(hex)
 
     // Formule de luminosité relative
-    const gray = Math.round(0.299 * r + 0.587 * g + 0.114 * b);
+    const gray = Math.round(0.299 * r + 0.587 * g + 0.114 * b)
 
     // Retourner la couleur en niveaux de gris
-    return rgbToHex(gray, gray, gray);
+    return rgbToHex(gray, gray, gray)
 }

From 29437b6ae44f1792cfba8caa870a348c4de3b8f1 Mon Sep 17 00:00:00 2001
From: Paul Naszalyi <pnaszaly@bouyguestelecom.fr>
Date: Tue, 29 Oct 2024 15:54:04 +0100
Subject: [PATCH 27/27] Fix Price exampel

---
 .../react/components/price/Price.example.tsx  | 30 +++++--------------
 1 file changed, 7 insertions(+), 23 deletions(-)

diff --git a/packages/react/components/price/Price.example.tsx b/packages/react/components/price/Price.example.tsx
index 7a835079..2a9857b6 100644
--- a/packages/react/components/price/Price.example.tsx
+++ b/packages/react/components/price/Price.example.tsx
@@ -2,34 +2,18 @@ import React from 'react'
 import { Price } from './index'
 import { Columns, ColumnsItem } from '../columns'
 
-const PriceExample: React.ReactNode =
-
-<Columns>
+const PriceExample: React.ReactNode = (
+  <Columns>
     <ColumnsItem>
-        <Price
-            align='ALIGNED_START'
-            amount={24.99}
-            period='mois'
-            showCents
-        />
+      <Price align='ALIGNED_START' amount={24.99} period='mois' showCents />
     </ColumnsItem>
     <ColumnsItem>
-        <Price
-            amount={24.99}
-            mention='(1)'
-            period='mois'
-            showCents
-            strikedAmount={29.99}
-        />
+      <Price amount={24.99} mention='(1)' period='mois' showCents strikedAmount={29.99} />
     </ColumnsItem>
     <ColumnsItem>
-        <Price
-            amount={24.99}
-            mention='(1)'
-            period='mois'
-            showCents
-        />
+      <Price amount={24.99} mention='(1)' period='mois' showCents />
     </ColumnsItem>
-</Columns>
+  </Columns>
+)
 
 export default PriceExample