@sikt/sds-toggle 1.1.1 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/README.md +27 -0
  2. package/dist/cjs/index.css +61 -3
  3. package/dist/cjs/index.css.map +1 -1
  4. package/dist/cjs/index.d.ts +27 -7
  5. package/dist/cjs/index.js +1 -1
  6. package/dist/cjs/index.js.map +1 -1
  7. package/dist/index.css +61 -3
  8. package/dist/index.css.map +1 -1
  9. package/dist/index.d.ts +27 -7
  10. package/dist/index.js +1 -1
  11. package/dist/index.js.map +1 -1
  12. package/package.json +4 -3
package/README.md CHANGED
@@ -8,6 +8,8 @@ npm i -s @sikt/sds-toggle
8
8
 
9
9
  ### React
10
10
 
11
+ #### Toggle Switch
12
+
11
13
  ```js
12
14
  import { ToggleSwitch } from "@sikt/sds-toggle";
13
15
  import "@sikt/sds-toggle/dist/index.css";
@@ -16,6 +18,29 @@ import "@sikt/sds-icons/dist/index.css";
16
18
  <ToggleSwitch label="Label" />;
17
19
  ```
18
20
 
21
+ #### Toggle Button
22
+
23
+ ```js
24
+ import { ToggleButton } from "@sikt/sds-toggle";
25
+ import "@sikt/sds-toggle/dist/index.css";
26
+ import "@sikt/sds-icons/dist/index.css";
27
+
28
+ <ToggleButton label="Label" checked={false} onClick={() => {}} />;
29
+ ```
30
+
31
+ #### Toggle Segment
32
+
33
+ ```js
34
+ import { ToggleSegment } from "@sikt/sds-toggle";
35
+ import "@sikt/sds-toggle/dist/index.css";
36
+ import "@sikt/sds-icons/dist/index.css";
37
+
38
+ <ToggleSegment legend="Legend">
39
+ <ToggleSegmentOption label="Label 1" value="1" checked onChange={() => {}} />
40
+ <ToggleSegmentOption label="Label 2" value="2" checked onChange={() => {}} />
41
+ </ToggleSegment>;
42
+ ```
43
+
19
44
  ### Stylesheets & custom markup
20
45
 
21
46
  Import stylesheet:
@@ -26,6 +51,8 @@ Import stylesheet:
26
51
 
27
52
  Create custom markup:
28
53
 
54
+ #### Toggle Switch
55
+
29
56
  ```html
30
57
  <div class="sds-toggle-switch">
31
58
  <label class="sds-toggle-switch__main-label">
package/dist/cjs/index.css CHANGED
@@ -1,4 +1,62 @@
1
- .sds-toggle-switch{--sds-toggle-transition-duration:400ms;--sds-toggle-track-width:var(--sds-size-base-l);--sds-toggle-thumb-size:var(--sds-size-base-s1);--sds-toggle-border-width:var(--sds-border-size-regular);--sds-toggle-padding:var(--sds-border-size-regular);--sds-toggle-thumb-offset:calc(var(--sds-toggle-border-width) + var(--sds-toggle-padding));--sds-toggle-track-bg-color:var(--sds-color-background-default);--sds-toggle-track-border-color:var(--sds-color-surface-neutral);--sds-toggle-thumb-bg-color:var(--sds-color-surface-neutral);--sds-toggle-thumb-text-color:var(--sds-color-text-onsurface-action);--sds-toggle-thumb-position:0;--sds-toggle-label-color:var(--sds-color-text-default)}.sds-toggle-switch__main-label{align-items:center;column-gap:var(--sds-size-base-xs);cursor:pointer;display:inline-flex;vertical-align:bottom}.sds-toggle-switch:hover{--sds-toggle-track-border-color:var(--sds-color-surface-neutral-hover);--sds-toggle-thumb-bg-color:var(--sds-color-surface-neutral-hover)}.sds-toggle-switch:active{--sds-toggle-track-border-color:var(--sds-color-surface-neutral-active);--sds-toggle-thumb-bg-color:var(--sds-color-surface-neutral-active)}.sds-toggle-switch--checked{--sds-toggle-track-bg-color:var(--sds-color-surface-action);--sds-toggle-track-border-color:var(--sds-color-surface-action);--sds-toggle-thumb-bg-color:var(--sds-color-text-onsurface-action);--sds-toggle-thumb-text-color:var(--sds-color-text-action);--sds-toggle-thumb-position:calc(var(--sds-toggle-track-width) - var(--sds-toggle-thumb-size) - var(--sds-toggle-thumb-offset)*2)}.sds-toggle-switch--checked:hover{--sds-toggle-track-bg-color:var(--sds-color-surface-action-hover);--sds-toggle-track-border-color:var(--sds-color-surface-action-hover);--sds-toggle-thumb-bg-color:var(--sds-color-text-onsurface-action)}.sds-toggle-switch--checked:active{--sds-toggle-track-bg-color:var(--sds-color-surface-action-active);--sds-toggle-track-border-color:var(--sds-color-surface-action-active);--sds-toggle-thumb-bg-color:var(--sds-color-text-onsurface-action)}.sds-toggle-switch__inner{align-items:center;display:inline-flex;position:relative}.sds-toggle-switch__label{align-items:center;color:var(--sds-toggle-label-color);column-gap:var(--sds-size-base-xs);display:flex;font-size:var(--sds-size-text-s1)}.sds-toggle-switch__track{-webkit-appearance:none;appearance:none;background-color:var(--sds-toggle-track-bg-color);border:var(--sds-toggle-border-width) solid var(--sds-toggle-track-border-color);border-radius:var(--sds-toggle-thumb-size);cursor:pointer;height:calc(var(--sds-toggle-thumb-size) + var(--sds-toggle-thumb-offset)*2);padding:var(--sds-toggle-padding);transition:background-color var(--sds-toggle-transition-duration),border-color var(--sds-toggle-transition-duration);width:var(--sds-toggle-track-width)}.sds-toggle-switch__track:focus-visible{border-color:#0000;outline:var(--sds-outline);outline-offset:0}.sds-toggle-switch__thumb{align-items:center;background-color:var(--sds-toggle-thumb-bg-color);border-radius:var(--sds-border-radius-full);display:inline-flex;height:var(--sds-toggle-thumb-size);justify-content:center;left:var(--sds-toggle-thumb-offset);position:absolute;transform:translateX(var(--sds-toggle-thumb-position));transition:all var(--sds-toggle-transition-duration);width:var(--sds-toggle-thumb-size)}.sds-toggle-switch__thumb>*{color:var(--sds-toggle-thumb-text-color);font-size:var(--sds-size-base-s);transition:all var(--sds-toggle-transition-duration)}.sds-toggle-switch__help-text{color:var(--sds-toggle-label-color);font-size:var(--sds-size-text-s);line-height:var(--sds-size-text-s1);padding:var(--sds-size-padding-small)}.sds-toggle-switch--error{--sds-toggle-label-color:var(--sds-color-text-danger);--sds-toggle-track-border-color:var(--sds-color-surface-danger);--sds-toggle-track-bg-color:var(--sds-color-background-default);--sds-toggle-thumb-bg-color:var(--sds-color-surface-danger)}.sds-toggle-switch--error:hover{--sds-toggle-track-border-color:var(--sds-color-surface-danger-hover);--sds-toggle-thumb-bg-color:var(--sds-color-surface-danger-hover)}.sds-toggle-switch--error.sds-toggle-switch--checked{--sds-toggle-track-border-color:var(--sds-color-surface-danger);--sds-toggle-track-bg-color:var(--sds-color-surface-danger);--sds-toggle-thumb-bg-color:var(--sds-color-text-onsurface-danger);--sds-toggle-thumb-text-color:var(--sds-color-text-danger)}.sds-toggle-switch--error.sds-toggle-switch--checked:hover{--sds-toggle-track-border-color:var(--sds-color-surface-danger-hover);--sds-toggle-track-bg-color:var(--sds-color-surface-danger-hover)}.sds-toggle-button{--toggle-button-outline:none;--toggle-button-border-color:var(--sds-color-surface-action);--toggle-button-background-color:inherit;display:inline-block}.sds-toggle-button__label{align-items:center;background-color:var(--toggle-button-background-color);border-radius:var(--sds-border-radius-large);box-shadow:inset 0 0 0 var(--sds-border-size-regular) var(--toggle-button-border-color);display:flex;line-height:var(--sds-size-text-m);outline:var(--toggle-button-outline);outline-offset:0;padding:var(--sds-size-padding-small);-webkit-user-select:none;user-select:none}.sds-toggle-button__label-text{padding:0 var(--sds-size-base-xs)}.sds-toggle-button__label:hover{--toggle-button-border-color:var(--sds-color-surface-action-hover);cursor:pointer}.sds-toggle-button__label:active{--toggle-button-border-color:var(--sds-color-surface-action-active)}.sds-toggle-button__label--checked{--toggle-button-background-color:var(--sds-color-surface-action);box-shadow:none;color:var(--sds-color-text-onsurface-action)}.sds-toggle-button__label--checked:hover{--toggle-button-background-color:var(--sds-color-surface-action-hover)}.sds-toggle-button__label--checked:active{--toggle-button-background-color:var(
2
- --sds-color-surface-action-active
3
- );--toggle-button-border-color:var(--sds-color-surface-action-active)}.sds-toggle-button__label--checked:focus{--toggle-button-outline:var(--sds-outline)}.sds-toggle-button__icon{height:var(--sds-size-base-m);transform:rotateY(0deg) rotate(0deg);transition:transform .3s ease;width:var(--sds-size-base-m)}.sds-toggle-button__icon--checked{transform:rotateY(0deg) rotate(-45deg)}.sds-toggle-button__input{opacity:0;position:absolute}.sds-toggle-button__input:hover{cursor:pointer}.sds-toggle-button__input:focus-visible+.sds-toggle-button__label{--toggle-button-outline:var(--sds-outline)}
1
+ .sds-toggle-switch{--toggle-transition-duration:var(--sds-effect-animation-duration-medium);--toggle-track-width:var(--sds-base-size-l);--toggle-thumb-size:var(--sds-base-size-s1);--toggle-border-width:var(--sds-space-border-weight-regular);--toggle-padding:var(--sds-space-padding-minimal);--toggle-thumb-offset:var(--toggle-padding);--toggle-track-background-color:var(--sds-color-layout-background-default);--toggle-track-border-color:var(
2
+ --sds-color-interaction-neutral-strong-default
3
+ );--toggle-thumb-background-color:var(
4
+ --sds-color-interaction-neutral-strong-default
5
+ );--toggle-thumb-color:var(--sds-color-text-on-strong);--toggle-thumb-position:0}.sds-toggle-switch__label{align-items:center;cursor:pointer;display:inline-flex;gap:var(--sds-space-padding-small)}.sds-toggle-switch:hover{--toggle-track-border-color:var(
6
+ --sds-color-interaction-neutral-strong-highlight
7
+ );--toggle-thumb-background-color:var(
8
+ --sds-color-interaction-neutral-strong-highlight
9
+ )}.sds-toggle-switch:active{--toggle-track-border-color:var(
10
+ --sds-color-interaction-neutral-strong-pressed
11
+ );--toggle-thumb-background-color:var(
12
+ --sds-color-interaction-neutral-strong-pressed
13
+ )}.sds-toggle-switch--checked{--toggle-track-background-color:var(
14
+ --sds-color-interaction-primary-strong-default
15
+ );--toggle-track-border-color:var(--toggle-track-background-color);--toggle-thumb-background-color:var(--sds-color-layout-background-default);--toggle-thumb-color:var(--sds-color-text-primary);--toggle-thumb-position:calc(var(--toggle-track-width) - var(--toggle-thumb-size) - var(--toggle-thumb-offset)*2)}.sds-toggle-switch--checked:active,.sds-toggle-switch--checked:hover{--toggle-thumb-background-color:var(
16
+ --sds-color-layout-background-default
17
+ )}.sds-toggle-switch--checked:hover{--toggle-track-background-color:var(
18
+ --sds-color-interaction-primary-strong-highlight
19
+ );--toggle-track-border-color:var(
20
+ --sds-color-interaction-primary-strong-highlight
21
+ )}.sds-toggle-switch--checked:active{--toggle-track-background-color:var(
22
+ --sds-color-interaction-primary-strong-pressed
23
+ );--toggle-track-border-color:var(
24
+ --sds-color-interaction-primary-strong-pressed
25
+ )}.sds-toggle-switch__inner{align-items:center;display:inline-flex;padding:calc(var(--sds-space-padding-small) - var(--toggle-border-width)) 0;position:relative}.sds-toggle-switch__label-text{align-items:center;color:var(--sds-color-text-primary);display:flex;font-size:var(--sds-typography-body-fontsize-regular);font-weight:var(--sds-typography-weight-regular);line-height:var(--sds-typography-body-lineheight-regular);padding:var(--sds-space-padding-tiny)}.sds-toggle-switch__track{-webkit-appearance:none;appearance:none;background-color:var(--toggle-track-background-color);border:var(--toggle-border-width) solid var(--toggle-track-border-color);border-radius:var(--toggle-thumb-size);cursor:pointer;height:calc(var(--toggle-thumb-size) + var(--toggle-thumb-offset)*2);padding:var(--toggle-padding);transition:background-color var(--toggle-transition-duration),border-color var(--toggle-transition-duration);width:var(--toggle-track-width)}.sds-toggle-switch__track:focus-visible{outline:var(--sds-focus-outline);outline-offset:0}.sds-toggle-switch__thumb{align-items:center;background-color:var(--toggle-thumb-background-color);border-radius:var(--sds-space-border-radius-full);display:inline-flex;height:var(--toggle-thumb-size);justify-content:center;left:var(--toggle-thumb-offset);padding:var(--sds-space-border-weight-regular);position:absolute;transform:translateX(var(--toggle-thumb-position));transition:all var(--toggle-transition-duration);width:var(--toggle-thumb-size)}.sds-toggle-switch__thumb>*{color:var(--toggle-thumb-color);font-size:var(--sds-base-size-s);transition:all var(--toggle-transition-duration)}.sds-toggle-switch--error,.sds-toggle-switch--error.sds-toggle-switch--checked{--toggle-track-border-color:var(
26
+ --sds-color-interaction-danger-strong-default
27
+ );--toggle-thumb-background-color:var(
28
+ --sds-color-interaction-danger-strong-default
29
+ )}.sds-toggle-switch--error.sds-toggle-switch--checked:hover,.sds-toggle-switch--error:hover{--toggle-track-border-color:var(
30
+ --sds-color-interaction-danger-strong-highlight
31
+ );--toggle-thumb-background-color:var(
32
+ --sds-color-interaction-danger-strong-highlight
33
+ )}.sds-toggle-switch--error.sds-toggle-switch--checked:active,.sds-toggle-switch--error:active{--toggle-track-border-color:var(
34
+ --sds-color-interaction-danger-strong-pressed
35
+ );--toggle-thumb-background-color:var(
36
+ --sds-color-interaction-danger-strong-pressed
37
+ )}.sds-toggle-switch--error.sds-toggle-switch--checked{--toggle-track-background-color:var(
38
+ --sds-color-interaction-danger-strong-default
39
+ );--toggle-thumb-background-color:var(--sds-color-text-on-strong)}.sds-toggle-switch--error.sds-toggle-switch--checked:hover{--toggle-track-background-color:var(
40
+ --sds-color-interaction-danger-strong-highlight
41
+ );--toggle-thumb-background-color:var(--sds-color-text-on-strong)}.sds-toggle-switch--error.sds-toggle-switch--checked:active{--toggle-track-background-color:var(
42
+ --sds-color-interaction-danger-strong-pressed
43
+ );--toggle-thumb-background-color:var(--sds-color-text-on-strong)}.sds-toggle-button{--toggle-button-background-color:inherit;--toggle-button-border-color:var(
44
+ --sds-color-interaction-primary-strong-default
45
+ );--toggle-button-color:var(--sds-color-text-primary);--toggle-button-outline:none;display:inline-block}.sds-toggle-button__label{align-items:center;background-color:var(--toggle-button-background-color);border:var(--sds-space-border-weight-regular) solid var(--toggle-button-border-color);border-radius:var(--sds-space-border-radius-full);color:var(--toggle-button-color);cursor:pointer;display:flex;font-size:var(--sds-typography-body-fontsize-regular);font-weight:var(--sds-typography-weight-regular);gap:var(--sds-space-gap-small);line-height:var(--sds-typography-body-lineheight-regular);outline:var(--toggle-button-outline);outline-offset:0;padding:calc(var(--sds-space-padding-small) - var(--sds-space-border-weight-regular));-webkit-user-select:none;user-select:none}.sds-toggle-button__label-text{padding:0 var(--sds-space-padding-tiny)}.sds-toggle-button__label:hover{--toggle-button-border-color:var(
46
+ --sds-color-interaction-primary-strong-highlight
47
+ )}.sds-toggle-button__label:active{--toggle-button-border-color:var(
48
+ --sds-color-interaction-primary-strong-pressed
49
+ )}.sds-toggle-button__label--checked{--toggle-button-background-color:var(
50
+ --sds-color-interaction-primary-strong-default
51
+ );--toggle-button-border-color:var(--toggle-button-background-color);--toggle-button-color:var(--sds-color-text-on-strong)}.sds-toggle-button__label--checked:hover{--toggle-button-background-color:var(
52
+ --sds-color-interaction-primary-strong-highlight
53
+ )}.sds-toggle-button__label--checked:active{--toggle-button-background-color:var(
54
+ --sds-color-interaction-primary-strong-pressed
55
+ )}.sds-toggle-button__label--checked:focus{--toggle-button-outline:var(--sds-focus-outline)}.sds-toggle-button__icon{height:var(--sds-base-size-m);transform:rotateY(0deg) rotate(0deg);transition:transform .3s ease;width:var(--sds-base-size-m)}.sds-toggle-button__icon--checked{transform:rotateY(0deg) rotate(-45deg)}.sds-toggle-button__input{cursor:pointer;opacity:0;position:absolute}.sds-toggle-button__input:focus-visible+.sds-toggle-button__label{--toggle-button-border-color:var(
56
+ --sds-color-interaction-primary-strong-highlight
57
+ );--toggle-button-outline:var(--sds-focus-outline)}.sds-toggle-button__input:focus-visible+.sds-toggle-button__label--checked{--toggle-button-background-color:var(
58
+ --sds-color-interaction-primary-strong-highlight
59
+ )}.sds-toggle-segment__fieldset{align-items:center;display:flex}.sds-toggle-segment__fieldset .sds-form-fieldset__legend{float:left}.sds-toggle-segment__group{border-radius:var(--sds-space-border-radius-small);display:inline-grid;grid-auto-columns:1fr;grid-auto-flow:column;outline:var(--sds-space-border-weight-regular) solid var(--sds-color-interaction-primary-strong-default);outline-offset:calc(var(--sds-space-border-weight-regular)*-1)}.sds-toggle-segment__option{align-items:center;display:flex;justify-content:center}.sds-toggle-segment__label{border-radius:var(--sds-space-border-radius-small);cursor:pointer;font-size:var(--sds-typography-body-fontsize-small);font-weight:var(--sds-typography-weight-regular);line-height:var(--sds-typography-body-lineheight-small);padding:var(--sds-space-padding-tiny);position:relative}.sds-toggle-segment__label:hover{background:var(--sds-color-interaction-primary-transparent-highlight)}.sds-toggle-segment__label:active{background:var(--sds-color-interaction-primary-transparent-pressed)}.sds-toggle-segment__label--checked{background-color:var(--sds-color-interaction-primary-strong-default);color:var(--sds-color-text-on-strong)}.sds-toggle-segment__label--checked:hover{background-color:var(--sds-color-interaction-primary-strong-highlight)}.sds-toggle-segment__label--checked:active{background-color:var(--sds-color-interaction-primary-strong-pressed)}.sds-toggle-segment__input{opacity:0;pointer-events:none;position:absolute}.sds-toggle-segment__input:focus-visible+.sds-toggle-segment__label{background-color:var(
60
+ --sds-color-interaction-primary-transparent-highlight
61
+ );outline:var(--sds-focus-outline)}.sds-toggle-segment__input:focus-visible+.sds-toggle-segment__label--checked{background-color:var(--sds-color-interaction-primary-strong-highlight)}.sds-form-fieldset{--fieldset-color:var(--sds-color-text-secondary)}.sds-form-fieldset__help-text,.sds-form-fieldset__legend{color:var(--fieldset-color);font-size:var(--sds-typography-body-fontsize-small);font-weight:var(--sds-typography-weight-regular);line-height:var(--sds-typography-body-lineheight-small);padding:var(--sds-space-padding-tiny)}.sds-form-fieldset--error{--fieldset-color:var(--sds-color-text-critical)}.sds-form-field__label{--label-color:var(--sds-color-text-secondary)}.sds-form-field__label-text{color:var(--label-color);cursor:pointer;font-size:var(--sds-typography-body-fontsize-small);font-weight:var(--sds-typography-weight-regular);line-height:var(--sds-typography-body-lineheight-small);padding:var(--sds-space-padding-tiny)}.sds-form-field__label--error{--label-color:var(--sds-color-text-critical)}.sds-form-field__help-text{--help-text-color:var(--sds-color-text-secondary);color:var(--help-text-color);font-size:var(--sds-typography-body-fontsize-small);font-weight:var(--sds-typography-weight-regular);line-height:var(--sds-typography-body-lineheight-small);padding:var(--sds-space-padding-tiny)}.sds-form-field__help-text--error{--help-text-color:var(--sds-color-text-critical)}
4
62
  /*# sourceMappingURL=index.css.map */
package/dist/cjs/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["toggle-switch.pcss","toggle-button.pcss"],"names":[],"mappings":"AAAA,mBACE,sCAAuC,CACvC,+CAAgD,CAChD,+CAAgD,CAChD,wDAAyD,CACzD,mDAAoD,CACpD,0FAEC,CACD,+DAAgE,CAChE,gEAAiE,CACjE,4DAA6D,CAC7D,oEAAqE,CACrE,6BAA8B,CAC9B,sDAiIF,CA/HE,+BAEE,kBAAmB,CAEnB,kCAAmC,CACnC,cAAe,CAJf,mBAAoB,CAEpB,qBAGF,CAEA,yBACE,sEAAuE,CACvE,kEACF,CAEA,0BACE,uEAAwE,CACxE,mEACF,CAEA,4BACE,2DAA4D,CAC5D,+DAAgE,CAChE,kEAAmE,CACnE,0DAA2D,CAC3D,iIAgBF,CAXE,kCACE,iEAAkE,CAClE,qEAAsE,CACtE,kEACF,CAEA,mCACE,kEAAmE,CACnE,sEAAuE,CACvE,kEACF,CAGF,0BAEE,kBAAmB,CADnB,mBAAoB,CAEpB,iBACF,CAEA,0BAEE,kBAAmB,CACnB,mCAAoC,CAEpC,kCAAmC,CAJnC,YAAa,CAGb,iCAEF,CAEA,0BACE,uBAAgB,CAAhB,eAAgB,CAQhB,iDAAkD,CAGlD,gFACsC,CAVtC,0CAA2C,CAD3C,cAAe,CAEf,4EAEC,CAED,iCAAkC,CAElC,oHACoD,CAJpD,mCAaF,CALE,wCAGE,kBAAyB,CAFzB,0BAA2B,CAC3B,gBAEF,CAGF,0BAEE,kBAAmB,CAQnB,iDAAkD,CAFlD,2CAA4C,CAP5C,mBAAoB,CAKpB,mCAAoC,CAHpC,sBAAuB,CAEvB,mCAAoC,CADpC,iBAAkB,CAOlB,sDAAuD,CAFvD,oDAAqD,CAFrD,kCAWF,CALE,4BAEE,wCAAyC,CACzC,gCAAiC,CAFjC,oDAGF,CAGF,8BAGE,mCAAoC,CAFpC,gCAAiC,CACjC,mCAAoC,CAEpC,qCACF,CAEA,0BACE,qDAAsD,CACtD,+DAAgE,CAChE,+DAAgE,CAChE,2DAMF,CAJE,gCACE,qEAAsE,CACtE,iEACF,CAGF,qDACE,+DAAgE,CAChE,2DAA4D,CAC5D,kEAAmE,CACnE,0DAMF,CAJE,2DACE,qEAAsE,CACtE,iEACF,CC7IJ,mBAGE,4BAA6B,CAC7B,4DAA6D,CAC7D,wCAAyC,CAJzC,oBA+EF,CAzEE,0BAME,kBAAmB,CALnB,sDAAuD,CACvD,4CAA6C,CAQ7C,uFACmC,CANnC,YAAa,CAEb,kCAAmC,CAHnC,oCAAqC,CAIrC,gBAAiB,CALjB,qCAAsC,CAMtC,wBAAiB,CAAjB,gBAuCF,CAnCE,+BACE,iCACF,CAEA,gCACE,kEAAmE,CAEnE,cACF,CAEA,iCACE,mEACF,CAEA,mCACE,gEAAiE,CAEjE,eAAgB,CAChB,4CAgBF,CAdE,yCACE,sEACF,CAEA,0CACE;;SAEC,CACD,mEACF,CAEA,yCACE,0CACF,CAIJ,yBACE,6BAA8B,CAE9B,oCAAqC,CACrC,6BAA+B,CAF/B,4BAOF,CAHE,kCACE,sCACF,CAGF,0BAEE,SAAU,CADV,iBAUF,CAPE,gCACE,cACF,CAEA,kEACE,0CACF","file":"index.css","sourcesContent":[".sds-toggle-switch {\n --sds-toggle-transition-duration: 400ms;\n --sds-toggle-track-width: var(--sds-size-base-l);\n --sds-toggle-thumb-size: var(--sds-size-base-s1);\n --sds-toggle-border-width: var(--sds-border-size-regular);\n --sds-toggle-padding: var(--sds-border-size-regular);\n --sds-toggle-thumb-offset: calc(\n var(--sds-toggle-border-width) + var(--sds-toggle-padding)\n );\n --sds-toggle-track-bg-color: var(--sds-color-background-default);\n --sds-toggle-track-border-color: var(--sds-color-surface-neutral);\n --sds-toggle-thumb-bg-color: var(--sds-color-surface-neutral);\n --sds-toggle-thumb-text-color: var(--sds-color-text-onsurface-action);\n --sds-toggle-thumb-position: 0;\n --sds-toggle-label-color: var(--sds-color-text-default);\n\n &__main-label {\n display: inline-flex;\n align-items: center;\n vertical-align: bottom;\n column-gap: var(--sds-size-base-xs);\n cursor: pointer;\n }\n\n &:hover {\n --sds-toggle-track-border-color: var(--sds-color-surface-neutral-hover);\n --sds-toggle-thumb-bg-color: var(--sds-color-surface-neutral-hover);\n }\n\n &:active {\n --sds-toggle-track-border-color: var(--sds-color-surface-neutral-active);\n --sds-toggle-thumb-bg-color: var(--sds-color-surface-neutral-active);\n }\n\n &--checked {\n --sds-toggle-track-bg-color: var(--sds-color-surface-action);\n --sds-toggle-track-border-color: var(--sds-color-surface-action);\n --sds-toggle-thumb-bg-color: var(--sds-color-text-onsurface-action);\n --sds-toggle-thumb-text-color: var(--sds-color-text-action);\n --sds-toggle-thumb-position: calc(\n var(--sds-toggle-track-width) - var(--sds-toggle-thumb-size) - 2 *\n var(--sds-toggle-thumb-offset)\n );\n\n &:hover {\n --sds-toggle-track-bg-color: var(--sds-color-surface-action-hover);\n --sds-toggle-track-border-color: var(--sds-color-surface-action-hover);\n --sds-toggle-thumb-bg-color: var(--sds-color-text-onsurface-action);\n }\n\n &:active {\n --sds-toggle-track-bg-color: var(--sds-color-surface-action-active);\n --sds-toggle-track-border-color: var(--sds-color-surface-action-active);\n --sds-toggle-thumb-bg-color: var(--sds-color-text-onsurface-action);\n }\n }\n\n &__inner {\n display: inline-flex;\n align-items: center;\n position: relative;\n }\n\n &__label {\n display: flex;\n align-items: center;\n color: var(--sds-toggle-label-color);\n font-size: var(--sds-size-text-s1);\n column-gap: var(--sds-size-base-xs);\n }\n\n &__track {\n appearance: none;\n cursor: pointer;\n border-radius: var(--sds-toggle-thumb-size);\n height: calc(\n var(--sds-toggle-thumb-size) + calc(2 * var(--sds-toggle-thumb-offset))\n );\n width: var(--sds-toggle-track-width);\n padding: var(--sds-toggle-padding);\n background-color: var(--sds-toggle-track-bg-color);\n transition: background-color var(--sds-toggle-transition-duration),\n border-color var(--sds-toggle-transition-duration);\n border: var(--sds-toggle-border-width) solid\n var(--sds-toggle-track-border-color);\n\n &:focus-visible {\n outline: var(--sds-outline);\n outline-offset: 0;\n border-color: transparent;\n }\n }\n\n &__thumb {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n left: var(--sds-toggle-thumb-offset);\n height: var(--sds-toggle-thumb-size);\n width: var(--sds-toggle-thumb-size);\n border-radius: var(--sds-border-radius-full);\n transition: all var(--sds-toggle-transition-duration);\n background-color: var(--sds-toggle-thumb-bg-color);\n transform: translateX(var(--sds-toggle-thumb-position));\n\n > * {\n transition: all var(--sds-toggle-transition-duration);\n color: var(--sds-toggle-thumb-text-color);\n font-size: var(--sds-size-base-s);\n }\n }\n\n &__help-text {\n font-size: var(--sds-size-text-s);\n line-height: var(--sds-size-text-s1);\n color: var(--sds-toggle-label-color);\n padding: var(--sds-size-padding-small);\n }\n\n &--error {\n --sds-toggle-label-color: var(--sds-color-text-danger);\n --sds-toggle-track-border-color: var(--sds-color-surface-danger);\n --sds-toggle-track-bg-color: var(--sds-color-background-default);\n --sds-toggle-thumb-bg-color: var(--sds-color-surface-danger);\n\n &:hover {\n --sds-toggle-track-border-color: var(--sds-color-surface-danger-hover);\n --sds-toggle-thumb-bg-color: var(--sds-color-surface-danger-hover);\n }\n }\n\n &--error&--checked {\n --sds-toggle-track-border-color: var(--sds-color-surface-danger);\n --sds-toggle-track-bg-color: var(--sds-color-surface-danger);\n --sds-toggle-thumb-bg-color: var(--sds-color-text-onsurface-danger);\n --sds-toggle-thumb-text-color: var(--sds-color-text-danger);\n\n &:hover {\n --sds-toggle-track-border-color: var(--sds-color-surface-danger-hover);\n --sds-toggle-track-bg-color: var(--sds-color-surface-danger-hover);\n }\n }\n}\n",".sds-toggle-button {\n display: inline-block;\n\n --toggle-button-outline: none;\n --toggle-button-border-color: var(--sds-color-surface-action);\n --toggle-button-background-color: inherit;\n\n &__label {\n background-color: var(--toggle-button-background-color);\n border-radius: var(--sds-border-radius-large);\n padding: var(--sds-size-padding-small);\n outline: var(--toggle-button-outline);\n display: flex;\n align-items: center;\n line-height: var(--sds-size-text-m);\n outline-offset: 0;\n user-select: none;\n box-shadow: inset 0 0 0 var(--sds-border-size-regular)\n var(--toggle-button-border-color);\n\n &-text {\n padding: 0 var(--sds-size-base-xs);\n }\n\n &:hover {\n --toggle-button-border-color: var(--sds-color-surface-action-hover);\n\n cursor: pointer;\n }\n\n &:active {\n --toggle-button-border-color: var(--sds-color-surface-action-active);\n }\n\n &--checked {\n --toggle-button-background-color: var(--sds-color-surface-action);\n\n box-shadow: none;\n color: var(--sds-color-text-onsurface-action);\n\n &:hover {\n --toggle-button-background-color: var(--sds-color-surface-action-hover);\n }\n\n &:active {\n --toggle-button-background-color: var(\n --sds-color-surface-action-active\n );\n --toggle-button-border-color: var(--sds-color-surface-action-active);\n }\n\n &:focus {\n --toggle-button-outline: var(--sds-outline);\n }\n }\n }\n\n &__icon {\n height: var(--sds-size-base-m);\n width: var(--sds-size-base-m);\n transform: rotateY(0deg) rotate(0deg);\n transition: transform 0.3s ease;\n\n &--checked {\n transform: rotateY(0deg) rotate(-45deg);\n }\n }\n\n &__input {\n position: absolute;\n opacity: 0;\n\n &:hover {\n cursor: pointer;\n }\n\n &:focus-visible + .sds-toggle-button__label {\n --toggle-button-outline: var(--sds-outline);\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["toggle-switch.pcss","toggle-button.pcss","toggle-segment.pcss","fieldset.pcss","label.pcss","help-text.pcss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[".sds-toggle-switch {\n --toggle-transition-duration: var(--sds-effect-animation-duration-medium);\n --toggle-track-width: var(--sds-base-size-l);\n --toggle-thumb-size: var(--sds-base-size-s1);\n --toggle-border-width: var(--sds-space-border-weight-regular);\n --toggle-padding: var(--sds-space-padding-minimal);\n --toggle-thumb-offset: var(--toggle-padding);\n --toggle-track-background-color: var(--sds-color-layout-background-default);\n --toggle-track-border-color: var(\n --sds-color-interaction-neutral-strong-default\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-neutral-strong-default\n );\n --toggle-thumb-color: var(--sds-color-text-on-strong);\n --toggle-thumb-position: 0;\n\n &__label {\n align-items: center;\n cursor: pointer;\n display: inline-flex;\n gap: var(--sds-space-padding-small);\n }\n\n &:hover {\n --toggle-track-border-color: var(\n --sds-color-interaction-neutral-strong-highlight\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-neutral-strong-highlight\n );\n }\n\n &:active {\n --toggle-track-border-color: var(\n --sds-color-interaction-neutral-strong-pressed\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-neutral-strong-pressed\n );\n }\n\n &--checked {\n --toggle-track-background-color: var(\n --sds-color-interaction-primary-strong-default\n );\n --toggle-track-border-color: var(--toggle-track-background-color);\n --toggle-thumb-background-color: var(--sds-color-layout-background-default);\n --toggle-thumb-color: var(--sds-color-text-primary);\n --toggle-thumb-position: calc(\n var(--toggle-track-width) - var(--toggle-thumb-size) - 2 *\n var(--toggle-thumb-offset)\n );\n\n &:hover,\n &:active {\n --toggle-thumb-background-color: var(\n --sds-color-layout-background-default\n );\n }\n\n &:hover {\n --toggle-track-background-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n --toggle-track-border-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n }\n\n &:active {\n --toggle-track-background-color: var(\n --sds-color-interaction-primary-strong-pressed\n );\n --toggle-track-border-color: var(\n --sds-color-interaction-primary-strong-pressed\n );\n }\n }\n\n &__inner {\n align-items: center;\n display: inline-flex;\n padding: calc(var(--sds-space-padding-small) - var(--toggle-border-width)) 0;\n position: relative;\n }\n\n &__label-text {\n align-items: center;\n color: var(--sds-color-text-primary);\n display: flex;\n font-size: var(--sds-typography-body-fontsize-regular);\n font-weight: var(--sds-typography-weight-regular);\n line-height: var(--sds-typography-body-lineheight-regular);\n padding: var(--sds-space-padding-tiny);\n }\n\n &__track {\n appearance: none;\n cursor: pointer;\n background-color: var(--toggle-track-background-color);\n border: var(--toggle-border-width) solid var(--toggle-track-border-color);\n border-radius: var(--toggle-thumb-size);\n height: calc(\n var(--toggle-thumb-size) + calc(2 * var(--toggle-thumb-offset))\n );\n width: var(--toggle-track-width);\n padding: var(--toggle-padding);\n transition: background-color var(--toggle-transition-duration),\n border-color var(--toggle-transition-duration);\n\n &:focus-visible {\n outline: var(--sds-focus-outline);\n outline-offset: 0;\n }\n }\n\n &__thumb {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n left: var(--toggle-thumb-offset);\n height: var(--toggle-thumb-size);\n width: var(--toggle-thumb-size);\n border-radius: var(--sds-space-border-radius-full);\n transition: all var(--toggle-transition-duration);\n background-color: var(--toggle-thumb-background-color);\n transform: translateX(var(--toggle-thumb-position));\n padding: var(--sds-space-border-weight-regular);\n\n > * {\n transition: all var(--toggle-transition-duration);\n color: var(--toggle-thumb-color);\n font-size: var(--sds-base-size-s);\n }\n }\n\n &--error,\n &--error&--checked {\n --toggle-track-border-color: var(\n --sds-color-interaction-danger-strong-default\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-danger-strong-default\n );\n\n &:hover {\n --toggle-track-border-color: var(\n --sds-color-interaction-danger-strong-highlight\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-danger-strong-highlight\n );\n }\n\n &:active {\n --toggle-track-border-color: var(\n --sds-color-interaction-danger-strong-pressed\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-danger-strong-pressed\n );\n }\n }\n\n /* stylelint-disable-next-line no-descending-specificity */\n &--error&--checked {\n --toggle-track-background-color: var(\n --sds-color-interaction-danger-strong-default\n );\n --toggle-thumb-background-color: var(--sds-color-text-on-strong);\n\n &:hover {\n --toggle-track-background-color: var(\n --sds-color-interaction-danger-strong-highlight\n );\n --toggle-thumb-background-color: var(--sds-color-text-on-strong);\n }\n\n &:active {\n --toggle-track-background-color: var(\n --sds-color-interaction-danger-strong-pressed\n );\n --toggle-thumb-background-color: var(--sds-color-text-on-strong);\n }\n }\n}\n",".sds-toggle-button {\n --toggle-button-background-color: inherit;\n --toggle-button-border-color: var(\n --sds-color-interaction-primary-strong-default\n );\n --toggle-button-color: var(--sds-color-text-primary);\n --toggle-button-outline: none;\n\n display: inline-block;\n\n &__label {\n align-items: center;\n background-color: var(--toggle-button-background-color);\n border: var(--sds-space-border-weight-regular) solid\n var(--toggle-button-border-color);\n border-radius: var(--sds-space-border-radius-full);\n color: var(--toggle-button-color);\n cursor: pointer;\n display: flex;\n gap: var(--sds-space-gap-small);\n font-size: var(--sds-typography-body-fontsize-regular);\n font-weight: var(--sds-typography-weight-regular);\n line-height: var(--sds-typography-body-lineheight-regular);\n padding: calc(\n var(--sds-space-padding-small) - var(--sds-space-border-weight-regular)\n );\n outline: var(--toggle-button-outline);\n outline-offset: 0;\n user-select: none;\n\n &-text {\n padding: 0 var(--sds-space-padding-tiny);\n }\n\n &:hover {\n --toggle-button-border-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n }\n\n &:active {\n --toggle-button-border-color: var(\n --sds-color-interaction-primary-strong-pressed\n );\n }\n\n &--checked {\n --toggle-button-background-color: var(\n --sds-color-interaction-primary-strong-default\n );\n --toggle-button-border-color: var(--toggle-button-background-color);\n --toggle-button-color: var(--sds-color-text-on-strong);\n\n &:hover {\n --toggle-button-background-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n }\n\n &:active {\n --toggle-button-background-color: var(\n --sds-color-interaction-primary-strong-pressed\n );\n }\n\n &:focus {\n --toggle-button-outline: var(--sds-focus-outline);\n }\n }\n }\n\n &__icon {\n height: var(--sds-base-size-m);\n width: var(--sds-base-size-m);\n transform: rotateY(0deg) rotate(0deg);\n transition: transform 0.3s ease;\n\n &--checked {\n transform: rotateY(0deg) rotate(-45deg);\n }\n }\n\n &__input {\n cursor: pointer;\n position: absolute;\n opacity: 0;\n\n &:focus-visible + .sds-toggle-button__label {\n --toggle-button-border-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n --toggle-button-outline: var(--sds-focus-outline);\n\n &--checked {\n --toggle-button-background-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n }\n }\n }\n}\n",".sds-toggle-segment {\n &__fieldset {\n display: flex;\n align-items: center;\n\n .sds-form-fieldset__legend {\n float: left;\n }\n }\n\n &__group {\n border-radius: var(--sds-space-border-radius-small);\n display: inline-grid;\n grid-auto-flow: column;\n grid-auto-columns: 1fr;\n outline: var(--sds-space-border-weight-regular) solid\n var(--sds-color-interaction-primary-strong-default);\n outline-offset: calc(var(--sds-space-border-weight-regular) * -1);\n }\n\n &__option {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n &__label {\n border-radius: var(--sds-space-border-radius-small);\n cursor: pointer;\n font-size: var(--sds-typography-body-fontsize-small);\n font-weight: var(--sds-typography-weight-regular);\n line-height: var(--sds-typography-body-lineheight-small);\n padding: var(--sds-space-padding-tiny);\n position: relative;\n\n &:hover {\n background: var(--sds-color-interaction-primary-transparent-highlight);\n }\n\n &:active {\n background: var(--sds-color-interaction-primary-transparent-pressed);\n }\n\n &--checked {\n background-color: var(--sds-color-interaction-primary-strong-default);\n color: var(--sds-color-text-on-strong);\n\n &:hover {\n background-color: var(--sds-color-interaction-primary-strong-highlight);\n }\n\n &:active {\n background-color: var(--sds-color-interaction-primary-strong-pressed);\n }\n }\n }\n\n &__input {\n opacity: 0;\n position: absolute;\n pointer-events: none;\n\n &:focus-visible + .sds-toggle-segment__label {\n background-color: var(\n --sds-color-interaction-primary-transparent-highlight\n );\n outline: var(--sds-focus-outline);\n\n &--checked {\n background-color: var(--sds-color-interaction-primary-strong-highlight);\n }\n }\n }\n}\n",".sds-form-fieldset {\n --fieldset-color: var(--sds-color-text-secondary);\n\n &__legend,\n &__help-text {\n color: var(--fieldset-color);\n font-size: var(--sds-typography-body-fontsize-small);\n font-weight: var(--sds-typography-weight-regular);\n line-height: var(--sds-typography-body-lineheight-small);\n padding: var(--sds-space-padding-tiny);\n }\n\n &--error {\n --fieldset-color: var(--sds-color-text-critical);\n }\n}\n",".sds-form-field__label {\n --label-color: var(--sds-color-text-secondary);\n\n &-text {\n color: var(--label-color);\n cursor: pointer;\n font-size: var(--sds-typography-body-fontsize-small);\n font-weight: var(--sds-typography-weight-regular);\n line-height: var(--sds-typography-body-lineheight-small);\n padding: var(--sds-space-padding-tiny);\n }\n\n &--error {\n --label-color: var(--sds-color-text-critical);\n }\n}\n",".sds-form-field__help-text {\n --help-text-color: var(--sds-color-text-secondary);\n\n color: var(--help-text-color);\n font-size: var(--sds-typography-body-fontsize-small);\n font-weight: var(--sds-typography-weight-regular);\n line-height: var(--sds-typography-body-lineheight-small);\n padding: var(--sds-space-padding-tiny);\n\n &--error {\n --help-text-color: var(--sds-color-text-critical);\n }\n}\n"]}
package/dist/cjs/index.d.ts CHANGED
@@ -1,21 +1,41 @@
1
1
  /// <reference types="react" />
2
- import { ReactNode, ChangeEventHandler, InputHTMLAttributes } from "react";
2
+ import React from "react";
3
+ import { ReactNode, ChangeEventHandler, HTMLAttributes, ChangeEvent, InputHTMLAttributes } from "react";
3
4
  type ToggleSwitchProps = {
4
5
  checked?: boolean;
5
6
  label: ReactNode;
6
7
  labelFirst?: boolean;
7
8
  showIcons?: boolean;
8
- errorText?: string;
9
- inputProps?: InputHTMLAttributes<HTMLInputElement>;
9
+ error?: boolean;
10
10
  onChange?: ChangeEventHandler<HTMLInputElement>;
11
11
  };
12
- declare const ToggleSwitch: ({ checked, label, labelFirst, showIcons, errorText, onChange, inputProps, ...rest }: ToggleSwitchProps) => import("react/jsx-runtime").JSX.Element;
12
+ declare const ToggleSwitch: React.ForwardRefExoticComponent<ToggleSwitchProps & React.RefAttributes<HTMLInputElement>>;
13
13
  type ToggleButtonProps = {
14
14
  checked?: boolean;
15
15
  label: ReactNode;
16
16
  showIcons?: boolean;
17
17
  onChange?: ChangeEventHandler<HTMLInputElement>;
18
18
  };
19
- declare const ToggleButton: ({ checked, label, showIcons, onChange, ...rest }: ToggleButtonProps) => import("react/jsx-runtime").JSX.Element;
20
- export type { ToggleSwitchProps, ToggleButtonProps };
21
- export { ToggleSwitch, ToggleButton };
19
+ declare const ToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<HTMLInputElement>>;
20
+ interface FieldsetProps extends HTMLAttributes<HTMLFieldSetElement> {
21
+ className?: string;
22
+ legend: string;
23
+ name?: string;
24
+ errorText?: string;
25
+ helpText?: string;
26
+ children: ReactNode;
27
+ }
28
+ interface ToggleSegmentProps extends Omit<FieldsetProps, "onChange"> {
29
+ children: ReactNode;
30
+ }
31
+ declare const ToggleSegment: React.ForwardRefExoticComponent<ToggleSegmentProps & React.RefAttributes<HTMLFieldSetElement>>;
32
+ interface ToggleSegmentOptionProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange"> {
33
+ value: string | number;
34
+ label: string;
35
+ children?: ReactNode;
36
+ checked?: boolean;
37
+ onChange: (event: ChangeEvent<HTMLInputElement>) => void;
38
+ }
39
+ declare const ToggleSegmentOption: React.ForwardRefExoticComponent<ToggleSegmentOptionProps & React.RefAttributes<HTMLInputElement>>;
40
+ export type { ToggleSwitchProps, ToggleButtonProps, ToggleSegmentProps, ToggleSegmentOptionProps };
41
+ export { ToggleSwitch, ToggleButton, ToggleSegment, ToggleSegmentOption };
package/dist/cjs/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var s=require("react/jsx-runtime"),e=require("react"),a=require("clsx");const l=({className:e,...l})=>s.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",className:a("sds-icon",e),"aria-hidden":"true",...l,children:s.jsx("path",{d:"m229.66 77.66-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69 218.34 66.34a8 8 0 0 1 11.32 11.32Z"})}),t=({className:e,...l})=>s.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",className:a("sds-icon",e),"aria-hidden":"true",...l,children:s.jsx("path",{d:"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm48-88a8 8 0 0 1-8 8h-32v32a8 8 0 0 1-16 0v-32H88a8 8 0 0 1 0-16h32V88a8 8 0 0 1 16 0v32h32a8 8 0 0 1 8 8Z"})}),c=({className:e,...l})=>s.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",className:a("sds-icon",e),"aria-hidden":"true",...l,children:s.jsx("path",{d:"M236.8 188.09 149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19 23.51 23.51 0 0 0 .02-23.72Zm-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2 7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72ZM120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm20 36a12 12 0 1 1-12-12 12 12 0 0 1 12 12Z"})}),r=({className:e,...l})=>s.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",className:a("sds-icon",e),"aria-hidden":"true",...l,children:s.jsx("path",{d:"M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128 50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z"})});exports.ToggleButton=({checked:l,label:c,showIcons:r=!0,onChange:i,...o})=>{const d=e.useId();return s.jsxs("div",{className:"sds-toggle-button",...o,children:[s.jsx("input",{type:"checkbox",className:"sds-toggle-button__input",onChange:i,readOnly:!i,checked:l,"aria-checked":l,id:d}),s.jsxs("label",{className:a("sds-toggle-button__label",l&&"sds-toggle-button__label--checked"),htmlFor:d,children:[s.jsx("div",{className:"sds-toggle-button__label-text",children:c}),r&&s.jsx(t,{className:a("sds-toggle-button__icon",l&&"sds-toggle-button__icon--checked")})]})]})},exports.ToggleSwitch=({checked:t=!1,label:i,labelFirst:o=!1,showIcons:d=!0,errorText:n,onChange:h,inputProps:g={},...x})=>{const m=e.useId(),w=s.jsxs("div",{className:"sds-toggle-switch__label",children:[n&&s.jsx(c,{})," ",i]});return s.jsxs("div",{className:a("sds-toggle-switch",t&&"sds-toggle-switch--checked",n&&"sds-toggle-switch--error"),...x,children:[s.jsxs("label",{className:"sds-toggle-switch__main-label",children:[o&&w,s.jsxs("div",{className:"sds-toggle-switch__inner",children:[s.jsx("input",{type:"checkbox",role:"switch",className:"sds-toggle-switch__track",checked:t,"aria-describedby":n&&`${m}-help-text`,"aria-invalid":Boolean(n),"aria-errormessage":n&&`${m}-help-text`,onChange:h,readOnly:!h,...g}),s.jsxs("div",{className:"sds-toggle-switch__thumb",children:[d&&t&&s.jsx(l,{}),d&&!t&&s.jsx(r,{})]})]}),!o&&w]}),n&&s.jsx("div",{className:"sds-toggle-switch__help-text",id:`${m}-help-text`,children:n})]})};
1
+ "use strict";var e=require("react/jsx-runtime"),s=require("react"),l=require("clsx");const t=({className:s,...t})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",className:l("sds-icon",s),"aria-hidden":"true",...t,children:e.jsx("path",{d:"m229.66 77.66-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69 218.34 66.34a8 8 0 0 1 11.32 11.32Z"})}),a=({className:s,...t})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",className:l("sds-icon",s),"aria-hidden":"true",...t,children:e.jsx("path",{d:"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm48-88a8 8 0 0 1-8 8h-32v32a8 8 0 0 1-16 0v-32H88a8 8 0 0 1 0-16h32V88a8 8 0 0 1 16 0v32h32a8 8 0 0 1 8 8Z"})}),r=({className:s,...t})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",className:l("sds-icon",s),"aria-hidden":"true",...t,children:e.jsx("path",{d:"M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128 50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z"})}),d=s.forwardRef((({checked:a=!1,label:d,labelFirst:o=!1,showIcons:i=!0,error:c=!1,onChange:n,...g},h)=>{const m=s.useId(),x=e.jsx("div",{className:"sds-toggle-switch__label-text",children:d});return e.jsx("div",{className:l("sds-toggle-switch",a&&"sds-toggle-switch--checked",c&&"sds-toggle-switch--error"),"data-testid":"sds-toggle-switch",children:e.jsxs("label",{className:"sds-toggle-switch__label",htmlFor:m,children:[o&&x,e.jsxs("div",{className:"sds-toggle-switch__inner",children:[e.jsx("input",{ref:h,id:m,type:"checkbox",role:"switch",className:"sds-toggle-switch__track",checked:a,"aria-invalid":c,onChange:n,readOnly:!n,...g}),e.jsxs("div",{className:"sds-toggle-switch__thumb",children:[i&&a&&e.jsx(t,{}),i&&!a&&e.jsx(r,{})]})]}),!o&&x]})})}));d.displayName="ToggleSwitch";const o=s.forwardRef((({checked:t,label:r,showIcons:d=!0,onChange:o,...i},c)=>{const n=s.useId();return e.jsxs("div",{className:"sds-toggle-button",...i,children:[e.jsx("input",{ref:c,type:"checkbox",className:"sds-toggle-button__input",onChange:o,readOnly:!o,checked:t,"aria-checked":t,id:n}),e.jsxs("label",{className:l("sds-toggle-button__label",t&&"sds-toggle-button__label--checked"),htmlFor:n,children:[e.jsx("div",{className:"sds-toggle-button__label-text",children:r}),d&&e.jsx(a,{className:l("sds-toggle-button__icon",t&&"sds-toggle-button__icon--checked")})]})]})}));o.displayName="ToggleButton";const i=s.createContext(void 0),c=s.forwardRef((({className:t,legend:a,name:r,errorText:d,helpText:o,children:c,...n},g)=>{const h=s.useId(),m=s.useMemo((()=>({name:r??h,error:Boolean(d)})),[r,d]);return e.jsx(i.Provider,{value:m,children:e.jsxs("fieldset",{ref:g,className:l("sds-form-fieldset",d&&"sds-form-fieldset--error",t),"aria-describedby":`${h}-help-text`,"aria-invalid":Boolean(d),"aria-errormessage":d?`${h}-help-text`:void 0,...n,children:[e.jsx("legend",{className:"sds-form-fieldset__legend",children:a}),c,(d??o)&&e.jsx("div",{className:"sds-form-fieldset__help-text",id:`${h}-help-text`,children:d??o})]})})}));c.displayName="Fieldset";const n=s.forwardRef((({children:s,...l},t)=>e.jsx("div",{className:"sds-toggle-segment",children:e.jsx(c,{className:"sds-toggle-segment__fieldset",...l,ref:t,children:e.jsx("div",{className:"sds-toggle-segment__group",children:s})})})));n.displayName="ToggleSegment";const g=s.createContext(void 0);const h=s.forwardRef((({className:t,legend:a,name:r,errorText:d,helpText:o,children:i,...c},n)=>{const h=s.useId(),m=s.useMemo((()=>({name:r??h,error:Boolean(d)})),[r,d]);return e.jsx(g.Provider,{value:m,children:e.jsxs("fieldset",{ref:n,className:l("sds-form-fieldset",d&&"sds-form-fieldset--error",t),"aria-describedby":`${h}-help-text`,"aria-invalid":Boolean(d),"aria-errormessage":d?`${h}-help-text`:void 0,...c,children:[e.jsx("legend",{className:"sds-form-fieldset__legend",children:a}),i,(d??o)&&e.jsx("div",{className:"sds-form-fieldset__help-text",id:`${h}-help-text`,children:d??o})]})})}));h.displayName="Fieldset";const m=s.forwardRef((({value:t,label:a,checked:r,onChange:d,children:o,...i},c)=>{const{name:n}=s.useContext(g)??{},h=s.useId(),m=i.id??h;return e.jsxs("div",{className:"sds-toggle-segment__option",children:[e.jsx("input",{id:m,name:n,ref:c,type:"radio",onChange:d,className:"sds-toggle-segment__input",value:t,checked:r,...i}),e.jsxs("label",{className:l("sds-toggle-segment__label",r&&"sds-toggle-segment__label--checked"),htmlFor:m,children:[a,o]})]})}));m.displayName="ToggleSegmentOption",exports.ToggleButton=o,exports.ToggleSegment=n,exports.ToggleSegmentOption=m,exports.ToggleSwitch=d;
2
2
  //# sourceMappingURL=index.js.map
package/dist/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../icons/dist/index.js","../../ToggleButton.tsx","../../ToggleSwitch.tsx"],"sourcesContent":["import{jsx as a}from\"react/jsx-runtime\";import s from\"clsx\";const l=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 48H32a16 16 0 0 0-16 16v24a16 16 0 0 0 16 16v88a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-88a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16Zm-16 144H48v-88h160Zm16-104H32V64h192v24ZM96 136a8 8 0 0 1 8-8h48a8 8 0 0 1 0 16h-48a8 8 0 0 1-8-8Z\"})}),e=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm48-88a8 8 0 0 1-8 8h-60.69l18.35 18.34a8 8 0 0 1-11.32 11.32l-32-32a8 8 0 0 1 0-11.32l32-32a8 8 0 0 1 11.32 11.32L107.31 120H168a8 8 0 0 1 8 8Z\"})}),r=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm45.66-93.66a8 8 0 0 1 0 11.32l-32 32a8 8 0 0 1-11.32-11.32L148.69 136H88a8 8 0 0 1 0-16h60.69l-18.35-18.34a8 8 0 0 1 11.32-11.32Z\"})}),i=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36-.25-.24a80 80 0 1 0-1.67 114.78 8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0Z\"})}),c=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8H59.31l58.35 58.34a8 8 0 0 1-11.32 11.32l-72-72a8 8 0 0 1 0-11.32l72-72a8 8 0 0 1 11.32 11.32L59.31 120H216a8 8 0 0 1 8 8Z\"})}),o=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m221.66 133.66-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32Z\"})}),n=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8Z\"})}),h=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M232 144a64.07 64.07 0 0 1-64 64H80a8 8 0 0 1 0-16h88a48 48 0 0 0 0-96H51.31l34.35 34.34a8 8 0 0 1-11.32 11.32l-48-48a8 8 0 0 1 0-11.32l48-48a8 8 0 0 1 11.32 11.32L51.31 80H168a64.07 64.07 0 0 1 64 64Z\"})}),t=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M170.34 130.34 204.69 96H88a48 48 0 0 0 0 96h88a8 8 0 0 1 0 16H88a64 64 0 0 1 0-128h116.69l-34.35-34.34a8 8 0 0 1 11.32-11.32l48 48a8 8 0 0 1 0 11.32l-48 48a8 8 0 0 1-11.32-11.32Z\"})}),w=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 71.1a8 8 0 0 1-10.78-3.42 94.13 94.13 0 0 0-33.46-36.91 8 8 0 1 1 8.54-13.54 111.46 111.46 0 0 1 39.12 43.09A8 8 0 0 1 224 71.1ZM35.71 72a8 8 0 0 0 7.1-4.32 94.13 94.13 0 0 1 33.46-36.91 8 8 0 1 0-8.54-13.54 111.46 111.46 0 0 0-39.12 43.09A8 8 0 0 0 35.71 72Zm186.1 103.94A16 16 0 0 1 208 200h-40.8a40 40 0 0 1-78.4 0H48a16 16 0 0 1-13.79-24.06C43.22 160.39 48 138.28 48 112a80 80 0 0 1 160 0c0 26.27 4.78 48.38 13.81 63.94ZM150.62 200h-45.24a24 24 0 0 0 45.24 0ZM208 184c-10.64-18.27-16-42.49-16-72a64 64 0 0 0-128 0c0 29.52-5.38 53.74-16 72Z\"})}),d=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M221.8 175.94c-5.55-9.56-13.8-36.61-13.8-71.94a80 80 0 1 0-160 0c0 35.34-8.26 62.38-13.81 71.94A16 16 0 0 0 48 200h40.81a40 40 0 0 0 78.38 0H208a16 16 0 0 0 13.8-24.06ZM128 216a24 24 0 0 1-22.62-16h45.24A24 24 0 0 1 128 216Zm-80-32c7.7-13.24 16-43.92 16-80a64 64 0 1 1 128 0c0 36.05 8.28 66.73 16 80Z\"})}),v=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M184 32H72a16 16 0 0 0-16 16v176a8 8 0 0 0 12.24 6.78L128 193.43l59.77 37.35A8 8 0 0 0 200 224V48a16 16 0 0 0-16-16Z\"})}),m=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M184 32H72a16 16 0 0 0-16 16v176a8 8 0 0 0 12.24 6.78L128 193.43l59.77 37.35A8 8 0 0 0 200 224V48a16 16 0 0 0-16-16Zm0 177.57-51.77-32.35a8 8 0 0 0-8.48 0L72 209.57V48h112Z\"})}),g=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16ZM72 48v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32H48V48Zm136 160H48V96h160v112Z\"})}),Z=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16ZM72 48v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32H48V48Zm136 160H48V96h160v112Zm-48-56a8 8 0 0 1-8 8h-16v16a8 8 0 0 1-16 0v-16h-16a8 8 0 0 1 0-16h16v-16a8 8 0 0 1 16 0v16h16a8 8 0 0 1 8 8Z\"})}),p=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm45.66-109.66a8 8 0 0 1 0 11.32l-40 40a8 8 0 0 1-11.32 0l-40-40a8 8 0 0 1 11.32-11.32L128 140.69l34.34-34.35a8 8 0 0 1 11.32 0Z\"})}),u=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm21.66-122.34L115.31 128l34.35 34.34a8 8 0 0 1-11.32 11.32l-40-40a8 8 0 0 1 0-11.32l40-40a8 8 0 0 1 11.32 11.32Z\"})}),x=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm29.66-93.66a8 8 0 0 1 0 11.32l-40 40a8 8 0 0 1-11.32-11.32L140.69 128l-34.35-34.34a8 8 0 0 1 11.32-11.32Z\"})}),N=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm45.66-77.66a8 8 0 0 1-11.32 11.32L128 115.31l-34.34 34.35a8 8 0 0 1-11.32-11.32l40-40a8 8 0 0 1 11.32 0Z\"})}),M=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m213.66 101.66-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32Z\"})}),C=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z\"})}),H=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m181.66 133.66-80 80a8 8 0 0 1-11.32-11.32L164.69 128 90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32Z\"})}),f=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32Z\"})}),L=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0ZM232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),B=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m229.66 77.66-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69 218.34 66.34a8 8 0 0 1 11.32 11.32Z\"})}),I=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Z\"})}),V=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm64-88a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8V72a8 8 0 0 1 16 0v48h48a8 8 0 0 1 8 8Z\"})}),A=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 32H88a8 8 0 0 0-8 8v40H40a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h128a8 8 0 0 0 8-8v-40h40a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8Zm-56 176H48V96h112Zm48-48h-32V88a8 8 0 0 0-8-8H96V48h112Z\"})}),S=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M104 60a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm60 12a12 12 0 1 0-12-12 12 12 0 0 0 12 12Zm-72 44a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm72 0a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm-72 68a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm72 0a12 12 0 1 0 12 12 12 12 0 0 0-12-12Z\"})}),k=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm12-88a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm44 0a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm-88 0a12 12 0 1 1-12-12 12 12 0 0 1 12 12Z\"})}),U=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M140 128a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm56-12a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm-136 0a12 12 0 1 0 12 12 12 12 0 0 0-12-12Z\"})}),P=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 152v56a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16v-56a8 8 0 0 1 16 0v56h160v-56a8 8 0 0 1 16 0Zm-101.66 5.66a8 8 0 0 0 11.32 0l40-40a8 8 0 0 0-11.32-11.32L136 132.69V40a8 8 0 0 0-16 0v92.69l-26.34-26.35a8 8 0 0 0-11.32 11.32Z\"})}),D=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 48H32a8 8 0 0 0-8 8v136a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a8 8 0 0 0-8-8Zm-96 85.15L52.57 64h150.86ZM98.71 128 40 181.81V74.19Zm11.84 10.85 12 11.05a8 8 0 0 0 10.82 0l12-11.05 58 53.15H52.57ZM157.29 128 216 74.18v107.64Z\"})}),q=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 112v96a16 16 0 0 1-16 16H56a16 16 0 0 1-16-16v-96a16 16 0 0 1 16-16h24a8 8 0 0 1 0 16H56v96h144v-96h-24a8 8 0 0 1 0-16h24a16 16 0 0 1 16 16ZM93.66 69.66 120 43.31V136a8 8 0 0 0 16 0V43.31l26.34 26.35a8 8 0 0 0 11.32-11.32l-40-40a8 8 0 0 0-11.32 0l-40 40a8 8 0 0 0 11.32 11.32Z\"})}),R=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M219.31 80 176 36.69A15.86 15.86 0 0 0 164.69 32H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V91.31A15.86 15.86 0 0 0 219.31 80ZM168 208H88v-56h80Zm40 0h-24v-56a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v56H48V48h116.69L208 91.31ZM160 72a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h56a8 8 0 0 1 8 8Z\"})}),y=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M230.6 49.53A15.81 15.81 0 0 0 216 40H40a16 16 0 0 0-11.81 26.76l.08.09L96 139.17V216a16 16 0 0 0 24.87 13.32l32-21.34a16 16 0 0 0 7.13-13.32v-55.49l67.74-72.32.08-.09a15.8 15.8 0 0 0 2.78-17.23ZM40 56Zm108.34 72.28a15.92 15.92 0 0 0-4.34 10.89v55.49L112 216v-76.83a15.92 15.92 0 0 0-4.32-10.94L40 56h176Z\"})}),F=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 80a48 48 0 1 0 48 48 48.05 48.05 0 0 0-48-48Zm0 80a32 32 0 1 1 32-32 32 32 0 0 1-32 32Zm88-29.84q.06-2.16 0-4.32l14.92-18.64a8 8 0 0 0 1.48-7.06 107.21 107.21 0 0 0-10.88-26.25 8 8 0 0 0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186 40.54a8 8 0 0 0-3.94-6 107.71 107.71 0 0 0-26.25-10.87 8 8 0 0 0-7.06 1.49L130.16 40h-4.32L107.2 25.11a8 8 0 0 0-7.06-1.48 107.6 107.6 0 0 0-26.25 10.88 8 8 0 0 0-3.93 6l-2.64 23.76q-1.56 1.49-3 3L40.54 70a8 8 0 0 0-6 3.94 107.71 107.71 0 0 0-10.87 26.25 8 8 0 0 0 1.49 7.06L40 125.84v4.32L25.11 148.8a8 8 0 0 0-1.48 7.06 107.21 107.21 0 0 0 10.88 26.25 8 8 0 0 0 6 3.93l23.72 2.64q1.49 1.56 3 3L70 215.46a8 8 0 0 0 3.94 6 107.71 107.71 0 0 0 26.25 10.87 8 8 0 0 0 7.06-1.49L125.84 216q2.16.06 4.32 0l18.64 14.92a8 8 0 0 0 7.06 1.48 107.21 107.21 0 0 0 26.25-10.88 8 8 0 0 0 3.93-6l2.64-23.72q1.56-1.48 3-3l23.78-2.8a8 8 0 0 0 6-3.94 107.71 107.71 0 0 0 10.87-26.25 8 8 0 0 0-1.49-7.06Zm-16.1-6.5a73.93 73.93 0 0 1 0 8.68 8 8 0 0 0 1.74 5.48l14.19 17.73a91.57 91.57 0 0 1-6.23 15l-22.6 2.56a8 8 0 0 0-5.1 2.64 74.11 74.11 0 0 1-6.14 6.14 8 8 0 0 0-2.64 5.1l-2.51 22.58a91.32 91.32 0 0 1-15 6.23l-17.74-14.19a8 8 0 0 0-5-1.75h-.48a73.93 73.93 0 0 1-8.68 0 8 8 0 0 0-5.48 1.74l-17.78 14.2a91.57 91.57 0 0 1-15-6.23L82.89 187a8 8 0 0 0-2.64-5.1 74.11 74.11 0 0 1-6.14-6.14 8 8 0 0 0-5.1-2.64l-22.58-2.52a91.32 91.32 0 0 1-6.23-15l14.19-17.74a8 8 0 0 0 1.74-5.48 73.93 73.93 0 0 1 0-8.68 8 8 0 0 0-1.74-5.48L40.2 100.45a91.57 91.57 0 0 1 6.23-15L69 82.89a8 8 0 0 0 5.1-2.64 74.11 74.11 0 0 1 6.14-6.14A8 8 0 0 0 82.89 69l2.51-22.57a91.32 91.32 0 0 1 15-6.23l17.74 14.19a8 8 0 0 0 5.48 1.74 73.93 73.93 0 0 1 8.68 0 8 8 0 0 0 5.48-1.74l17.77-14.19a91.57 91.57 0 0 1 15 6.23L173.11 69a8 8 0 0 0 2.64 5.1 74.11 74.11 0 0 1 6.14 6.14 8 8 0 0 0 5.1 2.64l22.58 2.51a91.32 91.32 0 0 1 6.23 15l-14.19 17.74a8 8 0 0 0-1.74 5.53Z\"})}),G=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m218.83 103.77-80-75.48a1.14 1.14 0 0 1-.11-.11 16 16 0 0 0-21.53 0l-.11.11-79.91 75.48A16 16 0 0 0 32 115.55V208a16 16 0 0 0 16 16h48a16 16 0 0 0 16-16v-48h32v48a16 16 0 0 0 16 16h48a16 16 0 0 0 16-16v-92.45a16 16 0 0 0-5.17-11.78ZM208 208h-48v-48a16 16 0 0 0-16-16h-32a16 16 0 0 0-16 16v48H48v-92.45l.11-.1L128 40l79.9 75.43.11.1Z\"})}),O=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16Zm0 16v102.75l-26.07-26.06a16 16 0 0 0-22.63 0l-20 20-44-44a16 16 0 0 0-22.62 0L40 149.37V56ZM40 172l52-52 80 80H40Zm176 28h-21.37l-36-36 20-20L216 181.38V200Zm-72-100a12 12 0 1 1 12 12 12 12 0 0 1-12-12Z\"})}),T=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm16-40a8 8 0 0 1-8 8 16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16 16 16 0 0 1 16 16v40a8 8 0 0 1 8 8Zm-32-92a12 12 0 1 1 12 12 12 12 0 0 1-12-12Z\"})}),E=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M165.66 90.34a8 8 0 0 1 0 11.32l-64 64a8 8 0 0 1-11.32-11.32l64-64a8 8 0 0 1 11.32 0ZM215.6 40.4a56 56 0 0 0-79.2 0l-30.06 30.05a8 8 0 0 0 11.32 11.32l30.06-30a40 40 0 0 1 56.57 56.56l-30.07 30.06a8 8 0 0 0 11.31 11.32l30.07-30.11a56 56 0 0 0 0-79.2Zm-77.26 133.82-30.06 30.06a40 40 0 1 1-56.56-56.57l30.05-30.05a8 8 0 0 0-11.32-11.32L40.4 136.4a56 56 0 0 0 79.2 79.2l30.06-30.07a8 8 0 0 0-11.32-11.31Z\"})}),X=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8ZM40 72h176a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16Zm176 112H40a8 8 0 0 0 0 16h176a8 8 0 0 0 0-16Z\"})}),j=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 80H96V56a32 32 0 0 1 32-32c15.37 0 29.2 11 32.16 25.59a8 8 0 0 0 15.68-3.18C171.32 24.15 151.2 8 128 8a48.05 48.05 0 0 0-48 48v24H48a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16Zm0 128H48V96h160v112Z\"})}),Q=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 80h-32V56a48 48 0 0 0-96 0v24H48a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16ZM96 56a32 32 0 0 1 64 0v24H96Zm112 152H48V96h160v112Z\"})}),W=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m229.66 218.34-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32ZM40 112a72 72 0 1 1 72 72 72.08 72.08 0 0 1-72-72Z\"})}),b=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 64a40 40 0 1 0 40 40 40 40 0 0 0-40-40Zm0 64a24 24 0 1 1 24-24 24 24 0 0 1-24 24Zm0-112a88.1 88.1 0 0 0-88 88c0 31.4 14.51 64.68 42 96.25a254.19 254.19 0 0 0 41.45 38.3 8 8 0 0 0 9.18 0 254.19 254.19 0 0 0 41.37-38.3c27.45-31.57 42-64.85 42-96.25a88.1 88.1 0 0 0-88-88Zm0 206c-16.53-13-72-60.75-72-118a72 72 0 0 1 144 0c0 57.23-55.47 105-72 118Z\"})}),z=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M240 120a48.05 48.05 0 0 0-48-48h-39.8c-2.91-.17-53.62-3.74-101.91-44.24A16 16 0 0 0 24 40v160a16 16 0 0 0 26.29 12.25c37.77-31.68 77-40.76 93.71-43.3v31.72a16 16 0 0 0 7.12 13.33l11 7.33A16 16 0 0 0 186.5 212l11.77-44.36A48.07 48.07 0 0 0 240 120ZM40 199.93V40c42.81 35.91 86.63 45 104 47.24v65.48c-17.35 2.28-61.16 11.35-104 47.21Zm131 8v.11l-11-7.33V168h21.6ZM192 152h-32V88h32a32 32 0 1 1 0 64Z\"})}),J=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M176 128a8 8 0 0 1-8 8H88a8 8 0 0 1 0-16h80a8 8 0 0 1 8 8Zm56 0A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),K=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8Z\"})}),Y=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M209.66 122.34a8 8 0 0 1 0 11.32l-82.05 82a56 56 0 0 1-79.2-79.21l99.26-100.72a40 40 0 1 1 56.61 56.55L105 193a24 24 0 1 1-34-34l83.3-84.62a8 8 0 1 1 11.4 11.22l-83.31 84.71a8 8 0 1 0 11.27 11.36L192.93 81A24 24 0 1 0 159 47L59.76 147.68a40 40 0 1 0 56.53 56.62l82.06-82a8 8 0 0 1 11.31.04Z\"})}),$=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M48 56v144a8 8 0 0 1-16 0V56a8 8 0 0 1 16 0Zm84 54.5-20 6.5V96a8 8 0 0 0-16 0v21l-20-6.5a8 8 0 0 0-5 15.22l20 6.49-12.34 17a8 8 0 1 0 12.94 9.4l12.34-17 12.34 17a8 8 0 1 0 12.94-9.4l-12.34-17 20-6.49A8 8 0 0 0 132 110.5Zm106 5.14a8 8 0 0 0-10-5.14l-20 6.5V96a8 8 0 0 0-16 0v21l-20-6.49a8 8 0 0 0-4.95 15.22l20 6.49-12.34 17a8 8 0 1 0 12.94 9.4l12.34-17 12.34 17a8 8 0 1 0 12.94-9.4l-12.34-17 20-6.49a8 8 0 0 0 5.07-10.09Z\"})}),_=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m227.31 73.37-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63ZM51.31 160 136 75.31 152.69 92 68 176.68ZM48 179.31 76.69 208H48Zm48 25.38L79.31 188 164 103.31 180.69 120Zm96-96L147.31 64l24-24L216 84.68Z\"})}),aa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m222.37 158.46-47.11-21.11-.13-.06a16 16 0 0 0-15.17 1.4 8.12 8.12 0 0 0-.75.56L134.87 160c-15.42-7.49-31.34-23.29-38.83-38.51l20.78-24.71c.2-.25.39-.5.57-.77a16 16 0 0 0 1.32-15.06v-.12L97.54 33.64a16 16 0 0 0-16.62-9.52A56.26 56.26 0 0 0 32 80c0 79.4 64.6 144 144 144a56.26 56.26 0 0 0 55.88-48.92 16 16 0 0 0-9.51-16.62ZM176 208A128.14 128.14 0 0 1 48 80a40.2 40.2 0 0 1 34.87-40 .61.61 0 0 0 0 .12l21 47-20.67 24.74a6.13 6.13 0 0 0-.57.77 16 16 0 0 0-1 15.7c9.06 18.53 27.73 37.06 46.46 46.11a16 16 0 0 0 15.75-1.14 8.44 8.44 0 0 0 .74-.56L168.89 152l47 21.05h.11A40.21 40.21 0 0 1 176 208Z\"})}),sa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm48-88a8 8 0 0 1-8 8h-32v32a8 8 0 0 1-16 0v-32H88a8 8 0 0 1 0-16h32V88a8 8 0 0 1 16 0v32h32a8 8 0 0 1 8 8Z\"})}),la=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8Z\"})}),ea=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M140 180a12 12 0 1 1-12-12 12 12 0 0 1 12 12ZM128 72c-22.06 0-40 16.15-40 36v4a8 8 0 0 0 16 0v-4c0-11 10.77-20 24-20s24 9 24 20-10.77 20-24 20a8 8 0 0 0-8 8v8a8 8 0 0 0 16 0v-.72c18.24-3.35 32-17.9 32-35.28 0-19.85-17.94-36-40-36Zm104 56A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),ra=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M222.14 58.87A8 8 0 0 0 216 56H54.68l-4.89-26.86A16 16 0 0 0 34.05 16H16a8 8 0 0 0 0 16h18l25.56 140.29a24 24 0 0 0 5.33 11.27 28 28 0 1 0 44.4 8.44h45.42a27.75 27.75 0 0 0-2.71 12 28 28 0 1 0 28-28H83.17a8 8 0 0 1-7.87-6.57L72.13 152h116a24 24 0 0 0 23.61-19.71l12.16-66.86a8 8 0 0 0-1.76-6.56ZM96 204a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm96 0a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm4-74.57a8 8 0 0 1-7.9 6.57H69.22L57.59 72h148.82Z\"})}),ia=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m141.66 133.66-40 40a8 8 0 0 1-11.32-11.32L116.69 136H24a8 8 0 0 1 0-16h92.69L90.34 93.66a8 8 0 0 1 11.32-11.32l40 40a8 8 0 0 1 0 11.32ZM192 32h-56a8 8 0 0 0 0 16h56v160h-56a8 8 0 0 0 0 16h56a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16Z\"})}),ca=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M112 216a8 8 0 0 1-8 8H48a16 16 0 0 1-16-16V48a16 16 0 0 1 16-16h56a8 8 0 0 1 0 16H48v160h56a8 8 0 0 1 8 8Zm109.66-93.66-40-40a8 8 0 0 0-11.32 11.32L196.69 120H104a8 8 0 0 0 0 16h92.69l-26.35 26.34a8 8 0 0 0 11.32 11.32l40-40a8 8 0 0 0 0-11.32Z\"})}),oa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M64 105V40a8 8 0 0 0-16 0v65a32 32 0 0 0 0 62v49a8 8 0 0 0 16 0v-49a32 32 0 0 0 0-62Zm-8 47a16 16 0 1 1 16-16 16 16 0 0 1-16 16Zm80-95V40a8 8 0 0 0-16 0v17a32 32 0 0 0 0 62v97a8 8 0 0 0 16 0v-97a32 32 0 0 0 0-62Zm-8 47a16 16 0 1 1 16-16 16 16 0 0 1-16 16Zm104 64a32.06 32.06 0 0 0-24-31V40a8 8 0 0 0-16 0v97a32 32 0 0 0 0 62v17a8 8 0 0 0 16 0v-17a32.06 32.06 0 0 0 24-31Zm-32 16a16 16 0 1 1 16-16 16 16 0 0 1-16 16Z\"})}),na=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 128a8 8 0 0 1-8 8H48a8 8 0 0 1 0-16h72a8 8 0 0 1 8 8ZM48 72h136a8 8 0 0 0 0-16H48a8 8 0 0 0 0 16Zm56 112H48a8 8 0 0 0 0 16h56a8 8 0 0 0 0-16Zm125.66-21.66a8 8 0 0 0-11.32 0L192 188.69V112a8 8 0 0 0-16 0v76.69l-26.34-26.35a8 8 0 0 0-11.32 11.32l40 40a8 8 0 0 0 11.32 0l40-40a8 8 0 0 0 0-11.32Z\"})}),ha=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M40 128a8 8 0 0 1 8-8h72a8 8 0 0 1 0 16H48a8 8 0 0 1-8-8Zm8-56h56a8 8 0 0 0 0-16H48a8 8 0 0 0 0 16Zm136 112H48a8 8 0 0 0 0 16h136a8 8 0 0 0 0-16Zm45.66-101.66-40-40a8 8 0 0 0-11.32 0l-40 40a8 8 0 0 0 11.32 11.32L176 67.31V144a8 8 0 0 0 16 0V67.31l26.34 26.35a8 8 0 0 0 11.32-11.32Z\"})}),ta=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M136 32v32a8 8 0 0 1-16 0V32a8 8 0 0 1 16 0Zm88 88h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16Zm-45.09 47.6a8 8 0 0 0-11.31 11.31l22.62 22.63a8 8 0 0 0 11.32-11.32ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8Zm-50.91-16.4-22.63 22.62a8 8 0 0 0 11.32 11.32l22.62-22.63a8 8 0 0 0-11.31-11.31ZM72 128a8 8 0 0 0-8-8H32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8Zm-6.22-73.54a8 8 0 0 0-11.32 11.32L77.09 88.4A8 8 0 0 0 88.4 77.09Z\"})}),wa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 48h-40v-8a24 24 0 0 0-24-24h-48a24 24 0 0 0-24 24v8H40a8 8 0 0 0 0 16h8v144a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16V64h8a8 8 0 0 0 0-16ZM96 40a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8v8H96Zm96 168H64V64h128Zm-80-104v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0Zm48 0v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0Z\"})}),da=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 152v56a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16v-56a8 8 0 0 1 16 0v56h160v-56a8 8 0 0 1 16 0ZM93.66 85.66 120 59.31V152a8 8 0 0 0 16 0V59.31l26.34 26.35a8 8 0 0 0 11.32-11.32l-40-40a8 8 0 0 0-11.32 0l-40 40a8 8 0 0 0 11.32 11.32Z\"})}),va=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M168 56a8 8 0 0 1 8-8h48a8 8 0 0 1 0 16h-48a8 8 0 0 1-8-8Zm62.56 54.68a103.92 103.92 0 1 1-85.24-85.24 8 8 0 0 1-2.64 15.78A88.07 88.07 0 0 0 40 128a87.62 87.62 0 0 0 22.24 58.41 79.66 79.66 0 0 1 36.06-28.75 48 48 0 1 1 59.4 0 79.66 79.66 0 0 1 36.06 28.75A87.62 87.62 0 0 0 216 128a88.85 88.85 0 0 0-1.22-14.68 8 8 0 1 1 15.78-2.64ZM128 152a32 32 0 1 0-32-32 32 32 0 0 0 32 32Zm0 64a87.57 87.57 0 0 0 53.92-18.5 64 64 0 0 0-107.84 0A87.57 87.57 0 0 0 128 216Z\"})}),ma=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M168 56a8 8 0 0 1 8-8h16V32a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0V64h-16a8 8 0 0 1-8-8Zm62.56 54.68a103.92 103.92 0 1 1-85.24-85.24 8 8 0 0 1-2.64 15.78A88.07 88.07 0 0 0 40 128a87.62 87.62 0 0 0 22.24 58.41 79.66 79.66 0 0 1 36.06-28.75 48 48 0 1 1 59.4 0 79.66 79.66 0 0 1 36.06 28.75A87.62 87.62 0 0 0 216 128a88.85 88.85 0 0 0-1.22-14.68 8 8 0 1 1 15.78-2.64ZM128 152a32 32 0 1 0-32-32 32 32 0 0 0 32 32Zm0 64a87.57 87.57 0 0 0 53.92-18.5 64 64 0 0 0-107.84 0A87.57 87.57 0 0 0 128 216Z\"})}),ga=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24ZM74.08 197.5a64 64 0 0 1 107.84 0 87.83 87.83 0 0 1-107.84 0ZM96 120a32 32 0 1 1 32 32 32 32 0 0 1-32-32Zm97.76 66.41a79.66 79.66 0 0 0-36.06-28.75 48 48 0 1 0-59.4 0 79.66 79.66 0 0 0-36.06 28.75 88 88 0 1 1 131.52 0Z\"})}),Za=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M236.8 188.09 149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19 23.51 23.51 0 0 0 .02-23.72Zm-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2 7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72ZM120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm20 36a12 12 0 1 1-12-12 12 12 0 0 1 12 12Z\"})}),pa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M165.66 101.66 139.31 128l26.35 26.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32ZM232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),ua=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128 50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z\"})}),xa=({className:l,...e})=>a(ta,{className:s(\"sds-icon sds-icon--spinner\",l),...e});export{l as ArchiveIcon,e as ArrowCircleLeftIcon,r as ArrowCircleRightIcon,i as ArrowClockwiseIcon,c as ArrowLeftIcon,o as ArrowRightIcon,n as ArrowSquareOutIcon,h as ArrowUUpLeftIcon,t as ArrowUUpRightIcon,d as BellIcon,w as BellRingingIcon,v as BookmarkSimpleFillIcon,m as BookmarkSimpleIcon,g as CalendarBlankIcon,Z as CalendarPlusIcon,p as CaretCircleDownIcon,u as CaretCircleLeftIcon,x as CaretCircleRightIcon,N as CaretCircleUpIcon,M as CaretDownIcon,C as CaretLeftIcon,H as CaretRightIcon,f as CaretUpIcon,L as CheckCircleIcon,B as CheckIcon,I as CircleIcon,V as ClockIcon,A as CopyIcon,S as DotsSixVerticalIcon,k as DotsThreeCircleIcon,U as DotsThreeIcon,P as DownloadSimpleIcon,D as EnvelopeIcon,q as ExportIcon,R as FloppyDiskIcon,y as FunnelIcon,F as GearIcon,G as HouseIcon,O as ImageIcon,T as InfoIcon,E as LinkSimpleIcon,X as ListIcon,Q as LockSimpleIcon,j as LockSimpleOpenIcon,W as MagnifyingGlassIcon,b as MapPinIcon,z as MegaphoneIcon,J as MinusCircleIcon,K as MinusIcon,Y as PaperclipIcon,$ as PasswordIcon,_ as PencilIcon,aa as PhoneIcon,sa as PlusCircleIcon,la as PlusIcon,ea as QuestionIcon,ra as ShoppingCartIcon,ia as SignInIcon,ca as SignOutIcon,oa as SlidersIcon,na as SortAscendingIcon,ha as SortDescendingIcon,ta as SpinnerGapIcon,xa as SpinnerIcon,wa as TrashIcon,da as UploadSimpleIcon,ga as UserCircleIcon,va as UserCircleMinusIcon,ma as UserCirclePlusIcon,Za as WarningIcon,pa as XCircleIcon,ua as XIcon};\n//# sourceMappingURL=index.js.map\n","import React, { ChangeEventHandler, ReactNode, useId } from \"react\";\nimport \"./toggle-button.pcss\";\nimport clsx from \"clsx\";\nimport { PlusCircleIcon } from \"@sikt/sds-icons\";\n\nexport type ToggleButtonProps = {\n checked?: boolean;\n label: ReactNode;\n showIcons?: boolean;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n};\n\nexport const ToggleButton = ({\n checked,\n label,\n showIcons = true,\n onChange,\n ...rest\n}: ToggleButtonProps) => {\n const toggleButtonId = useId();\n return (\n <div className=\"sds-toggle-button\" {...rest}>\n <input\n type=\"checkbox\"\n className=\"sds-toggle-button__input\"\n onChange={onChange}\n readOnly={!onChange}\n checked={checked}\n aria-checked={checked}\n id={toggleButtonId}\n />\n <label\n className={clsx(\n \"sds-toggle-button__label\",\n checked && \"sds-toggle-button__label--checked\"\n )}\n htmlFor={toggleButtonId}\n >\n <div className=\"sds-toggle-button__label-text\">{label}</div>\n {showIcons && (\n <PlusCircleIcon\n className={clsx(\n \"sds-toggle-button__icon\",\n checked && \"sds-toggle-button__icon--checked\"\n )}\n />\n )}\n </label>\n </div>\n );\n};\n","import React, {\n ReactNode,\n ChangeEventHandler,\n useId,\n InputHTMLAttributes,\n} from \"react\";\nimport clsx from \"clsx\";\nimport { CheckIcon, WarningIcon, XIcon } from \"@sikt/sds-icons\";\nimport \"./toggle-switch.pcss\";\n\nexport type ToggleSwitchProps = {\n checked?: boolean;\n label: ReactNode;\n labelFirst?: boolean;\n showIcons?: boolean;\n errorText?: string;\n inputProps?: InputHTMLAttributes<HTMLInputElement>;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n};\n\nexport const ToggleSwitch = ({\n checked = false,\n label,\n labelFirst = false,\n showIcons = true,\n errorText,\n onChange,\n inputProps = {},\n ...rest\n}: ToggleSwitchProps) => {\n const id = useId();\n const labelElement = (\n <div className=\"sds-toggle-switch__label\">\n {errorText && <WarningIcon />} {label}\n </div>\n );\n\n return (\n <div\n className={clsx(\n \"sds-toggle-switch\",\n checked && \"sds-toggle-switch--checked\",\n errorText && \"sds-toggle-switch--error\"\n )}\n {...rest}\n >\n <label className=\"sds-toggle-switch__main-label\">\n {labelFirst && labelElement}\n <div className=\"sds-toggle-switch__inner\">\n <input\n type=\"checkbox\"\n role=\"switch\"\n className=\"sds-toggle-switch__track\"\n checked={checked}\n aria-describedby={errorText && `${id}-help-text`}\n aria-invalid={Boolean(errorText)}\n aria-errormessage={errorText && `${id}-help-text`}\n onChange={onChange}\n readOnly={!onChange}\n {...inputProps}\n />\n <div className=\"sds-toggle-switch__thumb\">\n {showIcons && checked && <CheckIcon />}\n {showIcons && !checked && <XIcon />}\n </div>\n </div>\n {!labelFirst && labelElement}\n </label>\n {errorText && (\n <div className=\"sds-toggle-switch__help-text\" id={`${id}-help-text`}>\n {errorText}\n </div>\n )}\n </div>\n );\n};\n"],"names":["B","className","l","e","a","xmlns","fill","viewBox","s","children","jsx","d","sa","Za","ua","checked","label","showIcons","onChange","rest","toggleButtonId","useId","_jsxs","jsxs","_jsx","type","readOnly","id","clsx","htmlFor","PlusCircleIcon","labelFirst","errorText","inputProps","labelElement","WarningIcon","role","Boolean","CheckIcon","XIcon"],"mappings":"qFAA4D,MAA45SA,EAAE,EAAEC,UAAUC,KAAKC,KAAKC,EAAAA,IAAE,MAAM,CAACC,MAAM,6BAA6BC,KAAK,eAAeC,QAAQ,cAAcN,UAAUO,EAAE,WAAWN,GAAG,cAAc,UAAUC,EAAEM,SAASL,EAACM,IAAC,OAAO,CAACC,EAAE,yHAAw8bC,EAAG,EAAEX,UAAUC,KAAKC,KAAKC,EAAAA,IAAE,MAAM,CAACC,MAAM,6BAA6BC,KAAK,eAAeC,QAAQ,cAAcN,UAAUO,EAAE,WAAWN,GAAG,cAAc,UAAUC,EAAEM,SAASL,EAACM,IAAC,OAAO,CAACC,EAAE,yNAA8vOE,EAAG,EAAEZ,UAAUC,KAAKC,KAAKC,EAAAA,IAAE,MAAM,CAACC,MAAM,6BAA6BC,KAAK,eAAeC,QAAQ,cAAcN,UAAUO,EAAE,WAAWN,GAAG,cAAc,UAAUC,EAAEM,SAASL,EAACM,IAAC,OAAO,CAACC,EAAE,ubAAo6BG,EAAG,EAAEb,UAAUC,KAAKC,KAAKC,EAAAA,IAAE,MAAM,CAACC,MAAM,6BAA6BC,KAAK,eAAeC,QAAQ,cAAcN,UAAUO,EAAE,WAAWN,GAAG,cAAc,UAAUC,EAAEM,SAASL,EAAAA,IAAE,OAAO,CAACO,EAAE,oNCYrwgC,EAC1BI,UACAC,QACAC,aAAY,EACZC,cACGC,MAEH,MAAMC,EAAiBC,EAAAA,QACvB,OACEC,EAAKC,KAAA,MAAA,CAAAtB,UAAU,uBAAwBkB,EAAIV,SAAA,CACzCe,EACEd,IAAA,QAAA,CAAAe,KAAK,WACLxB,UAAU,2BACViB,SAAUA,EACVQ,UAAWR,EACXH,QAASA,EAAO,eACFA,EACdY,GAAIP,IAENE,EAAAC,KAAA,QAAA,CACEtB,UAAW2B,EACT,2BACAb,GAAW,qCAEbc,QAAST,EAAcX,SAAA,CAEvBe,EAAAA,WAAKvB,UAAU,gCAAiCQ,SAAAO,IAC/CC,GACCO,EAAAA,IAACM,EAAc,CACb7B,UAAW2B,EACT,0BACAb,GAAW,2CAMrB,uBC7BwB,EAC1BA,WAAU,EACVC,QACAe,cAAa,EACbd,aAAY,EACZe,YACAd,WACAe,aAAa,CAAE,KACZd,MAEH,MAAMQ,EAAKN,EAAAA,QACLa,EACJZ,EAAAA,KAAK,MAAA,CAAArB,UAAU,2BAA0BQ,SAAA,CACtCuB,GAAaR,MAACW,EAAW,QAAMnB,KAIpC,OACEM,OAAA,MAAA,CACErB,UAAW2B,EACT,oBACAb,GAAW,6BACXiB,GAAa,+BAEXb,EAEJV,SAAA,CAAAa,EAAAC,KAAA,QAAA,CAAOtB,UAAU,gCAA+BQ,SAAA,CAC7CsB,GAAcG,EACfZ,EAAAA,YAAKrB,UAAU,2BAA0BQ,SAAA,CACvCe,EACEd,IAAA,QAAA,CAAAe,KAAK,WACLW,KAAK,SACLnC,UAAU,2BACVc,QAASA,EACS,mBAAAiB,GAAa,GAAGL,cACpB,eAAAU,QAAQL,GAAU,oBACbA,GAAa,GAAGL,cACnCT,SAAUA,EACVQ,UAAWR,KACPe,IAENX,EAAAC,KAAA,MAAA,CAAKtB,UAAU,2BAA0BQ,SAAA,CACtCQ,GAAaF,GAAWS,MAACc,EAAY,CAAA,GACrCrB,IAAcF,GAAWS,EAAAA,IAACe,EAAQ,WAGrCR,GAAcG,KAEjBF,GACCR,EAAAA,IAAA,MAAA,CAAKvB,UAAU,+BAA+B0B,GAAI,GAAGA,cAAclB,SAChEuB,MAIP"}
1
+ {"version":3,"file":"index.js","sources":["../../../icons/dist/index.js","../../ToggleSwitch.tsx","../../ToggleButton.tsx","../../../form/FieldsetContext.ts","../../../form/Fieldset.tsx","../../ToggleSegment.tsx","../../../form/dist/index.js","../../ToggleSegmentOption.tsx"],"sourcesContent":["import{jsx as a}from\"react/jsx-runtime\";import s from\"clsx\";const l=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 48H32a16 16 0 0 0-16 16v24a16 16 0 0 0 16 16v88a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-88a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16Zm-16 144H48v-88h160Zm16-104H32V64h192v24ZM96 136a8 8 0 0 1 8-8h48a8 8 0 0 1 0 16h-48a8 8 0 0 1-8-8Z\"})}),e=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm48-88a8 8 0 0 1-8 8h-60.69l18.35 18.34a8 8 0 0 1-11.32 11.32l-32-32a8 8 0 0 1 0-11.32l32-32a8 8 0 0 1 11.32 11.32L107.31 120H168a8 8 0 0 1 8 8Z\"})}),r=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm45.66-93.66a8 8 0 0 1 0 11.32l-32 32a8 8 0 0 1-11.32-11.32L148.69 136H88a8 8 0 0 1 0-16h60.69l-18.35-18.34a8 8 0 0 1 11.32-11.32Z\"})}),i=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36-.25-.24a80 80 0 1 0-1.67 114.78 8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0Z\"})}),c=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8H59.31l58.35 58.34a8 8 0 0 1-11.32 11.32l-72-72a8 8 0 0 1 0-11.32l72-72a8 8 0 0 1 11.32 11.32L59.31 120H216a8 8 0 0 1 8 8Z\"})}),o=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m221.66 133.66-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32Z\"})}),n=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8Z\"})}),h=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M232 144a64.07 64.07 0 0 1-64 64H80a8 8 0 0 1 0-16h88a48 48 0 0 0 0-96H51.31l34.35 34.34a8 8 0 0 1-11.32 11.32l-48-48a8 8 0 0 1 0-11.32l48-48a8 8 0 0 1 11.32 11.32L51.31 80H168a64.07 64.07 0 0 1 64 64Z\"})}),t=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M170.34 130.34 204.69 96H88a48 48 0 0 0 0 96h88a8 8 0 0 1 0 16H88a64 64 0 0 1 0-128h116.69l-34.35-34.34a8 8 0 0 1 11.32-11.32l48 48a8 8 0 0 1 0 11.32l-48 48a8 8 0 0 1-11.32-11.32Z\"})}),w=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 71.1a8 8 0 0 1-10.78-3.42 94.13 94.13 0 0 0-33.46-36.91 8 8 0 1 1 8.54-13.54 111.46 111.46 0 0 1 39.12 43.09A8 8 0 0 1 224 71.1ZM35.71 72a8 8 0 0 0 7.1-4.32 94.13 94.13 0 0 1 33.46-36.91 8 8 0 1 0-8.54-13.54 111.46 111.46 0 0 0-39.12 43.09A8 8 0 0 0 35.71 72Zm186.1 103.94A16 16 0 0 1 208 200h-40.8a40 40 0 0 1-78.4 0H48a16 16 0 0 1-13.79-24.06C43.22 160.39 48 138.28 48 112a80 80 0 0 1 160 0c0 26.27 4.78 48.38 13.81 63.94ZM150.62 200h-45.24a24 24 0 0 0 45.24 0ZM208 184c-10.64-18.27-16-42.49-16-72a64 64 0 0 0-128 0c0 29.52-5.38 53.74-16 72Z\"})}),d=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M221.8 175.94c-5.55-9.56-13.8-36.61-13.8-71.94a80 80 0 1 0-160 0c0 35.34-8.26 62.38-13.81 71.94A16 16 0 0 0 48 200h40.81a40 40 0 0 0 78.38 0H208a16 16 0 0 0 13.8-24.06ZM128 216a24 24 0 0 1-22.62-16h45.24A24 24 0 0 1 128 216Zm-80-32c7.7-13.24 16-43.92 16-80a64 64 0 1 1 128 0c0 36.05 8.28 66.73 16 80Z\"})}),v=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M184 32H72a16 16 0 0 0-16 16v176a8 8 0 0 0 12.24 6.78L128 193.43l59.77 37.35A8 8 0 0 0 200 224V48a16 16 0 0 0-16-16Z\"})}),m=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M184 32H72a16 16 0 0 0-16 16v176a8 8 0 0 0 12.24 6.78L128 193.43l59.77 37.35A8 8 0 0 0 200 224V48a16 16 0 0 0-16-16Zm0 177.57-51.77-32.35a8 8 0 0 0-8.48 0L72 209.57V48h112Z\"})}),g=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16ZM72 48v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32H48V48Zm136 160H48V96h160v112Z\"})}),Z=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16ZM72 48v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32H48V48Zm136 160H48V96h160v112Zm-48-56a8 8 0 0 1-8 8h-16v16a8 8 0 0 1-16 0v-16h-16a8 8 0 0 1 0-16h16v-16a8 8 0 0 1 16 0v16h16a8 8 0 0 1 8 8Z\"})}),p=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm45.66-109.66a8 8 0 0 1 0 11.32l-40 40a8 8 0 0 1-11.32 0l-40-40a8 8 0 0 1 11.32-11.32L128 140.69l34.34-34.35a8 8 0 0 1 11.32 0Z\"})}),C=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm21.66-122.34L115.31 128l34.35 34.34a8 8 0 0 1-11.32 11.32l-40-40a8 8 0 0 1 0-11.32l40-40a8 8 0 0 1 11.32 11.32Z\"})}),u=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm29.66-93.66a8 8 0 0 1 0 11.32l-40 40a8 8 0 0 1-11.32-11.32L140.69 128l-34.35-34.34a8 8 0 0 1 11.32-11.32Z\"})}),x=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm45.66-77.66a8 8 0 0 1-11.32 11.32L128 115.31l-34.34 34.35a8 8 0 0 1-11.32-11.32l40-40a8 8 0 0 1 11.32 0Z\"})}),N=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m213.66 101.66-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32Z\"})}),M=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z\"})}),L=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m181.66 133.66-80 80a8 8 0 0 1-11.32-11.32L164.69 128 90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32Z\"})}),H=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32Z\"})}),f=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0ZM232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),B=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m229.66 77.66-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69 218.34 66.34a8 8 0 0 1 11.32 11.32Z\"})}),I=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Z\"})}),V=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm64-88a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8V72a8 8 0 0 1 16 0v48h48a8 8 0 0 1 8 8Z\"})}),A=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 32H88a8 8 0 0 0-8 8v40H40a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h128a8 8 0 0 0 8-8v-40h40a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8Zm-56 176H48V96h112Zm48-48h-32V88a8 8 0 0 0-8-8H96V48h112Z\"})}),S=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M104 60a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm60 12a12 12 0 1 0-12-12 12 12 0 0 0 12 12Zm-72 44a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm72 0a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm-72 68a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm72 0a12 12 0 1 0 12 12 12 12 0 0 0-12-12Z\"})}),k=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm12-88a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm44 0a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm-88 0a12 12 0 1 1-12-12 12 12 0 0 1 12 12Z\"})}),U=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M140 128a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm56-12a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm-136 0a12 12 0 1 0 12 12 12 12 0 0 0-12-12Z\"})}),P=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 152v56a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16v-56a8 8 0 0 1 16 0v56h160v-56a8 8 0 0 1 16 0Zm-101.66 5.66a8 8 0 0 0 11.32 0l40-40a8 8 0 0 0-11.32-11.32L136 132.69V40a8 8 0 0 0-16 0v92.69l-26.34-26.35a8 8 0 0 0-11.32 11.32Z\"})}),D=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 48H32a8 8 0 0 0-8 8v136a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a8 8 0 0 0-8-8Zm-96 85.15L52.57 64h150.86ZM98.71 128 40 181.81V74.19Zm11.84 10.85 12 11.05a8 8 0 0 0 10.82 0l12-11.05 58 53.15H52.57ZM157.29 128 216 74.18v107.64Z\"})}),q=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 112v96a16 16 0 0 1-16 16H56a16 16 0 0 1-16-16v-96a16 16 0 0 1 16-16h24a8 8 0 0 1 0 16H56v96h144v-96h-24a8 8 0 0 1 0-16h24a16 16 0 0 1 16 16ZM93.66 69.66 120 43.31V136a8 8 0 0 0 16 0V43.31l26.34 26.35a8 8 0 0 0 11.32-11.32l-40-40a8 8 0 0 0-11.32 0l-40 40a8 8 0 0 0 11.32 11.32Z\"})}),R=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M219.31 80 176 36.69A15.86 15.86 0 0 0 164.69 32H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V91.31A15.86 15.86 0 0 0 219.31 80ZM168 208H88v-56h80Zm40 0h-24v-56a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v56H48V48h116.69L208 91.31ZM160 72a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h56a8 8 0 0 1 8 8Z\"})}),y=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M230.6 49.53A15.81 15.81 0 0 0 216 40H40a16 16 0 0 0-11.81 26.76l.08.09L96 139.17V216a16 16 0 0 0 24.87 13.32l32-21.34a16 16 0 0 0 7.13-13.32v-55.49l67.74-72.32.08-.09a15.8 15.8 0 0 0 2.78-17.23ZM40 56Zm108.34 72.28a15.92 15.92 0 0 0-4.34 10.89v55.49L112 216v-76.83a15.92 15.92 0 0 0-4.32-10.94L40 56h176Z\"})}),F=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 80a48 48 0 1 0 48 48 48.05 48.05 0 0 0-48-48Zm0 80a32 32 0 1 1 32-32 32 32 0 0 1-32 32Zm88-29.84q.06-2.16 0-4.32l14.92-18.64a8 8 0 0 0 1.48-7.06 107.21 107.21 0 0 0-10.88-26.25 8 8 0 0 0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186 40.54a8 8 0 0 0-3.94-6 107.71 107.71 0 0 0-26.25-10.87 8 8 0 0 0-7.06 1.49L130.16 40h-4.32L107.2 25.11a8 8 0 0 0-7.06-1.48 107.6 107.6 0 0 0-26.25 10.88 8 8 0 0 0-3.93 6l-2.64 23.76q-1.56 1.49-3 3L40.54 70a8 8 0 0 0-6 3.94 107.71 107.71 0 0 0-10.87 26.25 8 8 0 0 0 1.49 7.06L40 125.84v4.32L25.11 148.8a8 8 0 0 0-1.48 7.06 107.21 107.21 0 0 0 10.88 26.25 8 8 0 0 0 6 3.93l23.72 2.64q1.49 1.56 3 3L70 215.46a8 8 0 0 0 3.94 6 107.71 107.71 0 0 0 26.25 10.87 8 8 0 0 0 7.06-1.49L125.84 216q2.16.06 4.32 0l18.64 14.92a8 8 0 0 0 7.06 1.48 107.21 107.21 0 0 0 26.25-10.88 8 8 0 0 0 3.93-6l2.64-23.72q1.56-1.48 3-3l23.78-2.8a8 8 0 0 0 6-3.94 107.71 107.71 0 0 0 10.87-26.25 8 8 0 0 0-1.49-7.06Zm-16.1-6.5a73.93 73.93 0 0 1 0 8.68 8 8 0 0 0 1.74 5.48l14.19 17.73a91.57 91.57 0 0 1-6.23 15l-22.6 2.56a8 8 0 0 0-5.1 2.64 74.11 74.11 0 0 1-6.14 6.14 8 8 0 0 0-2.64 5.1l-2.51 22.58a91.32 91.32 0 0 1-15 6.23l-17.74-14.19a8 8 0 0 0-5-1.75h-.48a73.93 73.93 0 0 1-8.68 0 8 8 0 0 0-5.48 1.74l-17.78 14.2a91.57 91.57 0 0 1-15-6.23L82.89 187a8 8 0 0 0-2.64-5.1 74.11 74.11 0 0 1-6.14-6.14 8 8 0 0 0-5.1-2.64l-22.58-2.52a91.32 91.32 0 0 1-6.23-15l14.19-17.74a8 8 0 0 0 1.74-5.48 73.93 73.93 0 0 1 0-8.68 8 8 0 0 0-1.74-5.48L40.2 100.45a91.57 91.57 0 0 1 6.23-15L69 82.89a8 8 0 0 0 5.1-2.64 74.11 74.11 0 0 1 6.14-6.14A8 8 0 0 0 82.89 69l2.51-22.57a91.32 91.32 0 0 1 15-6.23l17.74 14.19a8 8 0 0 0 5.48 1.74 73.93 73.93 0 0 1 8.68 0 8 8 0 0 0 5.48-1.74l17.77-14.19a91.57 91.57 0 0 1 15 6.23L173.11 69a8 8 0 0 0 2.64 5.1 74.11 74.11 0 0 1 6.14 6.14 8 8 0 0 0 5.1 2.64l22.58 2.51a91.32 91.32 0 0 1 6.23 15l-14.19 17.74a8 8 0 0 0-1.74 5.53Z\"})}),G=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m218.83 103.77-80-75.48a1.14 1.14 0 0 1-.11-.11 16 16 0 0 0-21.53 0l-.11.11-79.91 75.48A16 16 0 0 0 32 115.55V208a16 16 0 0 0 16 16h48a16 16 0 0 0 16-16v-48h32v48a16 16 0 0 0 16 16h48a16 16 0 0 0 16-16v-92.45a16 16 0 0 0-5.17-11.78ZM208 208h-48v-48a16 16 0 0 0-16-16h-32a16 16 0 0 0-16 16v48H48v-92.45l.11-.1L128 40l79.9 75.43.11.1Z\"})}),O=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16Zm0 16v102.75l-26.07-26.06a16 16 0 0 0-22.63 0l-20 20-44-44a16 16 0 0 0-22.62 0L40 149.37V56ZM40 172l52-52 80 80H40Zm176 28h-21.37l-36-36 20-20L216 181.38V200Zm-72-100a12 12 0 1 1 12 12 12 12 0 0 1-12-12Z\"})}),T=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm16-40a8 8 0 0 1-8 8 16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16 16 16 0 0 1 16 16v40a8 8 0 0 1 8 8Zm-32-92a12 12 0 1 1 12 12 12 12 0 0 1-12-12Z\"})}),E=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M165.66 90.34a8 8 0 0 1 0 11.32l-64 64a8 8 0 0 1-11.32-11.32l64-64a8 8 0 0 1 11.32 0ZM215.6 40.4a56 56 0 0 0-79.2 0l-30.06 30.05a8 8 0 0 0 11.32 11.32l30.06-30a40 40 0 0 1 56.57 56.56l-30.07 30.06a8 8 0 0 0 11.31 11.32l30.07-30.11a56 56 0 0 0 0-79.2Zm-77.26 133.82-30.06 30.06a40 40 0 1 1-56.56-56.57l30.05-30.05a8 8 0 0 0-11.32-11.32L40.4 136.4a56 56 0 0 0 79.2 79.2l30.06-30.07a8 8 0 0 0-11.32-11.31Z\"})}),X=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8ZM40 72h176a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16Zm176 112H40a8 8 0 0 0 0 16h176a8 8 0 0 0 0-16Z\"})}),$=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 80H96V56a32 32 0 0 1 32-32c15.37 0 29.2 11 32.16 25.59a8 8 0 0 0 15.68-3.18C171.32 24.15 151.2 8 128 8a48.05 48.05 0 0 0-48 48v24H48a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16Zm0 128H48V96h160v112Z\"})}),j=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 80h-32V56a48 48 0 0 0-96 0v24H48a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16ZM96 56a32 32 0 0 1 64 0v24H96Zm112 152H48V96h160v112Z\"})}),Q=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m229.66 218.34-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32ZM40 112a72 72 0 1 1 72 72 72.08 72.08 0 0 1-72-72Z\"})}),W=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 64a40 40 0 1 0 40 40 40 40 0 0 0-40-40Zm0 64a24 24 0 1 1 24-24 24 24 0 0 1-24 24Zm0-112a88.1 88.1 0 0 0-88 88c0 31.4 14.51 64.68 42 96.25a254.19 254.19 0 0 0 41.45 38.3 8 8 0 0 0 9.18 0 254.19 254.19 0 0 0 41.37-38.3c27.45-31.57 42-64.85 42-96.25a88.1 88.1 0 0 0-88-88Zm0 206c-16.53-13-72-60.75-72-118a72 72 0 0 1 144 0c0 57.23-55.47 105-72 118Z\"})}),b=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M240 120a48.05 48.05 0 0 0-48-48h-39.8c-2.91-.17-53.62-3.74-101.91-44.24A16 16 0 0 0 24 40v160a16 16 0 0 0 26.29 12.25c37.77-31.68 77-40.76 93.71-43.3v31.72a16 16 0 0 0 7.12 13.33l11 7.33A16 16 0 0 0 186.5 212l11.77-44.36A48.07 48.07 0 0 0 240 120ZM40 199.93V40c42.81 35.91 86.63 45 104 47.24v65.48c-17.35 2.28-61.16 11.35-104 47.21Zm131 8v.11l-11-7.33V168h21.6ZM192 152h-32V88h32a32 32 0 1 1 0 64Z\"})}),z=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M176 128a8 8 0 0 1-8 8H88a8 8 0 0 1 0-16h80a8 8 0 0 1 8 8Zm56 0A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),J=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8Z\"})}),K=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M209.66 122.34a8 8 0 0 1 0 11.32l-82.05 82a56 56 0 0 1-79.2-79.21l99.26-100.72a40 40 0 1 1 56.61 56.55L105 193a24 24 0 1 1-34-34l83.3-84.62a8 8 0 1 1 11.4 11.22l-83.31 84.71a8 8 0 1 0 11.27 11.36L192.93 81A24 24 0 1 0 159 47L59.76 147.68a40 40 0 1 0 56.53 56.62l82.06-82a8 8 0 0 1 11.31.04Z\"})}),Y=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M48 56v144a8 8 0 0 1-16 0V56a8 8 0 0 1 16 0Zm84 54.5-20 6.5V96a8 8 0 0 0-16 0v21l-20-6.5a8 8 0 0 0-5 15.22l20 6.49-12.34 17a8 8 0 1 0 12.94 9.4l12.34-17 12.34 17a8 8 0 1 0 12.94-9.4l-12.34-17 20-6.49A8 8 0 0 0 132 110.5Zm106 5.14a8 8 0 0 0-10-5.14l-20 6.5V96a8 8 0 0 0-16 0v21l-20-6.49a8 8 0 0 0-4.95 15.22l20 6.49-12.34 17a8 8 0 1 0 12.94 9.4l12.34-17 12.34 17a8 8 0 1 0 12.94-9.4l-12.34-17 20-6.49a8 8 0 0 0 5.07-10.09Z\"})}),_=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m227.31 73.37-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63ZM51.31 160 136 75.31 152.69 92 68 176.68ZM48 179.31 76.69 208H48Zm48 25.38L79.31 188 164 103.31 180.69 120Zm96-96L147.31 64l24-24L216 84.68Z\"})}),aa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m222.37 158.46-47.11-21.11-.13-.06a16 16 0 0 0-15.17 1.4 8.12 8.12 0 0 0-.75.56L134.87 160c-15.42-7.49-31.34-23.29-38.83-38.51l20.78-24.71c.2-.25.39-.5.57-.77a16 16 0 0 0 1.32-15.06v-.12L97.54 33.64a16 16 0 0 0-16.62-9.52A56.26 56.26 0 0 0 32 80c0 79.4 64.6 144 144 144a56.26 56.26 0 0 0 55.88-48.92 16 16 0 0 0-9.51-16.62ZM176 208A128.14 128.14 0 0 1 48 80a40.2 40.2 0 0 1 34.87-40 .61.61 0 0 0 0 .12l21 47-20.67 24.74a6.13 6.13 0 0 0-.57.77 16 16 0 0 0-1 15.7c9.06 18.53 27.73 37.06 46.46 46.11a16 16 0 0 0 15.75-1.14 8.44 8.44 0 0 0 .74-.56L168.89 152l47 21.05h.11A40.21 40.21 0 0 1 176 208Z\"})}),sa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm48-88a8 8 0 0 1-8 8h-32v32a8 8 0 0 1-16 0v-32H88a8 8 0 0 1 0-16h32V88a8 8 0 0 1 16 0v32h32a8 8 0 0 1 8 8Z\"})}),la=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8Z\"})}),ea=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M140 180a12 12 0 1 1-12-12 12 12 0 0 1 12 12ZM128 72c-22.06 0-40 16.15-40 36v4a8 8 0 0 0 16 0v-4c0-11 10.77-20 24-20s24 9 24 20-10.77 20-24 20a8 8 0 0 0-8 8v8a8 8 0 0 0 16 0v-.72c18.24-3.35 32-17.9 32-35.28 0-19.85-17.94-36-40-36Zm104 56A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),ra=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M222.14 58.87A8 8 0 0 0 216 56H54.68l-4.89-26.86A16 16 0 0 0 34.05 16H16a8 8 0 0 0 0 16h18l25.56 140.29a24 24 0 0 0 5.33 11.27 28 28 0 1 0 44.4 8.44h45.42a27.75 27.75 0 0 0-2.71 12 28 28 0 1 0 28-28H83.17a8 8 0 0 1-7.87-6.57L72.13 152h116a24 24 0 0 0 23.61-19.71l12.16-66.86a8 8 0 0 0-1.76-6.56ZM96 204a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm96 0a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm4-74.57a8 8 0 0 1-7.9 6.57H69.22L57.59 72h148.82Z\"})}),ia=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m141.66 133.66-40 40a8 8 0 0 1-11.32-11.32L116.69 136H24a8 8 0 0 1 0-16h92.69L90.34 93.66a8 8 0 0 1 11.32-11.32l40 40a8 8 0 0 1 0 11.32ZM192 32h-56a8 8 0 0 0 0 16h56v160h-56a8 8 0 0 0 0 16h56a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16Z\"})}),ca=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M112 216a8 8 0 0 1-8 8H48a16 16 0 0 1-16-16V48a16 16 0 0 1 16-16h56a8 8 0 0 1 0 16H48v160h56a8 8 0 0 1 8 8Zm109.66-93.66-40-40a8 8 0 0 0-11.32 11.32L196.69 120H104a8 8 0 0 0 0 16h92.69l-26.35 26.34a8 8 0 0 0 11.32 11.32l40-40a8 8 0 0 0 0-11.32Z\"})}),oa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M64 105V40a8 8 0 0 0-16 0v65a32 32 0 0 0 0 62v49a8 8 0 0 0 16 0v-49a32 32 0 0 0 0-62Zm-8 47a16 16 0 1 1 16-16 16 16 0 0 1-16 16Zm80-95V40a8 8 0 0 0-16 0v17a32 32 0 0 0 0 62v97a8 8 0 0 0 16 0v-97a32 32 0 0 0 0-62Zm-8 47a16 16 0 1 1 16-16 16 16 0 0 1-16 16Zm104 64a32.06 32.06 0 0 0-24-31V40a8 8 0 0 0-16 0v97a32 32 0 0 0 0 62v17a8 8 0 0 0 16 0v-17a32.06 32.06 0 0 0 24-31Zm-32 16a16 16 0 1 1 16-16 16 16 0 0 1-16 16Z\"})}),na=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 128a8 8 0 0 1-8 8H48a8 8 0 0 1 0-16h72a8 8 0 0 1 8 8ZM48 72h136a8 8 0 0 0 0-16H48a8 8 0 0 0 0 16Zm56 112H48a8 8 0 0 0 0 16h56a8 8 0 0 0 0-16Zm125.66-21.66a8 8 0 0 0-11.32 0L192 188.69V112a8 8 0 0 0-16 0v76.69l-26.34-26.35a8 8 0 0 0-11.32 11.32l40 40a8 8 0 0 0 11.32 0l40-40a8 8 0 0 0 0-11.32Z\"})}),ha=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M40 128a8 8 0 0 1 8-8h72a8 8 0 0 1 0 16H48a8 8 0 0 1-8-8Zm8-56h56a8 8 0 0 0 0-16H48a8 8 0 0 0 0 16Zm136 112H48a8 8 0 0 0 0 16h136a8 8 0 0 0 0-16Zm45.66-101.66-40-40a8 8 0 0 0-11.32 0l-40 40a8 8 0 0 0 11.32 11.32L176 67.31V144a8 8 0 0 0 16 0V67.31l26.34 26.35a8 8 0 0 0 11.32-11.32Z\"})}),ta=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M136 32v32a8 8 0 0 1-16 0V32a8 8 0 0 1 16 0Zm88 88h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16Zm-45.09 47.6a8 8 0 0 0-11.31 11.31l22.62 22.63a8 8 0 0 0 11.32-11.32ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8Zm-50.91-16.4-22.63 22.62a8 8 0 0 0 11.32 11.32l22.62-22.63a8 8 0 0 0-11.31-11.31ZM72 128a8 8 0 0 0-8-8H32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8Zm-6.22-73.54a8 8 0 0 0-11.32 11.32L77.09 88.4A8 8 0 0 0 88.4 77.09Z\"})}),wa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 48h-40v-8a24 24 0 0 0-24-24h-48a24 24 0 0 0-24 24v8H40a8 8 0 0 0 0 16h8v144a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16V64h8a8 8 0 0 0 0-16ZM96 40a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8v8H96Zm96 168H64V64h128Zm-80-104v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0Zm48 0v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0Z\"})}),da=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 152v56a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16v-56a8 8 0 0 1 16 0v56h160v-56a8 8 0 0 1 16 0ZM93.66 85.66 120 59.31V152a8 8 0 0 0 16 0V59.31l26.34 26.35a8 8 0 0 0 11.32-11.32l-40-40a8 8 0 0 0-11.32 0l-40 40a8 8 0 0 0 11.32 11.32Z\"})}),va=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M168 56a8 8 0 0 1 8-8h48a8 8 0 0 1 0 16h-48a8 8 0 0 1-8-8Zm62.56 54.68a103.92 103.92 0 1 1-85.24-85.24 8 8 0 0 1-2.64 15.78A88.07 88.07 0 0 0 40 128a87.62 87.62 0 0 0 22.24 58.41 79.66 79.66 0 0 1 36.06-28.75 48 48 0 1 1 59.4 0 79.66 79.66 0 0 1 36.06 28.75A87.62 87.62 0 0 0 216 128a88.85 88.85 0 0 0-1.22-14.68 8 8 0 1 1 15.78-2.64ZM128 152a32 32 0 1 0-32-32 32 32 0 0 0 32 32Zm0 64a87.57 87.57 0 0 0 53.92-18.5 64 64 0 0 0-107.84 0A87.57 87.57 0 0 0 128 216Z\"})}),ma=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M168 56a8 8 0 0 1 8-8h16V32a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0V64h-16a8 8 0 0 1-8-8Zm62.56 54.68a103.92 103.92 0 1 1-85.24-85.24 8 8 0 0 1-2.64 15.78A88.07 88.07 0 0 0 40 128a87.62 87.62 0 0 0 22.24 58.41 79.66 79.66 0 0 1 36.06-28.75 48 48 0 1 1 59.4 0 79.66 79.66 0 0 1 36.06 28.75A87.62 87.62 0 0 0 216 128a88.85 88.85 0 0 0-1.22-14.68 8 8 0 1 1 15.78-2.64ZM128 152a32 32 0 1 0-32-32 32 32 0 0 0 32 32Zm0 64a87.57 87.57 0 0 0 53.92-18.5 64 64 0 0 0-107.84 0A87.57 87.57 0 0 0 128 216Z\"})}),ga=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24ZM74.08 197.5a64 64 0 0 1 107.84 0 87.83 87.83 0 0 1-107.84 0ZM96 120a32 32 0 1 1 32 32 32 32 0 0 1-32-32Zm97.76 66.41a79.66 79.66 0 0 0-36.06-28.75 48 48 0 1 0-59.4 0 79.66 79.66 0 0 0-36.06 28.75 88 88 0 1 1 131.52 0Z\"})}),Za=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M236.8 188.09 149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19 23.51 23.51 0 0 0 .02-23.72Zm-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2 7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72ZM120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm20 36a12 12 0 1 1-12-12 12 12 0 0 1 12 12Z\"})}),pa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M165.66 101.66 139.31 128l26.35 26.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32ZM232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),Ca=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128 50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z\"})}),ua=({className:l,...e})=>a(ta,{className:s(\"sds-icon sds-icon--spinner\",l),...e}),xa=({color:l=\"white\",className:e,...r})=>a(\"svg\",{viewBox:\"0 0 32 32\",xmlns:\"http://www.w3.org/2000/svg\",className:s(\"sds-icon\",`sds-icon--color-${l}`,e),\"aria-hidden\":\"true\",...r,children:a(\"path\",{d:\"M19.0687 13.8561L29.12 2H26.7382L18.0106 12.2945L11.0399 2H3L13.5411 17.5671L3 30H5.38198L14.5985 19.1287L21.9601 30H30L19.0681 13.8561H19.0687ZM15.8062 17.7042L14.7382 16.1541L6.24025 3.81955H9.89884L16.7568 13.7739L17.8248 15.324L26.7393 28.2632H23.0807L15.8062 17.7048V17.7042Z\"})}),Na=({color:l=\"white\",className:e,...r})=>a(\"svg\",{viewBox:\"0 0 32 32\",xmlns:\"http://www.w3.org/2000/svg\",className:s(\"sds-icon\",`sds-icon--color-${l}`,e),\"aria-hidden\":\"true\",...r,children:a(\"path\",{d:\"M4.11716 2.00013H27.9999C28.1606 2.00432 28.32 2.02812 28.4749 2.07108C28.8261 2.16355 29.1456 2.35003 29.3992 2.61046C29.6527 2.8709 29.8308 3.19548 29.9142 3.54952C29.9729 3.78559 30.0008 4.02828 29.9972 4.27154C30.0009 12.0774 30.0009 19.8836 29.9972 27.6901C29.9938 27.8634 29.9804 28.0364 29.9574 28.2081C29.8913 28.7041 29.6476 29.159 29.2716 29.4883C28.8956 29.8176 28.413 29.9989 27.9136 29.9982C19.9715 29.9982 12.029 29.9982 4.08621 29.9982C3.64924 29.9981 3.22353 29.8593 2.8701 29.6019C2.51668 29.3445 2.25356 28.9816 2.11866 28.5652C2.03622 28.2901 1.99634 28.004 2.00026 27.7168C2.00026 19.9369 2.00026 12.1569 2.00026 4.37694C1.9985 4.16869 2.01335 3.96059 2.04459 3.7547C2.08899 3.40751 2.22443 3.07832 2.43721 2.80068C2.64999 2.52305 2.93249 2.3069 3.25583 2.17424C3.52752 2.0561 3.821 1.99679 4.11716 2.00013ZM17.0234 25.7947V25.4753C17.0234 24.7356 17.0157 23.9958 17.0234 23.2571C17.0444 21.6567 16.968 20.0551 17.0654 18.4558C17.0867 17.9859 17.1878 17.523 17.3644 17.0872C17.4597 16.838 17.6057 16.6115 17.7931 16.4219C17.9805 16.2323 18.2051 16.0838 18.4528 15.9859C19.0205 15.7532 19.6488 15.7142 20.2408 15.875C20.667 15.9833 21.033 16.2565 21.2584 16.6347C21.4626 16.9936 21.5925 17.39 21.6403 17.8003C21.694 18.1616 21.7195 18.5265 21.7167 18.8917C21.7115 21.081 21.7115 23.2708 21.7167 25.4609C21.7167 25.5718 21.7299 25.6827 21.7366 25.7803C22.0964 25.8291 25.5553 25.8147 25.7645 25.7626C25.7701 25.6938 25.7811 25.6184 25.7822 25.5407C25.8055 23.958 25.759 22.3754 25.8166 20.7916C25.853 19.9045 25.8449 19.016 25.7922 18.1297C25.7546 17.5408 25.7624 16.9497 25.6815 16.363C25.5939 15.6291 25.3796 14.916 25.0482 14.2557C24.8264 13.8246 24.5192 13.4435 24.1453 13.1355C23.7714 12.8275 23.3388 12.5992 22.8738 12.4645C21.9829 12.1892 21.0431 12.1105 20.1191 12.2338C19.2323 12.3429 18.4041 12.7354 17.7574 13.3529C17.5025 13.5902 17.277 13.8571 17.0854 14.1481C17.0423 14.2146 17.0145 14.3122 16.8739 14.2923C16.8485 13.7211 16.8829 13.1499 16.853 12.5521L16.0502 12.5454H14.5113C14.2589 12.5454 14.0074 12.5454 13.755 12.5454C13.4875 12.5299 13.2191 12.5399 12.9534 12.5754V23.8128C12.9534 24.3784 12.9534 24.9441 12.9534 25.5097C12.9534 25.6018 12.9668 25.6927 12.9734 25.7914L17.0234 25.7947ZM10.252 25.7892C10.3096 25.5485 10.3074 12.805 10.252 12.5909C10.0306 12.5321 6.47549 12.5333 6.25959 12.5909C6.20424 12.8128 6.20313 25.5563 6.25959 25.7759C6.45113 25.8247 9.89992 25.8357 10.252 25.7892ZM10.6085 8.2732C10.6112 7.64777 10.3665 7.04672 9.92817 6.60136C9.48981 6.15601 8.89336 5.90255 8.26904 5.8964C7.95624 5.8945 7.64621 5.95451 7.35663 6.07301C7.06705 6.19151 6.80367 6.36613 6.58166 6.58688C6.35965 6.80763 6.18325 7.07014 6.06281 7.35933C5.94237 7.64853 5.88025 7.9587 5.87981 8.27205C5.87135 8.58776 5.92729 8.90191 6.04443 9.19513C6.16157 9.48835 6.33743 9.7545 6.56098 9.9772C6.78454 10.1999 7.05111 10.3744 7.34446 10.4901C7.63782 10.6058 7.95177 10.6603 8.26688 10.65C8.57882 10.6562 8.88865 10.5987 9.17767 10.481C9.46669 10.3633 9.72879 10.1878 9.9479 9.96528C10.167 9.74278 10.3386 9.47791 10.4522 9.1868C10.5657 8.8957 10.619 8.58442 10.6085 8.27205V8.2732Z\"})});export{l as ArchiveIcon,e as ArrowCircleLeftIcon,r as ArrowCircleRightIcon,i as ArrowClockwiseIcon,c as ArrowLeftIcon,o as ArrowRightIcon,n as ArrowSquareOutIcon,h as ArrowUUpLeftIcon,t as ArrowUUpRightIcon,d as BellIcon,w as BellRingingIcon,v as BookmarkSimpleFillIcon,m as BookmarkSimpleIcon,g as CalendarBlankIcon,Z as CalendarPlusIcon,p as CaretCircleDownIcon,C as CaretCircleLeftIcon,u as CaretCircleRightIcon,x as CaretCircleUpIcon,N as CaretDownIcon,M as CaretLeftIcon,L as CaretRightIcon,H as CaretUpIcon,f as CheckCircleIcon,B as CheckIcon,I as CircleIcon,V as ClockIcon,A as CopyIcon,S as DotsSixVerticalIcon,k as DotsThreeCircleIcon,U as DotsThreeIcon,P as DownloadSimpleIcon,D as EnvelopeIcon,q as ExportIcon,R as FloppyDiskIcon,y as FunnelIcon,F as GearIcon,G as HouseIcon,O as ImageIcon,T as InfoIcon,E as LinkSimpleIcon,Na as LinkedInLogo,X as ListIcon,j as LockSimpleIcon,$ as LockSimpleOpenIcon,Q as MagnifyingGlassIcon,W as MapPinIcon,b as MegaphoneIcon,z as MinusCircleIcon,J as MinusIcon,K as PaperclipIcon,Y as PasswordIcon,_ as PencilIcon,aa as PhoneIcon,sa as PlusCircleIcon,la as PlusIcon,ea as QuestionIcon,ra as ShoppingCartIcon,ia as SignInIcon,ca as SignOutIcon,oa as SlidersIcon,na as SortAscendingIcon,ha as SortDescendingIcon,ta as SpinnerGapIcon,ua as SpinnerIcon,wa as TrashIcon,da as UploadSimpleIcon,ga as UserCircleIcon,va as UserCircleMinusIcon,ma as UserCirclePlusIcon,Za as WarningIcon,pa as XCircleIcon,Ca as XIcon,xa as XLogo};\n//# sourceMappingURL=index.js.map\n","import React, { ReactNode, ChangeEventHandler, useId, forwardRef } from \"react\";\nimport clsx from \"clsx\";\nimport { CheckIcon, XIcon } from \"@sikt/sds-icons\";\nimport \"./toggle-switch.pcss\";\n\nexport type ToggleSwitchProps = {\n checked?: boolean;\n label: ReactNode;\n labelFirst?: boolean;\n showIcons?: boolean;\n error?: boolean;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n};\n\nexport const ToggleSwitch = forwardRef<HTMLInputElement, ToggleSwitchProps>(\n (\n {\n checked = false,\n label,\n labelFirst = false,\n showIcons = true,\n error = false,\n onChange,\n ...rest\n },\n ref\n ) => {\n const id = useId();\n const labelElement = (\n <div className=\"sds-toggle-switch__label-text\">{label}</div>\n );\n\n return (\n <div\n className={clsx(\n \"sds-toggle-switch\",\n checked && \"sds-toggle-switch--checked\",\n error && \"sds-toggle-switch--error\"\n )}\n data-testid=\"sds-toggle-switch\"\n >\n <label className=\"sds-toggle-switch__label\" htmlFor={id}>\n {labelFirst && labelElement}\n <div className=\"sds-toggle-switch__inner\">\n <input\n ref={ref}\n id={id}\n type=\"checkbox\"\n role=\"switch\"\n className=\"sds-toggle-switch__track\"\n checked={checked}\n aria-invalid={error}\n onChange={onChange}\n readOnly={!onChange}\n {...rest}\n />\n <div className=\"sds-toggle-switch__thumb\">\n {showIcons && checked && <CheckIcon />}\n {showIcons && !checked && <XIcon />}\n </div>\n </div>\n {!labelFirst && labelElement}\n </label>\n </div>\n );\n }\n);\nToggleSwitch.displayName = \"ToggleSwitch\";\n","import React, { ChangeEventHandler, forwardRef, ReactNode, useId } from \"react\";\nimport clsx from \"clsx\";\nimport { PlusCircleIcon } from \"@sikt/sds-icons\";\nimport \"./toggle-button.pcss\";\n\nexport type ToggleButtonProps = {\n checked?: boolean;\n label: ReactNode;\n showIcons?: boolean;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n};\n\nexport const ToggleButton = forwardRef<HTMLInputElement, ToggleButtonProps>(\n ({ checked, label, showIcons = true, onChange, ...rest }, ref) => {\n const toggleButtonId = useId();\n return (\n <div className=\"sds-toggle-button\" {...rest}>\n <input\n ref={ref}\n type=\"checkbox\"\n className=\"sds-toggle-button__input\"\n onChange={onChange}\n readOnly={!onChange}\n checked={checked}\n aria-checked={checked}\n id={toggleButtonId}\n />\n <label\n className={clsx(\n \"sds-toggle-button__label\",\n checked && \"sds-toggle-button__label--checked\"\n )}\n htmlFor={toggleButtonId}\n >\n <div className=\"sds-toggle-button__label-text\">{label}</div>\n {showIcons && (\n <PlusCircleIcon\n className={clsx(\n \"sds-toggle-button__icon\",\n checked && \"sds-toggle-button__icon--checked\"\n )}\n />\n )}\n </label>\n </div>\n );\n }\n);\nToggleButton.displayName = \"ToggleButton\";\n","import { createContext, useContext } from \"react\";\n\nexport interface FieldsetState {\n name?: string;\n error?: boolean;\n}\n\nexport const FieldsetContext = createContext<FieldsetState | undefined>(\n undefined\n);\n\nexport function useFieldset(): FieldsetState | undefined {\n return useContext(FieldsetContext);\n}\n","import React, {\n HTMLAttributes,\n ReactNode,\n forwardRef,\n useId,\n useMemo,\n} from \"react\";\nimport clsx from \"clsx\";\nimport { FieldsetContext } from \"./FieldsetContext\";\nimport \"./fieldset.pcss\";\n\nexport interface FieldsetProps extends HTMLAttributes<HTMLFieldSetElement> {\n className?: string;\n legend: string;\n name?: string;\n errorText?: string;\n helpText?: string;\n children: ReactNode;\n}\n\nexport const Fieldset = forwardRef<HTMLFieldSetElement, FieldsetProps>(\n (\n { className, legend, name, errorText, helpText, children, ...rest },\n ref\n ) => {\n const id = useId();\n\n const context = useMemo(\n () => ({ name: name ?? id, error: Boolean(errorText) }),\n [name, errorText]\n );\n\n return (\n <FieldsetContext.Provider value={context}>\n <fieldset\n ref={ref}\n className={clsx(\n \"sds-form-fieldset\",\n errorText && \"sds-form-fieldset--error\",\n className\n )}\n aria-describedby={`${id}-help-text`}\n aria-invalid={Boolean(errorText)}\n aria-errormessage={errorText ? `${id}-help-text` : undefined}\n {...rest}\n >\n <legend className=\"sds-form-fieldset__legend\">{legend}</legend>\n {children}\n {(errorText ?? helpText) && (\n <div\n className=\"sds-form-fieldset__help-text\"\n id={`${id}-help-text`}\n >\n {errorText ?? helpText}\n </div>\n )}\n </fieldset>\n </FieldsetContext.Provider>\n );\n }\n);\nFieldset.displayName = \"Fieldset\";\n","import React, { ReactNode, forwardRef } from \"react\";\nimport \"./toggle-segment.pcss\";\nimport { Fieldset, FieldsetProps } from \"../form/index\";\n\nexport interface ToggleSegmentProps extends Omit<FieldsetProps, \"onChange\"> {\n children: ReactNode;\n}\n\nexport const ToggleSegment = forwardRef<\n HTMLFieldSetElement,\n ToggleSegmentProps\n>(({ children, ...rest }, ref) => {\n return (\n <div className=\"sds-toggle-segment\">\n <Fieldset className=\"sds-toggle-segment__fieldset\" {...rest} ref={ref}>\n <div className=\"sds-toggle-segment__group\">{children}</div>\n </Fieldset>\n </div>\n );\n});\nToggleSegment.displayName = \"ToggleSegment\";\n","import{jsx as e,jsxs as r}from\"react/jsx-runtime\";import{createContext as l,useContext as s,forwardRef as d,useId as o,useMemo as a}from\"react\";import i from\"clsx\";const t=l(void 0);function m(){return s(t)}const c=d((({className:l,legend:s,name:d,errorText:m,helpText:c,children:n,...f},h)=>{const x=o(),p=a((()=>({name:d??x,error:Boolean(m)})),[d,m]);return e(t.Provider,{value:p,children:r(\"fieldset\",{ref:h,className:i(\"sds-form-fieldset\",m&&\"sds-form-fieldset--error\",l),\"aria-describedby\":`${x}-help-text`,\"aria-invalid\":Boolean(m),\"aria-errormessage\":m?`${x}-help-text`:void 0,...f,children:[e(\"legend\",{className:\"sds-form-fieldset__legend\",children:s}),n,(m??c)&&e(\"div\",{className:\"sds-form-fieldset__help-text\",id:`${x}-help-text`,children:m??c})]})})}));c.displayName=\"Fieldset\";const n=({className:l,text:s,error:d,children:o,...a})=>r(\"label\",{className:i(\"sds-form-field__label\",d&&\"sds-form-field__label--error\",l),...a,children:[e(\"div\",{className:\"sds-form-field__label-text\",children:s}),o]}),f=({className:r,error:l,...s})=>e(\"div\",{className:i(\"sds-form-field__help-text\",l&&\"sds-form-field__help-text--error\",r),...s}),h=({className:l,label:s,errorText:d,helpText:o,htmlFor:a,helpTextId:t,children:m,...c})=>r(\"div\",{className:i(\"sds-form-field\",d&&\"sds-form-field--error\",l),children:[e(n,{text:s,error:Boolean(d),htmlFor:a,...c,children:m}),(d??o)&&e(f,{id:t,error:Boolean(d),children:d??o})]});export{c as Fieldset,h as FormField,f as HelpText,n as Label,m as useFieldset};\n//# sourceMappingURL=index.js.map\n","import React, {\n ChangeEvent,\n InputHTMLAttributes,\n ReactNode,\n forwardRef,\n useId,\n} from \"react\";\nimport \"./toggle-segment.pcss\";\nimport clsx from \"clsx\";\nimport { useFieldset } from \"@sikt/sds-form\";\n\nexport interface ToggleSegmentOptionProps\n extends Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\"> {\n value: string | number;\n label: string;\n children?: ReactNode;\n checked?: boolean;\n onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport const ToggleSegmentOption = forwardRef<\n HTMLInputElement,\n ToggleSegmentOptionProps\n>(({ value, label, checked, onChange, children, ...rest }, ref) => {\n const { name } = useFieldset() ?? {};\n const generatedId = useId();\n const htmlForId = rest.id ?? generatedId;\n\n return (\n <div className=\"sds-toggle-segment__option\">\n <input\n id={htmlForId}\n name={name}\n ref={ref}\n type=\"radio\"\n onChange={onChange}\n className=\"sds-toggle-segment__input\"\n value={value}\n checked={checked}\n {...rest}\n />\n <label\n className={clsx(\n \"sds-toggle-segment__label\",\n checked && \"sds-toggle-segment__label--checked\"\n )}\n htmlFor={htmlForId}\n >\n {label}\n {children}\n </label>\n </div>\n );\n});\nToggleSegmentOption.displayName = \"ToggleSegmentOption\";\n\nexport default ToggleSegmentOption;\n"],"names":["B","className","l","e","a","xmlns","fill","viewBox","s","children","jsx","d","sa","Ca","ToggleSwitch","forwardRef","checked","label","labelFirst","showIcons","error","onChange","rest","ref","id","useId","labelElement","_jsx","clsx","_jsxs","htmlFor","type","role","readOnly","jsxs","CheckIcon","XIcon","displayName","ToggleButton","toggleButtonId","PlusCircleIcon","FieldsetContext","createContext","undefined","Fieldset","legend","name","errorText","helpText","context","useMemo","Boolean","Provider","value","ToggleSegment","t","c","m","n","f","h","x","o","p","r","i","ToggleSegmentOption","generatedId","htmlForId"],"mappings":"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"}
package/dist/index.css CHANGED
@@ -1,4 +1,62 @@
1
- .sds-toggle-switch{--sds-toggle-transition-duration:400ms;--sds-toggle-track-width:var(--sds-size-base-l);--sds-toggle-thumb-size:var(--sds-size-base-s1);--sds-toggle-border-width:var(--sds-border-size-regular);--sds-toggle-padding:var(--sds-border-size-regular);--sds-toggle-thumb-offset:calc(var(--sds-toggle-border-width) + var(--sds-toggle-padding));--sds-toggle-track-bg-color:var(--sds-color-background-default);--sds-toggle-track-border-color:var(--sds-color-surface-neutral);--sds-toggle-thumb-bg-color:var(--sds-color-surface-neutral);--sds-toggle-thumb-text-color:var(--sds-color-text-onsurface-action);--sds-toggle-thumb-position:0;--sds-toggle-label-color:var(--sds-color-text-default)}.sds-toggle-switch__main-label{align-items:center;column-gap:var(--sds-size-base-xs);cursor:pointer;display:inline-flex;vertical-align:bottom}.sds-toggle-switch:hover{--sds-toggle-track-border-color:var(--sds-color-surface-neutral-hover);--sds-toggle-thumb-bg-color:var(--sds-color-surface-neutral-hover)}.sds-toggle-switch:active{--sds-toggle-track-border-color:var(--sds-color-surface-neutral-active);--sds-toggle-thumb-bg-color:var(--sds-color-surface-neutral-active)}.sds-toggle-switch--checked{--sds-toggle-track-bg-color:var(--sds-color-surface-action);--sds-toggle-track-border-color:var(--sds-color-surface-action);--sds-toggle-thumb-bg-color:var(--sds-color-text-onsurface-action);--sds-toggle-thumb-text-color:var(--sds-color-text-action);--sds-toggle-thumb-position:calc(var(--sds-toggle-track-width) - var(--sds-toggle-thumb-size) - var(--sds-toggle-thumb-offset)*2)}.sds-toggle-switch--checked:hover{--sds-toggle-track-bg-color:var(--sds-color-surface-action-hover);--sds-toggle-track-border-color:var(--sds-color-surface-action-hover);--sds-toggle-thumb-bg-color:var(--sds-color-text-onsurface-action)}.sds-toggle-switch--checked:active{--sds-toggle-track-bg-color:var(--sds-color-surface-action-active);--sds-toggle-track-border-color:var(--sds-color-surface-action-active);--sds-toggle-thumb-bg-color:var(--sds-color-text-onsurface-action)}.sds-toggle-switch__inner{align-items:center;display:inline-flex;position:relative}.sds-toggle-switch__label{align-items:center;color:var(--sds-toggle-label-color);column-gap:var(--sds-size-base-xs);display:flex;font-size:var(--sds-size-text-s1)}.sds-toggle-switch__track{-webkit-appearance:none;appearance:none;background-color:var(--sds-toggle-track-bg-color);border:var(--sds-toggle-border-width) solid var(--sds-toggle-track-border-color);border-radius:var(--sds-toggle-thumb-size);cursor:pointer;height:calc(var(--sds-toggle-thumb-size) + var(--sds-toggle-thumb-offset)*2);padding:var(--sds-toggle-padding);transition:background-color var(--sds-toggle-transition-duration),border-color var(--sds-toggle-transition-duration);width:var(--sds-toggle-track-width)}.sds-toggle-switch__track:focus-visible{border-color:#0000;outline:var(--sds-outline);outline-offset:0}.sds-toggle-switch__thumb{align-items:center;background-color:var(--sds-toggle-thumb-bg-color);border-radius:var(--sds-border-radius-full);display:inline-flex;height:var(--sds-toggle-thumb-size);justify-content:center;left:var(--sds-toggle-thumb-offset);position:absolute;transform:translateX(var(--sds-toggle-thumb-position));transition:all var(--sds-toggle-transition-duration);width:var(--sds-toggle-thumb-size)}.sds-toggle-switch__thumb>*{color:var(--sds-toggle-thumb-text-color);font-size:var(--sds-size-base-s);transition:all var(--sds-toggle-transition-duration)}.sds-toggle-switch__help-text{color:var(--sds-toggle-label-color);font-size:var(--sds-size-text-s);line-height:var(--sds-size-text-s1);padding:var(--sds-size-padding-small)}.sds-toggle-switch--error{--sds-toggle-label-color:var(--sds-color-text-danger);--sds-toggle-track-border-color:var(--sds-color-surface-danger);--sds-toggle-track-bg-color:var(--sds-color-background-default);--sds-toggle-thumb-bg-color:var(--sds-color-surface-danger)}.sds-toggle-switch--error:hover{--sds-toggle-track-border-color:var(--sds-color-surface-danger-hover);--sds-toggle-thumb-bg-color:var(--sds-color-surface-danger-hover)}.sds-toggle-switch--error.sds-toggle-switch--checked{--sds-toggle-track-border-color:var(--sds-color-surface-danger);--sds-toggle-track-bg-color:var(--sds-color-surface-danger);--sds-toggle-thumb-bg-color:var(--sds-color-text-onsurface-danger);--sds-toggle-thumb-text-color:var(--sds-color-text-danger)}.sds-toggle-switch--error.sds-toggle-switch--checked:hover{--sds-toggle-track-border-color:var(--sds-color-surface-danger-hover);--sds-toggle-track-bg-color:var(--sds-color-surface-danger-hover)}.sds-toggle-button{--toggle-button-outline:none;--toggle-button-border-color:var(--sds-color-surface-action);--toggle-button-background-color:inherit;display:inline-block}.sds-toggle-button__label{align-items:center;background-color:var(--toggle-button-background-color);border-radius:var(--sds-border-radius-large);box-shadow:inset 0 0 0 var(--sds-border-size-regular) var(--toggle-button-border-color);display:flex;line-height:var(--sds-size-text-m);outline:var(--toggle-button-outline);outline-offset:0;padding:var(--sds-size-padding-small);-webkit-user-select:none;user-select:none}.sds-toggle-button__label-text{padding:0 var(--sds-size-base-xs)}.sds-toggle-button__label:hover{--toggle-button-border-color:var(--sds-color-surface-action-hover);cursor:pointer}.sds-toggle-button__label:active{--toggle-button-border-color:var(--sds-color-surface-action-active)}.sds-toggle-button__label--checked{--toggle-button-background-color:var(--sds-color-surface-action);box-shadow:none;color:var(--sds-color-text-onsurface-action)}.sds-toggle-button__label--checked:hover{--toggle-button-background-color:var(--sds-color-surface-action-hover)}.sds-toggle-button__label--checked:active{--toggle-button-background-color:var(
2
- --sds-color-surface-action-active
3
- );--toggle-button-border-color:var(--sds-color-surface-action-active)}.sds-toggle-button__label--checked:focus{--toggle-button-outline:var(--sds-outline)}.sds-toggle-button__icon{height:var(--sds-size-base-m);transform:rotateY(0deg) rotate(0deg);transition:transform .3s ease;width:var(--sds-size-base-m)}.sds-toggle-button__icon--checked{transform:rotateY(0deg) rotate(-45deg)}.sds-toggle-button__input{opacity:0;position:absolute}.sds-toggle-button__input:hover{cursor:pointer}.sds-toggle-button__input:focus-visible+.sds-toggle-button__label{--toggle-button-outline:var(--sds-outline)}
1
+ .sds-toggle-switch{--toggle-transition-duration:var(--sds-effect-animation-duration-medium);--toggle-track-width:var(--sds-base-size-l);--toggle-thumb-size:var(--sds-base-size-s1);--toggle-border-width:var(--sds-space-border-weight-regular);--toggle-padding:var(--sds-space-padding-minimal);--toggle-thumb-offset:var(--toggle-padding);--toggle-track-background-color:var(--sds-color-layout-background-default);--toggle-track-border-color:var(
2
+ --sds-color-interaction-neutral-strong-default
3
+ );--toggle-thumb-background-color:var(
4
+ --sds-color-interaction-neutral-strong-default
5
+ );--toggle-thumb-color:var(--sds-color-text-on-strong);--toggle-thumb-position:0}.sds-toggle-switch__label{align-items:center;cursor:pointer;display:inline-flex;gap:var(--sds-space-padding-small)}.sds-toggle-switch:hover{--toggle-track-border-color:var(
6
+ --sds-color-interaction-neutral-strong-highlight
7
+ );--toggle-thumb-background-color:var(
8
+ --sds-color-interaction-neutral-strong-highlight
9
+ )}.sds-toggle-switch:active{--toggle-track-border-color:var(
10
+ --sds-color-interaction-neutral-strong-pressed
11
+ );--toggle-thumb-background-color:var(
12
+ --sds-color-interaction-neutral-strong-pressed
13
+ )}.sds-toggle-switch--checked{--toggle-track-background-color:var(
14
+ --sds-color-interaction-primary-strong-default
15
+ );--toggle-track-border-color:var(--toggle-track-background-color);--toggle-thumb-background-color:var(--sds-color-layout-background-default);--toggle-thumb-color:var(--sds-color-text-primary);--toggle-thumb-position:calc(var(--toggle-track-width) - var(--toggle-thumb-size) - var(--toggle-thumb-offset)*2)}.sds-toggle-switch--checked:active,.sds-toggle-switch--checked:hover{--toggle-thumb-background-color:var(
16
+ --sds-color-layout-background-default
17
+ )}.sds-toggle-switch--checked:hover{--toggle-track-background-color:var(
18
+ --sds-color-interaction-primary-strong-highlight
19
+ );--toggle-track-border-color:var(
20
+ --sds-color-interaction-primary-strong-highlight
21
+ )}.sds-toggle-switch--checked:active{--toggle-track-background-color:var(
22
+ --sds-color-interaction-primary-strong-pressed
23
+ );--toggle-track-border-color:var(
24
+ --sds-color-interaction-primary-strong-pressed
25
+ )}.sds-toggle-switch__inner{align-items:center;display:inline-flex;padding:calc(var(--sds-space-padding-small) - var(--toggle-border-width)) 0;position:relative}.sds-toggle-switch__label-text{align-items:center;color:var(--sds-color-text-primary);display:flex;font-size:var(--sds-typography-body-fontsize-regular);font-weight:var(--sds-typography-weight-regular);line-height:var(--sds-typography-body-lineheight-regular);padding:var(--sds-space-padding-tiny)}.sds-toggle-switch__track{-webkit-appearance:none;appearance:none;background-color:var(--toggle-track-background-color);border:var(--toggle-border-width) solid var(--toggle-track-border-color);border-radius:var(--toggle-thumb-size);cursor:pointer;height:calc(var(--toggle-thumb-size) + var(--toggle-thumb-offset)*2);padding:var(--toggle-padding);transition:background-color var(--toggle-transition-duration),border-color var(--toggle-transition-duration);width:var(--toggle-track-width)}.sds-toggle-switch__track:focus-visible{outline:var(--sds-focus-outline);outline-offset:0}.sds-toggle-switch__thumb{align-items:center;background-color:var(--toggle-thumb-background-color);border-radius:var(--sds-space-border-radius-full);display:inline-flex;height:var(--toggle-thumb-size);justify-content:center;left:var(--toggle-thumb-offset);padding:var(--sds-space-border-weight-regular);position:absolute;transform:translateX(var(--toggle-thumb-position));transition:all var(--toggle-transition-duration);width:var(--toggle-thumb-size)}.sds-toggle-switch__thumb>*{color:var(--toggle-thumb-color);font-size:var(--sds-base-size-s);transition:all var(--toggle-transition-duration)}.sds-toggle-switch--error,.sds-toggle-switch--error.sds-toggle-switch--checked{--toggle-track-border-color:var(
26
+ --sds-color-interaction-danger-strong-default
27
+ );--toggle-thumb-background-color:var(
28
+ --sds-color-interaction-danger-strong-default
29
+ )}.sds-toggle-switch--error.sds-toggle-switch--checked:hover,.sds-toggle-switch--error:hover{--toggle-track-border-color:var(
30
+ --sds-color-interaction-danger-strong-highlight
31
+ );--toggle-thumb-background-color:var(
32
+ --sds-color-interaction-danger-strong-highlight
33
+ )}.sds-toggle-switch--error.sds-toggle-switch--checked:active,.sds-toggle-switch--error:active{--toggle-track-border-color:var(
34
+ --sds-color-interaction-danger-strong-pressed
35
+ );--toggle-thumb-background-color:var(
36
+ --sds-color-interaction-danger-strong-pressed
37
+ )}.sds-toggle-switch--error.sds-toggle-switch--checked{--toggle-track-background-color:var(
38
+ --sds-color-interaction-danger-strong-default
39
+ );--toggle-thumb-background-color:var(--sds-color-text-on-strong)}.sds-toggle-switch--error.sds-toggle-switch--checked:hover{--toggle-track-background-color:var(
40
+ --sds-color-interaction-danger-strong-highlight
41
+ );--toggle-thumb-background-color:var(--sds-color-text-on-strong)}.sds-toggle-switch--error.sds-toggle-switch--checked:active{--toggle-track-background-color:var(
42
+ --sds-color-interaction-danger-strong-pressed
43
+ );--toggle-thumb-background-color:var(--sds-color-text-on-strong)}.sds-toggle-button{--toggle-button-background-color:inherit;--toggle-button-border-color:var(
44
+ --sds-color-interaction-primary-strong-default
45
+ );--toggle-button-color:var(--sds-color-text-primary);--toggle-button-outline:none;display:inline-block}.sds-toggle-button__label{align-items:center;background-color:var(--toggle-button-background-color);border:var(--sds-space-border-weight-regular) solid var(--toggle-button-border-color);border-radius:var(--sds-space-border-radius-full);color:var(--toggle-button-color);cursor:pointer;display:flex;font-size:var(--sds-typography-body-fontsize-regular);font-weight:var(--sds-typography-weight-regular);gap:var(--sds-space-gap-small);line-height:var(--sds-typography-body-lineheight-regular);outline:var(--toggle-button-outline);outline-offset:0;padding:calc(var(--sds-space-padding-small) - var(--sds-space-border-weight-regular));-webkit-user-select:none;user-select:none}.sds-toggle-button__label-text{padding:0 var(--sds-space-padding-tiny)}.sds-toggle-button__label:hover{--toggle-button-border-color:var(
46
+ --sds-color-interaction-primary-strong-highlight
47
+ )}.sds-toggle-button__label:active{--toggle-button-border-color:var(
48
+ --sds-color-interaction-primary-strong-pressed
49
+ )}.sds-toggle-button__label--checked{--toggle-button-background-color:var(
50
+ --sds-color-interaction-primary-strong-default
51
+ );--toggle-button-border-color:var(--toggle-button-background-color);--toggle-button-color:var(--sds-color-text-on-strong)}.sds-toggle-button__label--checked:hover{--toggle-button-background-color:var(
52
+ --sds-color-interaction-primary-strong-highlight
53
+ )}.sds-toggle-button__label--checked:active{--toggle-button-background-color:var(
54
+ --sds-color-interaction-primary-strong-pressed
55
+ )}.sds-toggle-button__label--checked:focus{--toggle-button-outline:var(--sds-focus-outline)}.sds-toggle-button__icon{height:var(--sds-base-size-m);transform:rotateY(0deg) rotate(0deg);transition:transform .3s ease;width:var(--sds-base-size-m)}.sds-toggle-button__icon--checked{transform:rotateY(0deg) rotate(-45deg)}.sds-toggle-button__input{cursor:pointer;opacity:0;position:absolute}.sds-toggle-button__input:focus-visible+.sds-toggle-button__label{--toggle-button-border-color:var(
56
+ --sds-color-interaction-primary-strong-highlight
57
+ );--toggle-button-outline:var(--sds-focus-outline)}.sds-toggle-button__input:focus-visible+.sds-toggle-button__label--checked{--toggle-button-background-color:var(
58
+ --sds-color-interaction-primary-strong-highlight
59
+ )}.sds-toggle-segment__fieldset{align-items:center;display:flex}.sds-toggle-segment__fieldset .sds-form-fieldset__legend{float:left}.sds-toggle-segment__group{border-radius:var(--sds-space-border-radius-small);display:inline-grid;grid-auto-columns:1fr;grid-auto-flow:column;outline:var(--sds-space-border-weight-regular) solid var(--sds-color-interaction-primary-strong-default);outline-offset:calc(var(--sds-space-border-weight-regular)*-1)}.sds-toggle-segment__option{align-items:center;display:flex;justify-content:center}.sds-toggle-segment__label{border-radius:var(--sds-space-border-radius-small);cursor:pointer;font-size:var(--sds-typography-body-fontsize-small);font-weight:var(--sds-typography-weight-regular);line-height:var(--sds-typography-body-lineheight-small);padding:var(--sds-space-padding-tiny);position:relative}.sds-toggle-segment__label:hover{background:var(--sds-color-interaction-primary-transparent-highlight)}.sds-toggle-segment__label:active{background:var(--sds-color-interaction-primary-transparent-pressed)}.sds-toggle-segment__label--checked{background-color:var(--sds-color-interaction-primary-strong-default);color:var(--sds-color-text-on-strong)}.sds-toggle-segment__label--checked:hover{background-color:var(--sds-color-interaction-primary-strong-highlight)}.sds-toggle-segment__label--checked:active{background-color:var(--sds-color-interaction-primary-strong-pressed)}.sds-toggle-segment__input{opacity:0;pointer-events:none;position:absolute}.sds-toggle-segment__input:focus-visible+.sds-toggle-segment__label{background-color:var(
60
+ --sds-color-interaction-primary-transparent-highlight
61
+ );outline:var(--sds-focus-outline)}.sds-toggle-segment__input:focus-visible+.sds-toggle-segment__label--checked{background-color:var(--sds-color-interaction-primary-strong-highlight)}.sds-form-fieldset{--fieldset-color:var(--sds-color-text-secondary)}.sds-form-fieldset__help-text,.sds-form-fieldset__legend{color:var(--fieldset-color);font-size:var(--sds-typography-body-fontsize-small);font-weight:var(--sds-typography-weight-regular);line-height:var(--sds-typography-body-lineheight-small);padding:var(--sds-space-padding-tiny)}.sds-form-fieldset--error{--fieldset-color:var(--sds-color-text-critical)}.sds-form-field__label{--label-color:var(--sds-color-text-secondary)}.sds-form-field__label-text{color:var(--label-color);cursor:pointer;font-size:var(--sds-typography-body-fontsize-small);font-weight:var(--sds-typography-weight-regular);line-height:var(--sds-typography-body-lineheight-small);padding:var(--sds-space-padding-tiny)}.sds-form-field__label--error{--label-color:var(--sds-color-text-critical)}.sds-form-field__help-text{--help-text-color:var(--sds-color-text-secondary);color:var(--help-text-color);font-size:var(--sds-typography-body-fontsize-small);font-weight:var(--sds-typography-weight-regular);line-height:var(--sds-typography-body-lineheight-small);padding:var(--sds-space-padding-tiny)}.sds-form-field__help-text--error{--help-text-color:var(--sds-color-text-critical)}
4
62
  /*# sourceMappingURL=index.css.map */
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["toggle-switch.pcss","toggle-button.pcss"],"names":[],"mappings":"AAAA,mBACE,sCAAuC,CACvC,+CAAgD,CAChD,+CAAgD,CAChD,wDAAyD,CACzD,mDAAoD,CACpD,0FAEC,CACD,+DAAgE,CAChE,gEAAiE,CACjE,4DAA6D,CAC7D,oEAAqE,CACrE,6BAA8B,CAC9B,sDAiIF,CA/HE,+BAEE,kBAAmB,CAEnB,kCAAmC,CACnC,cAAe,CAJf,mBAAoB,CAEpB,qBAGF,CAEA,yBACE,sEAAuE,CACvE,kEACF,CAEA,0BACE,uEAAwE,CACxE,mEACF,CAEA,4BACE,2DAA4D,CAC5D,+DAAgE,CAChE,kEAAmE,CACnE,0DAA2D,CAC3D,iIAgBF,CAXE,kCACE,iEAAkE,CAClE,qEAAsE,CACtE,kEACF,CAEA,mCACE,kEAAmE,CACnE,sEAAuE,CACvE,kEACF,CAGF,0BAEE,kBAAmB,CADnB,mBAAoB,CAEpB,iBACF,CAEA,0BAEE,kBAAmB,CACnB,mCAAoC,CAEpC,kCAAmC,CAJnC,YAAa,CAGb,iCAEF,CAEA,0BACE,uBAAgB,CAAhB,eAAgB,CAQhB,iDAAkD,CAGlD,gFACsC,CAVtC,0CAA2C,CAD3C,cAAe,CAEf,4EAEC,CAED,iCAAkC,CAElC,oHACoD,CAJpD,mCAaF,CALE,wCAGE,kBAAyB,CAFzB,0BAA2B,CAC3B,gBAEF,CAGF,0BAEE,kBAAmB,CAQnB,iDAAkD,CAFlD,2CAA4C,CAP5C,mBAAoB,CAKpB,mCAAoC,CAHpC,sBAAuB,CAEvB,mCAAoC,CADpC,iBAAkB,CAOlB,sDAAuD,CAFvD,oDAAqD,CAFrD,kCAWF,CALE,4BAEE,wCAAyC,CACzC,gCAAiC,CAFjC,oDAGF,CAGF,8BAGE,mCAAoC,CAFpC,gCAAiC,CACjC,mCAAoC,CAEpC,qCACF,CAEA,0BACE,qDAAsD,CACtD,+DAAgE,CAChE,+DAAgE,CAChE,2DAMF,CAJE,gCACE,qEAAsE,CACtE,iEACF,CAGF,qDACE,+DAAgE,CAChE,2DAA4D,CAC5D,kEAAmE,CACnE,0DAMF,CAJE,2DACE,qEAAsE,CACtE,iEACF,CC7IJ,mBAGE,4BAA6B,CAC7B,4DAA6D,CAC7D,wCAAyC,CAJzC,oBA+EF,CAzEE,0BAME,kBAAmB,CALnB,sDAAuD,CACvD,4CAA6C,CAQ7C,uFACmC,CANnC,YAAa,CAEb,kCAAmC,CAHnC,oCAAqC,CAIrC,gBAAiB,CALjB,qCAAsC,CAMtC,wBAAiB,CAAjB,gBAuCF,CAnCE,+BACE,iCACF,CAEA,gCACE,kEAAmE,CAEnE,cACF,CAEA,iCACE,mEACF,CAEA,mCACE,gEAAiE,CAEjE,eAAgB,CAChB,4CAgBF,CAdE,yCACE,sEACF,CAEA,0CACE;;SAEC,CACD,mEACF,CAEA,yCACE,0CACF,CAIJ,yBACE,6BAA8B,CAE9B,oCAAqC,CACrC,6BAA+B,CAF/B,4BAOF,CAHE,kCACE,sCACF,CAGF,0BAEE,SAAU,CADV,iBAUF,CAPE,gCACE,cACF,CAEA,kEACE,0CACF","file":"index.css","sourcesContent":[".sds-toggle-switch {\n --sds-toggle-transition-duration: 400ms;\n --sds-toggle-track-width: var(--sds-size-base-l);\n --sds-toggle-thumb-size: var(--sds-size-base-s1);\n --sds-toggle-border-width: var(--sds-border-size-regular);\n --sds-toggle-padding: var(--sds-border-size-regular);\n --sds-toggle-thumb-offset: calc(\n var(--sds-toggle-border-width) + var(--sds-toggle-padding)\n );\n --sds-toggle-track-bg-color: var(--sds-color-background-default);\n --sds-toggle-track-border-color: var(--sds-color-surface-neutral);\n --sds-toggle-thumb-bg-color: var(--sds-color-surface-neutral);\n --sds-toggle-thumb-text-color: var(--sds-color-text-onsurface-action);\n --sds-toggle-thumb-position: 0;\n --sds-toggle-label-color: var(--sds-color-text-default);\n\n &__main-label {\n display: inline-flex;\n align-items: center;\n vertical-align: bottom;\n column-gap: var(--sds-size-base-xs);\n cursor: pointer;\n }\n\n &:hover {\n --sds-toggle-track-border-color: var(--sds-color-surface-neutral-hover);\n --sds-toggle-thumb-bg-color: var(--sds-color-surface-neutral-hover);\n }\n\n &:active {\n --sds-toggle-track-border-color: var(--sds-color-surface-neutral-active);\n --sds-toggle-thumb-bg-color: var(--sds-color-surface-neutral-active);\n }\n\n &--checked {\n --sds-toggle-track-bg-color: var(--sds-color-surface-action);\n --sds-toggle-track-border-color: var(--sds-color-surface-action);\n --sds-toggle-thumb-bg-color: var(--sds-color-text-onsurface-action);\n --sds-toggle-thumb-text-color: var(--sds-color-text-action);\n --sds-toggle-thumb-position: calc(\n var(--sds-toggle-track-width) - var(--sds-toggle-thumb-size) - 2 *\n var(--sds-toggle-thumb-offset)\n );\n\n &:hover {\n --sds-toggle-track-bg-color: var(--sds-color-surface-action-hover);\n --sds-toggle-track-border-color: var(--sds-color-surface-action-hover);\n --sds-toggle-thumb-bg-color: var(--sds-color-text-onsurface-action);\n }\n\n &:active {\n --sds-toggle-track-bg-color: var(--sds-color-surface-action-active);\n --sds-toggle-track-border-color: var(--sds-color-surface-action-active);\n --sds-toggle-thumb-bg-color: var(--sds-color-text-onsurface-action);\n }\n }\n\n &__inner {\n display: inline-flex;\n align-items: center;\n position: relative;\n }\n\n &__label {\n display: flex;\n align-items: center;\n color: var(--sds-toggle-label-color);\n font-size: var(--sds-size-text-s1);\n column-gap: var(--sds-size-base-xs);\n }\n\n &__track {\n appearance: none;\n cursor: pointer;\n border-radius: var(--sds-toggle-thumb-size);\n height: calc(\n var(--sds-toggle-thumb-size) + calc(2 * var(--sds-toggle-thumb-offset))\n );\n width: var(--sds-toggle-track-width);\n padding: var(--sds-toggle-padding);\n background-color: var(--sds-toggle-track-bg-color);\n transition: background-color var(--sds-toggle-transition-duration),\n border-color var(--sds-toggle-transition-duration);\n border: var(--sds-toggle-border-width) solid\n var(--sds-toggle-track-border-color);\n\n &:focus-visible {\n outline: var(--sds-outline);\n outline-offset: 0;\n border-color: transparent;\n }\n }\n\n &__thumb {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n left: var(--sds-toggle-thumb-offset);\n height: var(--sds-toggle-thumb-size);\n width: var(--sds-toggle-thumb-size);\n border-radius: var(--sds-border-radius-full);\n transition: all var(--sds-toggle-transition-duration);\n background-color: var(--sds-toggle-thumb-bg-color);\n transform: translateX(var(--sds-toggle-thumb-position));\n\n > * {\n transition: all var(--sds-toggle-transition-duration);\n color: var(--sds-toggle-thumb-text-color);\n font-size: var(--sds-size-base-s);\n }\n }\n\n &__help-text {\n font-size: var(--sds-size-text-s);\n line-height: var(--sds-size-text-s1);\n color: var(--sds-toggle-label-color);\n padding: var(--sds-size-padding-small);\n }\n\n &--error {\n --sds-toggle-label-color: var(--sds-color-text-danger);\n --sds-toggle-track-border-color: var(--sds-color-surface-danger);\n --sds-toggle-track-bg-color: var(--sds-color-background-default);\n --sds-toggle-thumb-bg-color: var(--sds-color-surface-danger);\n\n &:hover {\n --sds-toggle-track-border-color: var(--sds-color-surface-danger-hover);\n --sds-toggle-thumb-bg-color: var(--sds-color-surface-danger-hover);\n }\n }\n\n &--error&--checked {\n --sds-toggle-track-border-color: var(--sds-color-surface-danger);\n --sds-toggle-track-bg-color: var(--sds-color-surface-danger);\n --sds-toggle-thumb-bg-color: var(--sds-color-text-onsurface-danger);\n --sds-toggle-thumb-text-color: var(--sds-color-text-danger);\n\n &:hover {\n --sds-toggle-track-border-color: var(--sds-color-surface-danger-hover);\n --sds-toggle-track-bg-color: var(--sds-color-surface-danger-hover);\n }\n }\n}\n",".sds-toggle-button {\n display: inline-block;\n\n --toggle-button-outline: none;\n --toggle-button-border-color: var(--sds-color-surface-action);\n --toggle-button-background-color: inherit;\n\n &__label {\n background-color: var(--toggle-button-background-color);\n border-radius: var(--sds-border-radius-large);\n padding: var(--sds-size-padding-small);\n outline: var(--toggle-button-outline);\n display: flex;\n align-items: center;\n line-height: var(--sds-size-text-m);\n outline-offset: 0;\n user-select: none;\n box-shadow: inset 0 0 0 var(--sds-border-size-regular)\n var(--toggle-button-border-color);\n\n &-text {\n padding: 0 var(--sds-size-base-xs);\n }\n\n &:hover {\n --toggle-button-border-color: var(--sds-color-surface-action-hover);\n\n cursor: pointer;\n }\n\n &:active {\n --toggle-button-border-color: var(--sds-color-surface-action-active);\n }\n\n &--checked {\n --toggle-button-background-color: var(--sds-color-surface-action);\n\n box-shadow: none;\n color: var(--sds-color-text-onsurface-action);\n\n &:hover {\n --toggle-button-background-color: var(--sds-color-surface-action-hover);\n }\n\n &:active {\n --toggle-button-background-color: var(\n --sds-color-surface-action-active\n );\n --toggle-button-border-color: var(--sds-color-surface-action-active);\n }\n\n &:focus {\n --toggle-button-outline: var(--sds-outline);\n }\n }\n }\n\n &__icon {\n height: var(--sds-size-base-m);\n width: var(--sds-size-base-m);\n transform: rotateY(0deg) rotate(0deg);\n transition: transform 0.3s ease;\n\n &--checked {\n transform: rotateY(0deg) rotate(-45deg);\n }\n }\n\n &__input {\n position: absolute;\n opacity: 0;\n\n &:hover {\n cursor: pointer;\n }\n\n &:focus-visible + .sds-toggle-button__label {\n --toggle-button-outline: var(--sds-outline);\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["toggle-switch.pcss","toggle-button.pcss","toggle-segment.pcss","fieldset.pcss","label.pcss","help-text.pcss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[".sds-toggle-switch {\n --toggle-transition-duration: var(--sds-effect-animation-duration-medium);\n --toggle-track-width: var(--sds-base-size-l);\n --toggle-thumb-size: var(--sds-base-size-s1);\n --toggle-border-width: var(--sds-space-border-weight-regular);\n --toggle-padding: var(--sds-space-padding-minimal);\n --toggle-thumb-offset: var(--toggle-padding);\n --toggle-track-background-color: var(--sds-color-layout-background-default);\n --toggle-track-border-color: var(\n --sds-color-interaction-neutral-strong-default\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-neutral-strong-default\n );\n --toggle-thumb-color: var(--sds-color-text-on-strong);\n --toggle-thumb-position: 0;\n\n &__label {\n align-items: center;\n cursor: pointer;\n display: inline-flex;\n gap: var(--sds-space-padding-small);\n }\n\n &:hover {\n --toggle-track-border-color: var(\n --sds-color-interaction-neutral-strong-highlight\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-neutral-strong-highlight\n );\n }\n\n &:active {\n --toggle-track-border-color: var(\n --sds-color-interaction-neutral-strong-pressed\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-neutral-strong-pressed\n );\n }\n\n &--checked {\n --toggle-track-background-color: var(\n --sds-color-interaction-primary-strong-default\n );\n --toggle-track-border-color: var(--toggle-track-background-color);\n --toggle-thumb-background-color: var(--sds-color-layout-background-default);\n --toggle-thumb-color: var(--sds-color-text-primary);\n --toggle-thumb-position: calc(\n var(--toggle-track-width) - var(--toggle-thumb-size) - 2 *\n var(--toggle-thumb-offset)\n );\n\n &:hover,\n &:active {\n --toggle-thumb-background-color: var(\n --sds-color-layout-background-default\n );\n }\n\n &:hover {\n --toggle-track-background-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n --toggle-track-border-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n }\n\n &:active {\n --toggle-track-background-color: var(\n --sds-color-interaction-primary-strong-pressed\n );\n --toggle-track-border-color: var(\n --sds-color-interaction-primary-strong-pressed\n );\n }\n }\n\n &__inner {\n align-items: center;\n display: inline-flex;\n padding: calc(var(--sds-space-padding-small) - var(--toggle-border-width)) 0;\n position: relative;\n }\n\n &__label-text {\n align-items: center;\n color: var(--sds-color-text-primary);\n display: flex;\n font-size: var(--sds-typography-body-fontsize-regular);\n font-weight: var(--sds-typography-weight-regular);\n line-height: var(--sds-typography-body-lineheight-regular);\n padding: var(--sds-space-padding-tiny);\n }\n\n &__track {\n appearance: none;\n cursor: pointer;\n background-color: var(--toggle-track-background-color);\n border: var(--toggle-border-width) solid var(--toggle-track-border-color);\n border-radius: var(--toggle-thumb-size);\n height: calc(\n var(--toggle-thumb-size) + calc(2 * var(--toggle-thumb-offset))\n );\n width: var(--toggle-track-width);\n padding: var(--toggle-padding);\n transition: background-color var(--toggle-transition-duration),\n border-color var(--toggle-transition-duration);\n\n &:focus-visible {\n outline: var(--sds-focus-outline);\n outline-offset: 0;\n }\n }\n\n &__thumb {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n left: var(--toggle-thumb-offset);\n height: var(--toggle-thumb-size);\n width: var(--toggle-thumb-size);\n border-radius: var(--sds-space-border-radius-full);\n transition: all var(--toggle-transition-duration);\n background-color: var(--toggle-thumb-background-color);\n transform: translateX(var(--toggle-thumb-position));\n padding: var(--sds-space-border-weight-regular);\n\n > * {\n transition: all var(--toggle-transition-duration);\n color: var(--toggle-thumb-color);\n font-size: var(--sds-base-size-s);\n }\n }\n\n &--error,\n &--error&--checked {\n --toggle-track-border-color: var(\n --sds-color-interaction-danger-strong-default\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-danger-strong-default\n );\n\n &:hover {\n --toggle-track-border-color: var(\n --sds-color-interaction-danger-strong-highlight\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-danger-strong-highlight\n );\n }\n\n &:active {\n --toggle-track-border-color: var(\n --sds-color-interaction-danger-strong-pressed\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-danger-strong-pressed\n );\n }\n }\n\n /* stylelint-disable-next-line no-descending-specificity */\n &--error&--checked {\n --toggle-track-background-color: var(\n --sds-color-interaction-danger-strong-default\n );\n --toggle-thumb-background-color: var(--sds-color-text-on-strong);\n\n &:hover {\n --toggle-track-background-color: var(\n --sds-color-interaction-danger-strong-highlight\n );\n --toggle-thumb-background-color: var(--sds-color-text-on-strong);\n }\n\n &:active {\n --toggle-track-background-color: var(\n --sds-color-interaction-danger-strong-pressed\n );\n --toggle-thumb-background-color: var(--sds-color-text-on-strong);\n }\n }\n}\n",".sds-toggle-button {\n --toggle-button-background-color: inherit;\n --toggle-button-border-color: var(\n --sds-color-interaction-primary-strong-default\n );\n --toggle-button-color: var(--sds-color-text-primary);\n --toggle-button-outline: none;\n\n display: inline-block;\n\n &__label {\n align-items: center;\n background-color: var(--toggle-button-background-color);\n border: var(--sds-space-border-weight-regular) solid\n var(--toggle-button-border-color);\n border-radius: var(--sds-space-border-radius-full);\n color: var(--toggle-button-color);\n cursor: pointer;\n display: flex;\n gap: var(--sds-space-gap-small);\n font-size: var(--sds-typography-body-fontsize-regular);\n font-weight: var(--sds-typography-weight-regular);\n line-height: var(--sds-typography-body-lineheight-regular);\n padding: calc(\n var(--sds-space-padding-small) - var(--sds-space-border-weight-regular)\n );\n outline: var(--toggle-button-outline);\n outline-offset: 0;\n user-select: none;\n\n &-text {\n padding: 0 var(--sds-space-padding-tiny);\n }\n\n &:hover {\n --toggle-button-border-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n }\n\n &:active {\n --toggle-button-border-color: var(\n --sds-color-interaction-primary-strong-pressed\n );\n }\n\n &--checked {\n --toggle-button-background-color: var(\n --sds-color-interaction-primary-strong-default\n );\n --toggle-button-border-color: var(--toggle-button-background-color);\n --toggle-button-color: var(--sds-color-text-on-strong);\n\n &:hover {\n --toggle-button-background-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n }\n\n &:active {\n --toggle-button-background-color: var(\n --sds-color-interaction-primary-strong-pressed\n );\n }\n\n &:focus {\n --toggle-button-outline: var(--sds-focus-outline);\n }\n }\n }\n\n &__icon {\n height: var(--sds-base-size-m);\n width: var(--sds-base-size-m);\n transform: rotateY(0deg) rotate(0deg);\n transition: transform 0.3s ease;\n\n &--checked {\n transform: rotateY(0deg) rotate(-45deg);\n }\n }\n\n &__input {\n cursor: pointer;\n position: absolute;\n opacity: 0;\n\n &:focus-visible + .sds-toggle-button__label {\n --toggle-button-border-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n --toggle-button-outline: var(--sds-focus-outline);\n\n &--checked {\n --toggle-button-background-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n }\n }\n }\n}\n",".sds-toggle-segment {\n &__fieldset {\n display: flex;\n align-items: center;\n\n .sds-form-fieldset__legend {\n float: left;\n }\n }\n\n &__group {\n border-radius: var(--sds-space-border-radius-small);\n display: inline-grid;\n grid-auto-flow: column;\n grid-auto-columns: 1fr;\n outline: var(--sds-space-border-weight-regular) solid\n var(--sds-color-interaction-primary-strong-default);\n outline-offset: calc(var(--sds-space-border-weight-regular) * -1);\n }\n\n &__option {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n &__label {\n border-radius: var(--sds-space-border-radius-small);\n cursor: pointer;\n font-size: var(--sds-typography-body-fontsize-small);\n font-weight: var(--sds-typography-weight-regular);\n line-height: var(--sds-typography-body-lineheight-small);\n padding: var(--sds-space-padding-tiny);\n position: relative;\n\n &:hover {\n background: var(--sds-color-interaction-primary-transparent-highlight);\n }\n\n &:active {\n background: var(--sds-color-interaction-primary-transparent-pressed);\n }\n\n &--checked {\n background-color: var(--sds-color-interaction-primary-strong-default);\n color: var(--sds-color-text-on-strong);\n\n &:hover {\n background-color: var(--sds-color-interaction-primary-strong-highlight);\n }\n\n &:active {\n background-color: var(--sds-color-interaction-primary-strong-pressed);\n }\n }\n }\n\n &__input {\n opacity: 0;\n position: absolute;\n pointer-events: none;\n\n &:focus-visible + .sds-toggle-segment__label {\n background-color: var(\n --sds-color-interaction-primary-transparent-highlight\n );\n outline: var(--sds-focus-outline);\n\n &--checked {\n background-color: var(--sds-color-interaction-primary-strong-highlight);\n }\n }\n }\n}\n",".sds-form-fieldset {\n --fieldset-color: var(--sds-color-text-secondary);\n\n &__legend,\n &__help-text {\n color: var(--fieldset-color);\n font-size: var(--sds-typography-body-fontsize-small);\n font-weight: var(--sds-typography-weight-regular);\n line-height: var(--sds-typography-body-lineheight-small);\n padding: var(--sds-space-padding-tiny);\n }\n\n &--error {\n --fieldset-color: var(--sds-color-text-critical);\n }\n}\n",".sds-form-field__label {\n --label-color: var(--sds-color-text-secondary);\n\n &-text {\n color: var(--label-color);\n cursor: pointer;\n font-size: var(--sds-typography-body-fontsize-small);\n font-weight: var(--sds-typography-weight-regular);\n line-height: var(--sds-typography-body-lineheight-small);\n padding: var(--sds-space-padding-tiny);\n }\n\n &--error {\n --label-color: var(--sds-color-text-critical);\n }\n}\n",".sds-form-field__help-text {\n --help-text-color: var(--sds-color-text-secondary);\n\n color: var(--help-text-color);\n font-size: var(--sds-typography-body-fontsize-small);\n font-weight: var(--sds-typography-weight-regular);\n line-height: var(--sds-typography-body-lineheight-small);\n padding: var(--sds-space-padding-tiny);\n\n &--error {\n --help-text-color: var(--sds-color-text-critical);\n }\n}\n"]}
package/dist/index.d.ts CHANGED
@@ -1,21 +1,41 @@
1
1
  /// <reference types="react" />
2
- import { ReactNode, ChangeEventHandler, InputHTMLAttributes } from "react";
2
+ import React from "react";
3
+ import { ReactNode, ChangeEventHandler, HTMLAttributes, ChangeEvent, InputHTMLAttributes } from "react";
3
4
  type ToggleSwitchProps = {
4
5
  checked?: boolean;
5
6
  label: ReactNode;
6
7
  labelFirst?: boolean;
7
8
  showIcons?: boolean;
8
- errorText?: string;
9
- inputProps?: InputHTMLAttributes<HTMLInputElement>;
9
+ error?: boolean;
10
10
  onChange?: ChangeEventHandler<HTMLInputElement>;
11
11
  };
12
- declare const ToggleSwitch: ({ checked, label, labelFirst, showIcons, errorText, onChange, inputProps, ...rest }: ToggleSwitchProps) => import("react/jsx-runtime").JSX.Element;
12
+ declare const ToggleSwitch: React.ForwardRefExoticComponent<ToggleSwitchProps & React.RefAttributes<HTMLInputElement>>;
13
13
  type ToggleButtonProps = {
14
14
  checked?: boolean;
15
15
  label: ReactNode;
16
16
  showIcons?: boolean;
17
17
  onChange?: ChangeEventHandler<HTMLInputElement>;
18
18
  };
19
- declare const ToggleButton: ({ checked, label, showIcons, onChange, ...rest }: ToggleButtonProps) => import("react/jsx-runtime").JSX.Element;
20
- export type { ToggleSwitchProps, ToggleButtonProps };
21
- export { ToggleSwitch, ToggleButton };
19
+ declare const ToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<HTMLInputElement>>;
20
+ interface FieldsetProps extends HTMLAttributes<HTMLFieldSetElement> {
21
+ className?: string;
22
+ legend: string;
23
+ name?: string;
24
+ errorText?: string;
25
+ helpText?: string;
26
+ children: ReactNode;
27
+ }
28
+ interface ToggleSegmentProps extends Omit<FieldsetProps, "onChange"> {
29
+ children: ReactNode;
30
+ }
31
+ declare const ToggleSegment: React.ForwardRefExoticComponent<ToggleSegmentProps & React.RefAttributes<HTMLFieldSetElement>>;
32
+ interface ToggleSegmentOptionProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange"> {
33
+ value: string | number;
34
+ label: string;
35
+ children?: ReactNode;
36
+ checked?: boolean;
37
+ onChange: (event: ChangeEvent<HTMLInputElement>) => void;
38
+ }
39
+ declare const ToggleSegmentOption: React.ForwardRefExoticComponent<ToggleSegmentOptionProps & React.RefAttributes<HTMLInputElement>>;
40
+ export type { ToggleSwitchProps, ToggleButtonProps, ToggleSegmentProps, ToggleSegmentOptionProps };
41
+ export { ToggleSwitch, ToggleButton, ToggleSegment, ToggleSegmentOption };
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as e,jsxs as s}from"react/jsx-runtime";import{useId as a}from"react";import l from"clsx";const t=({className:s,...a})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",className:l("sds-icon",s),"aria-hidden":"true",...a,children:e("path",{d:"m229.66 77.66-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69 218.34 66.34a8 8 0 0 1 11.32 11.32Z"})}),c=({className:s,...a})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",className:l("sds-icon",s),"aria-hidden":"true",...a,children:e("path",{d:"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm48-88a8 8 0 0 1-8 8h-32v32a8 8 0 0 1-16 0v-32H88a8 8 0 0 1 0-16h32V88a8 8 0 0 1 16 0v32h32a8 8 0 0 1 8 8Z"})}),o=({className:s,...a})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",className:l("sds-icon",s),"aria-hidden":"true",...a,children:e("path",{d:"M236.8 188.09 149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19 23.51 23.51 0 0 0 .02-23.72Zm-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2 7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72ZM120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm20 36a12 12 0 1 1-12-12 12 12 0 0 1 12 12Z"})}),r=({className:s,...a})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",className:l("sds-icon",s),"aria-hidden":"true",...a,children:e("path",{d:"M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128 50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z"})}),i=({checked:c=!1,label:i,labelFirst:d=!1,showIcons:n=!0,errorText:h,onChange:g,inputProps:m={},...w})=>{const v=a(),_=s("div",{className:"sds-toggle-switch__label",children:[h&&e(o,{})," ",i]});return s("div",{className:l("sds-toggle-switch",c&&"sds-toggle-switch--checked",h&&"sds-toggle-switch--error"),...w,children:[s("label",{className:"sds-toggle-switch__main-label",children:[d&&_,s("div",{className:"sds-toggle-switch__inner",children:[e("input",{type:"checkbox",role:"switch",className:"sds-toggle-switch__track",checked:c,"aria-describedby":h&&`${v}-help-text`,"aria-invalid":Boolean(h),"aria-errormessage":h&&`${v}-help-text`,onChange:g,readOnly:!g,...m}),s("div",{className:"sds-toggle-switch__thumb",children:[n&&c&&e(t,{}),n&&!c&&e(r,{})]})]}),!d&&_]}),h&&e("div",{className:"sds-toggle-switch__help-text",id:`${v}-help-text`,children:h})]})},d=({checked:t,label:o,showIcons:r=!0,onChange:i,...d})=>{const n=a();return s("div",{className:"sds-toggle-button",...d,children:[e("input",{type:"checkbox",className:"sds-toggle-button__input",onChange:i,readOnly:!i,checked:t,"aria-checked":t,id:n}),s("label",{className:l("sds-toggle-button__label",t&&"sds-toggle-button__label--checked"),htmlFor:n,children:[e("div",{className:"sds-toggle-button__label-text",children:o}),r&&e(c,{className:l("sds-toggle-button__icon",t&&"sds-toggle-button__icon--checked")})]})]})};export{d as ToggleButton,i as ToggleSwitch};
1
+ import{jsx as e,jsxs as s}from"react/jsx-runtime";import{forwardRef as l,useId as a,createContext as t,useMemo as d,useContext as r}from"react";import i from"clsx";const c=({className:s,...l})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",className:i("sds-icon",s),"aria-hidden":"true",...l,children:e("path",{d:"m229.66 77.66-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69 218.34 66.34a8 8 0 0 1 11.32 11.32Z"})}),o=({className:s,...l})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",className:i("sds-icon",s),"aria-hidden":"true",...l,children:e("path",{d:"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm48-88a8 8 0 0 1-8 8h-32v32a8 8 0 0 1-16 0v-32H88a8 8 0 0 1 0-16h32V88a8 8 0 0 1 16 0v32h32a8 8 0 0 1 8 8Z"})}),n=({className:s,...l})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",className:i("sds-icon",s),"aria-hidden":"true",...l,children:e("path",{d:"M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128 50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z"})}),g=l((({checked:l=!1,label:t,labelFirst:d=!1,showIcons:r=!0,error:o=!1,onChange:g,...h},m)=>{const _=a(),p=e("div",{className:"sds-toggle-switch__label-text",children:t});return e("div",{className:i("sds-toggle-switch",l&&"sds-toggle-switch--checked",o&&"sds-toggle-switch--error"),"data-testid":"sds-toggle-switch",children:s("label",{className:"sds-toggle-switch__label",htmlFor:_,children:[d&&p,s("div",{className:"sds-toggle-switch__inner",children:[e("input",{ref:m,id:_,type:"checkbox",role:"switch",className:"sds-toggle-switch__track",checked:l,"aria-invalid":o,onChange:g,readOnly:!g,...h}),s("div",{className:"sds-toggle-switch__thumb",children:[r&&l&&e(c,{}),r&&!l&&e(n,{})]})]}),!d&&p]})})}));g.displayName="ToggleSwitch";const h=l((({checked:l,label:t,showIcons:d=!0,onChange:r,...c},n)=>{const g=a();return s("div",{className:"sds-toggle-button",...c,children:[e("input",{ref:n,type:"checkbox",className:"sds-toggle-button__input",onChange:r,readOnly:!r,checked:l,"aria-checked":l,id:g}),s("label",{className:i("sds-toggle-button__label",l&&"sds-toggle-button__label--checked"),htmlFor:g,children:[e("div",{className:"sds-toggle-button__label-text",children:t}),d&&e(o,{className:i("sds-toggle-button__icon",l&&"sds-toggle-button__icon--checked")})]})]})}));h.displayName="ToggleButton";const m=t(void 0),_=l((({className:l,legend:t,name:r,errorText:c,helpText:o,children:n,...g},h)=>{const _=a(),p=d((()=>({name:r??_,error:Boolean(c)})),[r,c]);return e(m.Provider,{value:p,children:s("fieldset",{ref:h,className:i("sds-form-fieldset",c&&"sds-form-fieldset--error",l),"aria-describedby":`${_}-help-text`,"aria-invalid":Boolean(c),"aria-errormessage":c?`${_}-help-text`:void 0,...g,children:[e("legend",{className:"sds-form-fieldset__legend",children:t}),n,(c??o)&&e("div",{className:"sds-form-fieldset__help-text",id:`${_}-help-text`,children:c??o})]})})}));_.displayName="Fieldset";const p=l((({children:s,...l},a)=>e("div",{className:"sds-toggle-segment",children:e(_,{className:"sds-toggle-segment__fieldset",...l,ref:a,children:e("div",{className:"sds-toggle-segment__group",children:s})})})));p.displayName="ToggleSegment";const N=t(void 0);const v=l((({className:l,legend:t,name:r,errorText:c,helpText:o,children:n,...g},h)=>{const m=a(),_=d((()=>({name:r??m,error:Boolean(c)})),[r,c]);return e(N.Provider,{value:_,children:s("fieldset",{ref:h,className:i("sds-form-fieldset",c&&"sds-form-fieldset--error",l),"aria-describedby":`${m}-help-text`,"aria-invalid":Boolean(c),"aria-errormessage":c?`${m}-help-text`:void 0,...g,children:[e("legend",{className:"sds-form-fieldset__legend",children:t}),n,(c??o)&&e("div",{className:"sds-form-fieldset__help-text",id:`${m}-help-text`,children:c??o})]})})}));v.displayName="Fieldset";const f=l((({value:l,label:t,checked:d,onChange:c,children:o,...n},g)=>{const{name:h}=r(N)??{},m=a(),_=n.id??m;return s("div",{className:"sds-toggle-segment__option",children:[e("input",{id:_,name:h,ref:g,type:"radio",onChange:c,className:"sds-toggle-segment__input",value:l,checked:d,...n}),s("label",{className:i("sds-toggle-segment__label",d&&"sds-toggle-segment__label--checked"),htmlFor:_,children:[t,o]})]})}));f.displayName="ToggleSegmentOption";export{h as ToggleButton,p as ToggleSegment,f as ToggleSegmentOption,g as ToggleSwitch};
2
2
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../icons/dist/index.js","../ToggleSwitch.tsx","../ToggleButton.tsx"],"sourcesContent":["import{jsx as a}from\"react/jsx-runtime\";import s from\"clsx\";const l=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 48H32a16 16 0 0 0-16 16v24a16 16 0 0 0 16 16v88a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-88a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16Zm-16 144H48v-88h160Zm16-104H32V64h192v24ZM96 136a8 8 0 0 1 8-8h48a8 8 0 0 1 0 16h-48a8 8 0 0 1-8-8Z\"})}),e=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm48-88a8 8 0 0 1-8 8h-60.69l18.35 18.34a8 8 0 0 1-11.32 11.32l-32-32a8 8 0 0 1 0-11.32l32-32a8 8 0 0 1 11.32 11.32L107.31 120H168a8 8 0 0 1 8 8Z\"})}),r=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm45.66-93.66a8 8 0 0 1 0 11.32l-32 32a8 8 0 0 1-11.32-11.32L148.69 136H88a8 8 0 0 1 0-16h60.69l-18.35-18.34a8 8 0 0 1 11.32-11.32Z\"})}),i=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36-.25-.24a80 80 0 1 0-1.67 114.78 8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0Z\"})}),c=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8H59.31l58.35 58.34a8 8 0 0 1-11.32 11.32l-72-72a8 8 0 0 1 0-11.32l72-72a8 8 0 0 1 11.32 11.32L59.31 120H216a8 8 0 0 1 8 8Z\"})}),o=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m221.66 133.66-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32Z\"})}),n=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8Z\"})}),h=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M232 144a64.07 64.07 0 0 1-64 64H80a8 8 0 0 1 0-16h88a48 48 0 0 0 0-96H51.31l34.35 34.34a8 8 0 0 1-11.32 11.32l-48-48a8 8 0 0 1 0-11.32l48-48a8 8 0 0 1 11.32 11.32L51.31 80H168a64.07 64.07 0 0 1 64 64Z\"})}),t=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M170.34 130.34 204.69 96H88a48 48 0 0 0 0 96h88a8 8 0 0 1 0 16H88a64 64 0 0 1 0-128h116.69l-34.35-34.34a8 8 0 0 1 11.32-11.32l48 48a8 8 0 0 1 0 11.32l-48 48a8 8 0 0 1-11.32-11.32Z\"})}),w=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 71.1a8 8 0 0 1-10.78-3.42 94.13 94.13 0 0 0-33.46-36.91 8 8 0 1 1 8.54-13.54 111.46 111.46 0 0 1 39.12 43.09A8 8 0 0 1 224 71.1ZM35.71 72a8 8 0 0 0 7.1-4.32 94.13 94.13 0 0 1 33.46-36.91 8 8 0 1 0-8.54-13.54 111.46 111.46 0 0 0-39.12 43.09A8 8 0 0 0 35.71 72Zm186.1 103.94A16 16 0 0 1 208 200h-40.8a40 40 0 0 1-78.4 0H48a16 16 0 0 1-13.79-24.06C43.22 160.39 48 138.28 48 112a80 80 0 0 1 160 0c0 26.27 4.78 48.38 13.81 63.94ZM150.62 200h-45.24a24 24 0 0 0 45.24 0ZM208 184c-10.64-18.27-16-42.49-16-72a64 64 0 0 0-128 0c0 29.52-5.38 53.74-16 72Z\"})}),d=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M221.8 175.94c-5.55-9.56-13.8-36.61-13.8-71.94a80 80 0 1 0-160 0c0 35.34-8.26 62.38-13.81 71.94A16 16 0 0 0 48 200h40.81a40 40 0 0 0 78.38 0H208a16 16 0 0 0 13.8-24.06ZM128 216a24 24 0 0 1-22.62-16h45.24A24 24 0 0 1 128 216Zm-80-32c7.7-13.24 16-43.92 16-80a64 64 0 1 1 128 0c0 36.05 8.28 66.73 16 80Z\"})}),v=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M184 32H72a16 16 0 0 0-16 16v176a8 8 0 0 0 12.24 6.78L128 193.43l59.77 37.35A8 8 0 0 0 200 224V48a16 16 0 0 0-16-16Z\"})}),m=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M184 32H72a16 16 0 0 0-16 16v176a8 8 0 0 0 12.24 6.78L128 193.43l59.77 37.35A8 8 0 0 0 200 224V48a16 16 0 0 0-16-16Zm0 177.57-51.77-32.35a8 8 0 0 0-8.48 0L72 209.57V48h112Z\"})}),g=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16ZM72 48v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32H48V48Zm136 160H48V96h160v112Z\"})}),Z=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16ZM72 48v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32H48V48Zm136 160H48V96h160v112Zm-48-56a8 8 0 0 1-8 8h-16v16a8 8 0 0 1-16 0v-16h-16a8 8 0 0 1 0-16h16v-16a8 8 0 0 1 16 0v16h16a8 8 0 0 1 8 8Z\"})}),p=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm45.66-109.66a8 8 0 0 1 0 11.32l-40 40a8 8 0 0 1-11.32 0l-40-40a8 8 0 0 1 11.32-11.32L128 140.69l34.34-34.35a8 8 0 0 1 11.32 0Z\"})}),u=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm21.66-122.34L115.31 128l34.35 34.34a8 8 0 0 1-11.32 11.32l-40-40a8 8 0 0 1 0-11.32l40-40a8 8 0 0 1 11.32 11.32Z\"})}),x=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm29.66-93.66a8 8 0 0 1 0 11.32l-40 40a8 8 0 0 1-11.32-11.32L140.69 128l-34.35-34.34a8 8 0 0 1 11.32-11.32Z\"})}),N=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm45.66-77.66a8 8 0 0 1-11.32 11.32L128 115.31l-34.34 34.35a8 8 0 0 1-11.32-11.32l40-40a8 8 0 0 1 11.32 0Z\"})}),M=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m213.66 101.66-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32Z\"})}),C=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z\"})}),H=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m181.66 133.66-80 80a8 8 0 0 1-11.32-11.32L164.69 128 90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32Z\"})}),f=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32Z\"})}),L=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0ZM232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),B=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m229.66 77.66-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69 218.34 66.34a8 8 0 0 1 11.32 11.32Z\"})}),I=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Z\"})}),V=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm64-88a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8V72a8 8 0 0 1 16 0v48h48a8 8 0 0 1 8 8Z\"})}),A=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 32H88a8 8 0 0 0-8 8v40H40a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h128a8 8 0 0 0 8-8v-40h40a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8Zm-56 176H48V96h112Zm48-48h-32V88a8 8 0 0 0-8-8H96V48h112Z\"})}),S=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M104 60a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm60 12a12 12 0 1 0-12-12 12 12 0 0 0 12 12Zm-72 44a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm72 0a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm-72 68a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm72 0a12 12 0 1 0 12 12 12 12 0 0 0-12-12Z\"})}),k=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm12-88a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm44 0a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm-88 0a12 12 0 1 1-12-12 12 12 0 0 1 12 12Z\"})}),U=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M140 128a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm56-12a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm-136 0a12 12 0 1 0 12 12 12 12 0 0 0-12-12Z\"})}),P=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 152v56a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16v-56a8 8 0 0 1 16 0v56h160v-56a8 8 0 0 1 16 0Zm-101.66 5.66a8 8 0 0 0 11.32 0l40-40a8 8 0 0 0-11.32-11.32L136 132.69V40a8 8 0 0 0-16 0v92.69l-26.34-26.35a8 8 0 0 0-11.32 11.32Z\"})}),D=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 48H32a8 8 0 0 0-8 8v136a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a8 8 0 0 0-8-8Zm-96 85.15L52.57 64h150.86ZM98.71 128 40 181.81V74.19Zm11.84 10.85 12 11.05a8 8 0 0 0 10.82 0l12-11.05 58 53.15H52.57ZM157.29 128 216 74.18v107.64Z\"})}),q=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 112v96a16 16 0 0 1-16 16H56a16 16 0 0 1-16-16v-96a16 16 0 0 1 16-16h24a8 8 0 0 1 0 16H56v96h144v-96h-24a8 8 0 0 1 0-16h24a16 16 0 0 1 16 16ZM93.66 69.66 120 43.31V136a8 8 0 0 0 16 0V43.31l26.34 26.35a8 8 0 0 0 11.32-11.32l-40-40a8 8 0 0 0-11.32 0l-40 40a8 8 0 0 0 11.32 11.32Z\"})}),R=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M219.31 80 176 36.69A15.86 15.86 0 0 0 164.69 32H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V91.31A15.86 15.86 0 0 0 219.31 80ZM168 208H88v-56h80Zm40 0h-24v-56a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v56H48V48h116.69L208 91.31ZM160 72a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h56a8 8 0 0 1 8 8Z\"})}),y=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M230.6 49.53A15.81 15.81 0 0 0 216 40H40a16 16 0 0 0-11.81 26.76l.08.09L96 139.17V216a16 16 0 0 0 24.87 13.32l32-21.34a16 16 0 0 0 7.13-13.32v-55.49l67.74-72.32.08-.09a15.8 15.8 0 0 0 2.78-17.23ZM40 56Zm108.34 72.28a15.92 15.92 0 0 0-4.34 10.89v55.49L112 216v-76.83a15.92 15.92 0 0 0-4.32-10.94L40 56h176Z\"})}),F=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 80a48 48 0 1 0 48 48 48.05 48.05 0 0 0-48-48Zm0 80a32 32 0 1 1 32-32 32 32 0 0 1-32 32Zm88-29.84q.06-2.16 0-4.32l14.92-18.64a8 8 0 0 0 1.48-7.06 107.21 107.21 0 0 0-10.88-26.25 8 8 0 0 0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186 40.54a8 8 0 0 0-3.94-6 107.71 107.71 0 0 0-26.25-10.87 8 8 0 0 0-7.06 1.49L130.16 40h-4.32L107.2 25.11a8 8 0 0 0-7.06-1.48 107.6 107.6 0 0 0-26.25 10.88 8 8 0 0 0-3.93 6l-2.64 23.76q-1.56 1.49-3 3L40.54 70a8 8 0 0 0-6 3.94 107.71 107.71 0 0 0-10.87 26.25 8 8 0 0 0 1.49 7.06L40 125.84v4.32L25.11 148.8a8 8 0 0 0-1.48 7.06 107.21 107.21 0 0 0 10.88 26.25 8 8 0 0 0 6 3.93l23.72 2.64q1.49 1.56 3 3L70 215.46a8 8 0 0 0 3.94 6 107.71 107.71 0 0 0 26.25 10.87 8 8 0 0 0 7.06-1.49L125.84 216q2.16.06 4.32 0l18.64 14.92a8 8 0 0 0 7.06 1.48 107.21 107.21 0 0 0 26.25-10.88 8 8 0 0 0 3.93-6l2.64-23.72q1.56-1.48 3-3l23.78-2.8a8 8 0 0 0 6-3.94 107.71 107.71 0 0 0 10.87-26.25 8 8 0 0 0-1.49-7.06Zm-16.1-6.5a73.93 73.93 0 0 1 0 8.68 8 8 0 0 0 1.74 5.48l14.19 17.73a91.57 91.57 0 0 1-6.23 15l-22.6 2.56a8 8 0 0 0-5.1 2.64 74.11 74.11 0 0 1-6.14 6.14 8 8 0 0 0-2.64 5.1l-2.51 22.58a91.32 91.32 0 0 1-15 6.23l-17.74-14.19a8 8 0 0 0-5-1.75h-.48a73.93 73.93 0 0 1-8.68 0 8 8 0 0 0-5.48 1.74l-17.78 14.2a91.57 91.57 0 0 1-15-6.23L82.89 187a8 8 0 0 0-2.64-5.1 74.11 74.11 0 0 1-6.14-6.14 8 8 0 0 0-5.1-2.64l-22.58-2.52a91.32 91.32 0 0 1-6.23-15l14.19-17.74a8 8 0 0 0 1.74-5.48 73.93 73.93 0 0 1 0-8.68 8 8 0 0 0-1.74-5.48L40.2 100.45a91.57 91.57 0 0 1 6.23-15L69 82.89a8 8 0 0 0 5.1-2.64 74.11 74.11 0 0 1 6.14-6.14A8 8 0 0 0 82.89 69l2.51-22.57a91.32 91.32 0 0 1 15-6.23l17.74 14.19a8 8 0 0 0 5.48 1.74 73.93 73.93 0 0 1 8.68 0 8 8 0 0 0 5.48-1.74l17.77-14.19a91.57 91.57 0 0 1 15 6.23L173.11 69a8 8 0 0 0 2.64 5.1 74.11 74.11 0 0 1 6.14 6.14 8 8 0 0 0 5.1 2.64l22.58 2.51a91.32 91.32 0 0 1 6.23 15l-14.19 17.74a8 8 0 0 0-1.74 5.53Z\"})}),G=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m218.83 103.77-80-75.48a1.14 1.14 0 0 1-.11-.11 16 16 0 0 0-21.53 0l-.11.11-79.91 75.48A16 16 0 0 0 32 115.55V208a16 16 0 0 0 16 16h48a16 16 0 0 0 16-16v-48h32v48a16 16 0 0 0 16 16h48a16 16 0 0 0 16-16v-92.45a16 16 0 0 0-5.17-11.78ZM208 208h-48v-48a16 16 0 0 0-16-16h-32a16 16 0 0 0-16 16v48H48v-92.45l.11-.1L128 40l79.9 75.43.11.1Z\"})}),O=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16Zm0 16v102.75l-26.07-26.06a16 16 0 0 0-22.63 0l-20 20-44-44a16 16 0 0 0-22.62 0L40 149.37V56ZM40 172l52-52 80 80H40Zm176 28h-21.37l-36-36 20-20L216 181.38V200Zm-72-100a12 12 0 1 1 12 12 12 12 0 0 1-12-12Z\"})}),T=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm16-40a8 8 0 0 1-8 8 16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16 16 16 0 0 1 16 16v40a8 8 0 0 1 8 8Zm-32-92a12 12 0 1 1 12 12 12 12 0 0 1-12-12Z\"})}),E=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M165.66 90.34a8 8 0 0 1 0 11.32l-64 64a8 8 0 0 1-11.32-11.32l64-64a8 8 0 0 1 11.32 0ZM215.6 40.4a56 56 0 0 0-79.2 0l-30.06 30.05a8 8 0 0 0 11.32 11.32l30.06-30a40 40 0 0 1 56.57 56.56l-30.07 30.06a8 8 0 0 0 11.31 11.32l30.07-30.11a56 56 0 0 0 0-79.2Zm-77.26 133.82-30.06 30.06a40 40 0 1 1-56.56-56.57l30.05-30.05a8 8 0 0 0-11.32-11.32L40.4 136.4a56 56 0 0 0 79.2 79.2l30.06-30.07a8 8 0 0 0-11.32-11.31Z\"})}),X=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8ZM40 72h176a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16Zm176 112H40a8 8 0 0 0 0 16h176a8 8 0 0 0 0-16Z\"})}),j=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 80H96V56a32 32 0 0 1 32-32c15.37 0 29.2 11 32.16 25.59a8 8 0 0 0 15.68-3.18C171.32 24.15 151.2 8 128 8a48.05 48.05 0 0 0-48 48v24H48a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16Zm0 128H48V96h160v112Z\"})}),Q=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 80h-32V56a48 48 0 0 0-96 0v24H48a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16ZM96 56a32 32 0 0 1 64 0v24H96Zm112 152H48V96h160v112Z\"})}),W=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m229.66 218.34-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32ZM40 112a72 72 0 1 1 72 72 72.08 72.08 0 0 1-72-72Z\"})}),b=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 64a40 40 0 1 0 40 40 40 40 0 0 0-40-40Zm0 64a24 24 0 1 1 24-24 24 24 0 0 1-24 24Zm0-112a88.1 88.1 0 0 0-88 88c0 31.4 14.51 64.68 42 96.25a254.19 254.19 0 0 0 41.45 38.3 8 8 0 0 0 9.18 0 254.19 254.19 0 0 0 41.37-38.3c27.45-31.57 42-64.85 42-96.25a88.1 88.1 0 0 0-88-88Zm0 206c-16.53-13-72-60.75-72-118a72 72 0 0 1 144 0c0 57.23-55.47 105-72 118Z\"})}),z=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M240 120a48.05 48.05 0 0 0-48-48h-39.8c-2.91-.17-53.62-3.74-101.91-44.24A16 16 0 0 0 24 40v160a16 16 0 0 0 26.29 12.25c37.77-31.68 77-40.76 93.71-43.3v31.72a16 16 0 0 0 7.12 13.33l11 7.33A16 16 0 0 0 186.5 212l11.77-44.36A48.07 48.07 0 0 0 240 120ZM40 199.93V40c42.81 35.91 86.63 45 104 47.24v65.48c-17.35 2.28-61.16 11.35-104 47.21Zm131 8v.11l-11-7.33V168h21.6ZM192 152h-32V88h32a32 32 0 1 1 0 64Z\"})}),J=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M176 128a8 8 0 0 1-8 8H88a8 8 0 0 1 0-16h80a8 8 0 0 1 8 8Zm56 0A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),K=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8Z\"})}),Y=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M209.66 122.34a8 8 0 0 1 0 11.32l-82.05 82a56 56 0 0 1-79.2-79.21l99.26-100.72a40 40 0 1 1 56.61 56.55L105 193a24 24 0 1 1-34-34l83.3-84.62a8 8 0 1 1 11.4 11.22l-83.31 84.71a8 8 0 1 0 11.27 11.36L192.93 81A24 24 0 1 0 159 47L59.76 147.68a40 40 0 1 0 56.53 56.62l82.06-82a8 8 0 0 1 11.31.04Z\"})}),$=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M48 56v144a8 8 0 0 1-16 0V56a8 8 0 0 1 16 0Zm84 54.5-20 6.5V96a8 8 0 0 0-16 0v21l-20-6.5a8 8 0 0 0-5 15.22l20 6.49-12.34 17a8 8 0 1 0 12.94 9.4l12.34-17 12.34 17a8 8 0 1 0 12.94-9.4l-12.34-17 20-6.49A8 8 0 0 0 132 110.5Zm106 5.14a8 8 0 0 0-10-5.14l-20 6.5V96a8 8 0 0 0-16 0v21l-20-6.49a8 8 0 0 0-4.95 15.22l20 6.49-12.34 17a8 8 0 1 0 12.94 9.4l12.34-17 12.34 17a8 8 0 1 0 12.94-9.4l-12.34-17 20-6.49a8 8 0 0 0 5.07-10.09Z\"})}),_=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m227.31 73.37-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63ZM51.31 160 136 75.31 152.69 92 68 176.68ZM48 179.31 76.69 208H48Zm48 25.38L79.31 188 164 103.31 180.69 120Zm96-96L147.31 64l24-24L216 84.68Z\"})}),aa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m222.37 158.46-47.11-21.11-.13-.06a16 16 0 0 0-15.17 1.4 8.12 8.12 0 0 0-.75.56L134.87 160c-15.42-7.49-31.34-23.29-38.83-38.51l20.78-24.71c.2-.25.39-.5.57-.77a16 16 0 0 0 1.32-15.06v-.12L97.54 33.64a16 16 0 0 0-16.62-9.52A56.26 56.26 0 0 0 32 80c0 79.4 64.6 144 144 144a56.26 56.26 0 0 0 55.88-48.92 16 16 0 0 0-9.51-16.62ZM176 208A128.14 128.14 0 0 1 48 80a40.2 40.2 0 0 1 34.87-40 .61.61 0 0 0 0 .12l21 47-20.67 24.74a6.13 6.13 0 0 0-.57.77 16 16 0 0 0-1 15.7c9.06 18.53 27.73 37.06 46.46 46.11a16 16 0 0 0 15.75-1.14 8.44 8.44 0 0 0 .74-.56L168.89 152l47 21.05h.11A40.21 40.21 0 0 1 176 208Z\"})}),sa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm48-88a8 8 0 0 1-8 8h-32v32a8 8 0 0 1-16 0v-32H88a8 8 0 0 1 0-16h32V88a8 8 0 0 1 16 0v32h32a8 8 0 0 1 8 8Z\"})}),la=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8Z\"})}),ea=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M140 180a12 12 0 1 1-12-12 12 12 0 0 1 12 12ZM128 72c-22.06 0-40 16.15-40 36v4a8 8 0 0 0 16 0v-4c0-11 10.77-20 24-20s24 9 24 20-10.77 20-24 20a8 8 0 0 0-8 8v8a8 8 0 0 0 16 0v-.72c18.24-3.35 32-17.9 32-35.28 0-19.85-17.94-36-40-36Zm104 56A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),ra=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M222.14 58.87A8 8 0 0 0 216 56H54.68l-4.89-26.86A16 16 0 0 0 34.05 16H16a8 8 0 0 0 0 16h18l25.56 140.29a24 24 0 0 0 5.33 11.27 28 28 0 1 0 44.4 8.44h45.42a27.75 27.75 0 0 0-2.71 12 28 28 0 1 0 28-28H83.17a8 8 0 0 1-7.87-6.57L72.13 152h116a24 24 0 0 0 23.61-19.71l12.16-66.86a8 8 0 0 0-1.76-6.56ZM96 204a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm96 0a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm4-74.57a8 8 0 0 1-7.9 6.57H69.22L57.59 72h148.82Z\"})}),ia=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m141.66 133.66-40 40a8 8 0 0 1-11.32-11.32L116.69 136H24a8 8 0 0 1 0-16h92.69L90.34 93.66a8 8 0 0 1 11.32-11.32l40 40a8 8 0 0 1 0 11.32ZM192 32h-56a8 8 0 0 0 0 16h56v160h-56a8 8 0 0 0 0 16h56a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16Z\"})}),ca=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M112 216a8 8 0 0 1-8 8H48a16 16 0 0 1-16-16V48a16 16 0 0 1 16-16h56a8 8 0 0 1 0 16H48v160h56a8 8 0 0 1 8 8Zm109.66-93.66-40-40a8 8 0 0 0-11.32 11.32L196.69 120H104a8 8 0 0 0 0 16h92.69l-26.35 26.34a8 8 0 0 0 11.32 11.32l40-40a8 8 0 0 0 0-11.32Z\"})}),oa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M64 105V40a8 8 0 0 0-16 0v65a32 32 0 0 0 0 62v49a8 8 0 0 0 16 0v-49a32 32 0 0 0 0-62Zm-8 47a16 16 0 1 1 16-16 16 16 0 0 1-16 16Zm80-95V40a8 8 0 0 0-16 0v17a32 32 0 0 0 0 62v97a8 8 0 0 0 16 0v-97a32 32 0 0 0 0-62Zm-8 47a16 16 0 1 1 16-16 16 16 0 0 1-16 16Zm104 64a32.06 32.06 0 0 0-24-31V40a8 8 0 0 0-16 0v97a32 32 0 0 0 0 62v17a8 8 0 0 0 16 0v-17a32.06 32.06 0 0 0 24-31Zm-32 16a16 16 0 1 1 16-16 16 16 0 0 1-16 16Z\"})}),na=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 128a8 8 0 0 1-8 8H48a8 8 0 0 1 0-16h72a8 8 0 0 1 8 8ZM48 72h136a8 8 0 0 0 0-16H48a8 8 0 0 0 0 16Zm56 112H48a8 8 0 0 0 0 16h56a8 8 0 0 0 0-16Zm125.66-21.66a8 8 0 0 0-11.32 0L192 188.69V112a8 8 0 0 0-16 0v76.69l-26.34-26.35a8 8 0 0 0-11.32 11.32l40 40a8 8 0 0 0 11.32 0l40-40a8 8 0 0 0 0-11.32Z\"})}),ha=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M40 128a8 8 0 0 1 8-8h72a8 8 0 0 1 0 16H48a8 8 0 0 1-8-8Zm8-56h56a8 8 0 0 0 0-16H48a8 8 0 0 0 0 16Zm136 112H48a8 8 0 0 0 0 16h136a8 8 0 0 0 0-16Zm45.66-101.66-40-40a8 8 0 0 0-11.32 0l-40 40a8 8 0 0 0 11.32 11.32L176 67.31V144a8 8 0 0 0 16 0V67.31l26.34 26.35a8 8 0 0 0 11.32-11.32Z\"})}),ta=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M136 32v32a8 8 0 0 1-16 0V32a8 8 0 0 1 16 0Zm88 88h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16Zm-45.09 47.6a8 8 0 0 0-11.31 11.31l22.62 22.63a8 8 0 0 0 11.32-11.32ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8Zm-50.91-16.4-22.63 22.62a8 8 0 0 0 11.32 11.32l22.62-22.63a8 8 0 0 0-11.31-11.31ZM72 128a8 8 0 0 0-8-8H32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8Zm-6.22-73.54a8 8 0 0 0-11.32 11.32L77.09 88.4A8 8 0 0 0 88.4 77.09Z\"})}),wa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 48h-40v-8a24 24 0 0 0-24-24h-48a24 24 0 0 0-24 24v8H40a8 8 0 0 0 0 16h8v144a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16V64h8a8 8 0 0 0 0-16ZM96 40a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8v8H96Zm96 168H64V64h128Zm-80-104v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0Zm48 0v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0Z\"})}),da=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 152v56a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16v-56a8 8 0 0 1 16 0v56h160v-56a8 8 0 0 1 16 0ZM93.66 85.66 120 59.31V152a8 8 0 0 0 16 0V59.31l26.34 26.35a8 8 0 0 0 11.32-11.32l-40-40a8 8 0 0 0-11.32 0l-40 40a8 8 0 0 0 11.32 11.32Z\"})}),va=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M168 56a8 8 0 0 1 8-8h48a8 8 0 0 1 0 16h-48a8 8 0 0 1-8-8Zm62.56 54.68a103.92 103.92 0 1 1-85.24-85.24 8 8 0 0 1-2.64 15.78A88.07 88.07 0 0 0 40 128a87.62 87.62 0 0 0 22.24 58.41 79.66 79.66 0 0 1 36.06-28.75 48 48 0 1 1 59.4 0 79.66 79.66 0 0 1 36.06 28.75A87.62 87.62 0 0 0 216 128a88.85 88.85 0 0 0-1.22-14.68 8 8 0 1 1 15.78-2.64ZM128 152a32 32 0 1 0-32-32 32 32 0 0 0 32 32Zm0 64a87.57 87.57 0 0 0 53.92-18.5 64 64 0 0 0-107.84 0A87.57 87.57 0 0 0 128 216Z\"})}),ma=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M168 56a8 8 0 0 1 8-8h16V32a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0V64h-16a8 8 0 0 1-8-8Zm62.56 54.68a103.92 103.92 0 1 1-85.24-85.24 8 8 0 0 1-2.64 15.78A88.07 88.07 0 0 0 40 128a87.62 87.62 0 0 0 22.24 58.41 79.66 79.66 0 0 1 36.06-28.75 48 48 0 1 1 59.4 0 79.66 79.66 0 0 1 36.06 28.75A87.62 87.62 0 0 0 216 128a88.85 88.85 0 0 0-1.22-14.68 8 8 0 1 1 15.78-2.64ZM128 152a32 32 0 1 0-32-32 32 32 0 0 0 32 32Zm0 64a87.57 87.57 0 0 0 53.92-18.5 64 64 0 0 0-107.84 0A87.57 87.57 0 0 0 128 216Z\"})}),ga=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24ZM74.08 197.5a64 64 0 0 1 107.84 0 87.83 87.83 0 0 1-107.84 0ZM96 120a32 32 0 1 1 32 32 32 32 0 0 1-32-32Zm97.76 66.41a79.66 79.66 0 0 0-36.06-28.75 48 48 0 1 0-59.4 0 79.66 79.66 0 0 0-36.06 28.75 88 88 0 1 1 131.52 0Z\"})}),Za=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M236.8 188.09 149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19 23.51 23.51 0 0 0 .02-23.72Zm-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2 7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72ZM120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm20 36a12 12 0 1 1-12-12 12 12 0 0 1 12 12Z\"})}),pa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M165.66 101.66 139.31 128l26.35 26.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32ZM232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),ua=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128 50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z\"})}),xa=({className:l,...e})=>a(ta,{className:s(\"sds-icon sds-icon--spinner\",l),...e});export{l as ArchiveIcon,e as ArrowCircleLeftIcon,r as ArrowCircleRightIcon,i as ArrowClockwiseIcon,c as ArrowLeftIcon,o as ArrowRightIcon,n as ArrowSquareOutIcon,h as ArrowUUpLeftIcon,t as ArrowUUpRightIcon,d as BellIcon,w as BellRingingIcon,v as BookmarkSimpleFillIcon,m as BookmarkSimpleIcon,g as CalendarBlankIcon,Z as CalendarPlusIcon,p as CaretCircleDownIcon,u as CaretCircleLeftIcon,x as CaretCircleRightIcon,N as CaretCircleUpIcon,M as CaretDownIcon,C as CaretLeftIcon,H as CaretRightIcon,f as CaretUpIcon,L as CheckCircleIcon,B as CheckIcon,I as CircleIcon,V as ClockIcon,A as CopyIcon,S as DotsSixVerticalIcon,k as DotsThreeCircleIcon,U as DotsThreeIcon,P as DownloadSimpleIcon,D as EnvelopeIcon,q as ExportIcon,R as FloppyDiskIcon,y as FunnelIcon,F as GearIcon,G as HouseIcon,O as ImageIcon,T as InfoIcon,E as LinkSimpleIcon,X as ListIcon,Q as LockSimpleIcon,j as LockSimpleOpenIcon,W as MagnifyingGlassIcon,b as MapPinIcon,z as MegaphoneIcon,J as MinusCircleIcon,K as MinusIcon,Y as PaperclipIcon,$ as PasswordIcon,_ as PencilIcon,aa as PhoneIcon,sa as PlusCircleIcon,la as PlusIcon,ea as QuestionIcon,ra as ShoppingCartIcon,ia as SignInIcon,ca as SignOutIcon,oa as SlidersIcon,na as SortAscendingIcon,ha as SortDescendingIcon,ta as SpinnerGapIcon,xa as SpinnerIcon,wa as TrashIcon,da as UploadSimpleIcon,ga as UserCircleIcon,va as UserCircleMinusIcon,ma as UserCirclePlusIcon,Za as WarningIcon,pa as XCircleIcon,ua as XIcon};\n//# sourceMappingURL=index.js.map\n","import React, {\n ReactNode,\n ChangeEventHandler,\n useId,\n InputHTMLAttributes,\n} from \"react\";\nimport clsx from \"clsx\";\nimport { CheckIcon, WarningIcon, XIcon } from \"@sikt/sds-icons\";\nimport \"./toggle-switch.pcss\";\n\nexport type ToggleSwitchProps = {\n checked?: boolean;\n label: ReactNode;\n labelFirst?: boolean;\n showIcons?: boolean;\n errorText?: string;\n inputProps?: InputHTMLAttributes<HTMLInputElement>;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n};\n\nexport const ToggleSwitch = ({\n checked = false,\n label,\n labelFirst = false,\n showIcons = true,\n errorText,\n onChange,\n inputProps = {},\n ...rest\n}: ToggleSwitchProps) => {\n const id = useId();\n const labelElement = (\n <div className=\"sds-toggle-switch__label\">\n {errorText && <WarningIcon />} {label}\n </div>\n );\n\n return (\n <div\n className={clsx(\n \"sds-toggle-switch\",\n checked && \"sds-toggle-switch--checked\",\n errorText && \"sds-toggle-switch--error\"\n )}\n {...rest}\n >\n <label className=\"sds-toggle-switch__main-label\">\n {labelFirst && labelElement}\n <div className=\"sds-toggle-switch__inner\">\n <input\n type=\"checkbox\"\n role=\"switch\"\n className=\"sds-toggle-switch__track\"\n checked={checked}\n aria-describedby={errorText && `${id}-help-text`}\n aria-invalid={Boolean(errorText)}\n aria-errormessage={errorText && `${id}-help-text`}\n onChange={onChange}\n readOnly={!onChange}\n {...inputProps}\n />\n <div className=\"sds-toggle-switch__thumb\">\n {showIcons && checked && <CheckIcon />}\n {showIcons && !checked && <XIcon />}\n </div>\n </div>\n {!labelFirst && labelElement}\n </label>\n {errorText && (\n <div className=\"sds-toggle-switch__help-text\" id={`${id}-help-text`}>\n {errorText}\n </div>\n )}\n </div>\n );\n};\n","import React, { ChangeEventHandler, ReactNode, useId } from \"react\";\nimport \"./toggle-button.pcss\";\nimport clsx from \"clsx\";\nimport { PlusCircleIcon } from \"@sikt/sds-icons\";\n\nexport type ToggleButtonProps = {\n checked?: boolean;\n label: ReactNode;\n showIcons?: boolean;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n};\n\nexport const ToggleButton = ({\n checked,\n label,\n showIcons = true,\n onChange,\n ...rest\n}: ToggleButtonProps) => {\n const toggleButtonId = useId();\n return (\n <div className=\"sds-toggle-button\" {...rest}>\n <input\n type=\"checkbox\"\n className=\"sds-toggle-button__input\"\n onChange={onChange}\n readOnly={!onChange}\n checked={checked}\n aria-checked={checked}\n id={toggleButtonId}\n />\n <label\n className={clsx(\n \"sds-toggle-button__label\",\n checked && \"sds-toggle-button__label--checked\"\n )}\n htmlFor={toggleButtonId}\n >\n <div className=\"sds-toggle-button__label-text\">{label}</div>\n {showIcons && (\n <PlusCircleIcon\n className={clsx(\n \"sds-toggle-button__icon\",\n checked && \"sds-toggle-button__icon--checked\"\n )}\n />\n )}\n </label>\n </div>\n );\n};\n"],"names":["B","className","l","e","a","xmlns","fill","viewBox","s","children","d","sa","Za","ua","ToggleSwitch","checked","label","labelFirst","showIcons","errorText","onChange","inputProps","rest","id","useId","labelElement","_jsxs","_jsx","WarningIcon","clsx","type","role","Boolean","readOnly","CheckIcon","XIcon","ToggleButton","toggleButtonId","htmlFor","PlusCircleIcon"],"mappings":"oGAA4D,MAA45SA,EAAE,EAAEC,UAAUC,KAAKC,KAAKC,EAAE,MAAM,CAACC,MAAM,6BAA6BC,KAAK,eAAeC,QAAQ,cAAcN,UAAUO,EAAE,WAAWN,GAAG,cAAc,UAAUC,EAAEM,SAASL,EAAE,OAAO,CAACM,EAAE,yHAAw8bC,EAAG,EAAEV,UAAUC,KAAKC,KAAKC,EAAE,MAAM,CAACC,MAAM,6BAA6BC,KAAK,eAAeC,QAAQ,cAAcN,UAAUO,EAAE,WAAWN,GAAG,cAAc,UAAUC,EAAEM,SAASL,EAAE,OAAO,CAACM,EAAE,yNAA8vOE,EAAG,EAAEX,UAAUC,KAAKC,KAAKC,EAAE,MAAM,CAACC,MAAM,6BAA6BC,KAAK,eAAeC,QAAQ,cAAcN,UAAUO,EAAE,WAAWN,GAAG,cAAc,UAAUC,EAAEM,SAASL,EAAE,OAAO,CAACM,EAAE,ubAAo6BG,EAAG,EAAEZ,UAAUC,KAAKC,KAAKC,EAAE,MAAM,CAACC,MAAM,6BAA6BC,KAAK,eAAeC,QAAQ,cAAcN,UAAUO,EAAE,WAAWN,GAAG,cAAc,UAAUC,EAAEM,SAASL,EAAE,OAAO,CAACM,EAAE,+LCoBpxgCI,EAAe,EAC1BC,WAAU,EACVC,QACAC,cAAa,EACbC,aAAY,EACZC,YACAC,WACAC,aAAa,CAAE,KACZC,MAEH,MAAMC,EAAKC,IACLC,EACJC,EAAK,MAAA,CAAAzB,UAAU,2BAA0BQ,SAAA,CACtCU,GAAaQ,EAACC,EAAW,QAAMZ,KAIpC,OACEU,EAAA,MAAA,CACEzB,UAAW4B,EACT,oBACAd,GAAW,6BACXI,GAAa,+BAEXG,EAEJb,SAAA,CAAAiB,EAAA,QAAA,CAAOzB,UAAU,gCAA+BQ,SAAA,CAC7CQ,GAAcQ,EACfC,SAAKzB,UAAU,2BAA0BQ,SAAA,CACvCkB,EACE,QAAA,CAAAG,KAAK,WACLC,KAAK,SACL9B,UAAU,2BACVc,QAASA,EACS,mBAAAI,GAAa,GAAGI,cACpB,eAAAS,QAAQb,GAAU,oBACbA,GAAa,GAAGI,cACnCH,SAAUA,EACVa,UAAWb,KACPC,IAENK,EAAA,MAAA,CAAKzB,UAAU,2BAA0BQ,SAAA,CACtCS,GAAaH,GAAWY,EAACO,EAAY,CAAA,GACrChB,IAAcH,GAAWY,EAACQ,EAAQ,WAGrClB,GAAcQ,KAEjBN,GACCQ,EAAA,MAAA,CAAK1B,UAAU,+BAA+BsB,GAAI,GAAGA,cAAcd,SAChEU,MAIP,EC9DSiB,EAAe,EAC1BrB,UACAC,QACAE,aAAY,EACZE,cACGE,MAEH,MAAMe,EAAiBb,IACvB,OACEE,EAAK,MAAA,CAAAzB,UAAU,uBAAwBqB,EAAIb,SAAA,CACzCkB,EACE,QAAA,CAAAG,KAAK,WACL7B,UAAU,2BACVmB,SAAUA,EACVa,UAAWb,EACXL,QAASA,EAAO,eACFA,EACdQ,GAAIc,IAENX,EAAA,QAAA,CACEzB,UAAW4B,EACT,2BACAd,GAAW,qCAEbuB,QAASD,EAAc5B,SAAA,CAEvBkB,SAAK1B,UAAU,gCAAiCQ,SAAAO,IAC/CE,GACCS,EAACY,EAAc,CACbtC,UAAW4B,EACT,0BACAd,GAAW,2CAMrB"}
1
+ {"version":3,"file":"index.js","sources":["../../icons/dist/index.js","../ToggleSwitch.tsx","../ToggleButton.tsx","../../form/FieldsetContext.ts","../../form/Fieldset.tsx","../ToggleSegment.tsx","../../form/dist/index.js","../ToggleSegmentOption.tsx"],"sourcesContent":["import{jsx as a}from\"react/jsx-runtime\";import s from\"clsx\";const l=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 48H32a16 16 0 0 0-16 16v24a16 16 0 0 0 16 16v88a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-88a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16Zm-16 144H48v-88h160Zm16-104H32V64h192v24ZM96 136a8 8 0 0 1 8-8h48a8 8 0 0 1 0 16h-48a8 8 0 0 1-8-8Z\"})}),e=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm48-88a8 8 0 0 1-8 8h-60.69l18.35 18.34a8 8 0 0 1-11.32 11.32l-32-32a8 8 0 0 1 0-11.32l32-32a8 8 0 0 1 11.32 11.32L107.31 120H168a8 8 0 0 1 8 8Z\"})}),r=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm45.66-93.66a8 8 0 0 1 0 11.32l-32 32a8 8 0 0 1-11.32-11.32L148.69 136H88a8 8 0 0 1 0-16h60.69l-18.35-18.34a8 8 0 0 1 11.32-11.32Z\"})}),i=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36-.25-.24a80 80 0 1 0-1.67 114.78 8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0Z\"})}),c=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8H59.31l58.35 58.34a8 8 0 0 1-11.32 11.32l-72-72a8 8 0 0 1 0-11.32l72-72a8 8 0 0 1 11.32 11.32L59.31 120H216a8 8 0 0 1 8 8Z\"})}),o=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m221.66 133.66-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32Z\"})}),n=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8Z\"})}),h=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M232 144a64.07 64.07 0 0 1-64 64H80a8 8 0 0 1 0-16h88a48 48 0 0 0 0-96H51.31l34.35 34.34a8 8 0 0 1-11.32 11.32l-48-48a8 8 0 0 1 0-11.32l48-48a8 8 0 0 1 11.32 11.32L51.31 80H168a64.07 64.07 0 0 1 64 64Z\"})}),t=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M170.34 130.34 204.69 96H88a48 48 0 0 0 0 96h88a8 8 0 0 1 0 16H88a64 64 0 0 1 0-128h116.69l-34.35-34.34a8 8 0 0 1 11.32-11.32l48 48a8 8 0 0 1 0 11.32l-48 48a8 8 0 0 1-11.32-11.32Z\"})}),w=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 71.1a8 8 0 0 1-10.78-3.42 94.13 94.13 0 0 0-33.46-36.91 8 8 0 1 1 8.54-13.54 111.46 111.46 0 0 1 39.12 43.09A8 8 0 0 1 224 71.1ZM35.71 72a8 8 0 0 0 7.1-4.32 94.13 94.13 0 0 1 33.46-36.91 8 8 0 1 0-8.54-13.54 111.46 111.46 0 0 0-39.12 43.09A8 8 0 0 0 35.71 72Zm186.1 103.94A16 16 0 0 1 208 200h-40.8a40 40 0 0 1-78.4 0H48a16 16 0 0 1-13.79-24.06C43.22 160.39 48 138.28 48 112a80 80 0 0 1 160 0c0 26.27 4.78 48.38 13.81 63.94ZM150.62 200h-45.24a24 24 0 0 0 45.24 0ZM208 184c-10.64-18.27-16-42.49-16-72a64 64 0 0 0-128 0c0 29.52-5.38 53.74-16 72Z\"})}),d=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M221.8 175.94c-5.55-9.56-13.8-36.61-13.8-71.94a80 80 0 1 0-160 0c0 35.34-8.26 62.38-13.81 71.94A16 16 0 0 0 48 200h40.81a40 40 0 0 0 78.38 0H208a16 16 0 0 0 13.8-24.06ZM128 216a24 24 0 0 1-22.62-16h45.24A24 24 0 0 1 128 216Zm-80-32c7.7-13.24 16-43.92 16-80a64 64 0 1 1 128 0c0 36.05 8.28 66.73 16 80Z\"})}),v=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M184 32H72a16 16 0 0 0-16 16v176a8 8 0 0 0 12.24 6.78L128 193.43l59.77 37.35A8 8 0 0 0 200 224V48a16 16 0 0 0-16-16Z\"})}),m=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M184 32H72a16 16 0 0 0-16 16v176a8 8 0 0 0 12.24 6.78L128 193.43l59.77 37.35A8 8 0 0 0 200 224V48a16 16 0 0 0-16-16Zm0 177.57-51.77-32.35a8 8 0 0 0-8.48 0L72 209.57V48h112Z\"})}),g=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16ZM72 48v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32H48V48Zm136 160H48V96h160v112Z\"})}),Z=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16ZM72 48v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32H48V48Zm136 160H48V96h160v112Zm-48-56a8 8 0 0 1-8 8h-16v16a8 8 0 0 1-16 0v-16h-16a8 8 0 0 1 0-16h16v-16a8 8 0 0 1 16 0v16h16a8 8 0 0 1 8 8Z\"})}),p=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm45.66-109.66a8 8 0 0 1 0 11.32l-40 40a8 8 0 0 1-11.32 0l-40-40a8 8 0 0 1 11.32-11.32L128 140.69l34.34-34.35a8 8 0 0 1 11.32 0Z\"})}),C=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm21.66-122.34L115.31 128l34.35 34.34a8 8 0 0 1-11.32 11.32l-40-40a8 8 0 0 1 0-11.32l40-40a8 8 0 0 1 11.32 11.32Z\"})}),u=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm29.66-93.66a8 8 0 0 1 0 11.32l-40 40a8 8 0 0 1-11.32-11.32L140.69 128l-34.35-34.34a8 8 0 0 1 11.32-11.32Z\"})}),x=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm45.66-77.66a8 8 0 0 1-11.32 11.32L128 115.31l-34.34 34.35a8 8 0 0 1-11.32-11.32l40-40a8 8 0 0 1 11.32 0Z\"})}),N=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m213.66 101.66-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32Z\"})}),M=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z\"})}),L=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m181.66 133.66-80 80a8 8 0 0 1-11.32-11.32L164.69 128 90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32Z\"})}),H=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32Z\"})}),f=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0ZM232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),B=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m229.66 77.66-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69 218.34 66.34a8 8 0 0 1 11.32 11.32Z\"})}),I=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Z\"})}),V=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm64-88a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8V72a8 8 0 0 1 16 0v48h48a8 8 0 0 1 8 8Z\"})}),A=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 32H88a8 8 0 0 0-8 8v40H40a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h128a8 8 0 0 0 8-8v-40h40a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8Zm-56 176H48V96h112Zm48-48h-32V88a8 8 0 0 0-8-8H96V48h112Z\"})}),S=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M104 60a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm60 12a12 12 0 1 0-12-12 12 12 0 0 0 12 12Zm-72 44a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm72 0a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm-72 68a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm72 0a12 12 0 1 0 12 12 12 12 0 0 0-12-12Z\"})}),k=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm12-88a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm44 0a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm-88 0a12 12 0 1 1-12-12 12 12 0 0 1 12 12Z\"})}),U=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M140 128a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm56-12a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm-136 0a12 12 0 1 0 12 12 12 12 0 0 0-12-12Z\"})}),P=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 152v56a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16v-56a8 8 0 0 1 16 0v56h160v-56a8 8 0 0 1 16 0Zm-101.66 5.66a8 8 0 0 0 11.32 0l40-40a8 8 0 0 0-11.32-11.32L136 132.69V40a8 8 0 0 0-16 0v92.69l-26.34-26.35a8 8 0 0 0-11.32 11.32Z\"})}),D=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 48H32a8 8 0 0 0-8 8v136a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a8 8 0 0 0-8-8Zm-96 85.15L52.57 64h150.86ZM98.71 128 40 181.81V74.19Zm11.84 10.85 12 11.05a8 8 0 0 0 10.82 0l12-11.05 58 53.15H52.57ZM157.29 128 216 74.18v107.64Z\"})}),q=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 112v96a16 16 0 0 1-16 16H56a16 16 0 0 1-16-16v-96a16 16 0 0 1 16-16h24a8 8 0 0 1 0 16H56v96h144v-96h-24a8 8 0 0 1 0-16h24a16 16 0 0 1 16 16ZM93.66 69.66 120 43.31V136a8 8 0 0 0 16 0V43.31l26.34 26.35a8 8 0 0 0 11.32-11.32l-40-40a8 8 0 0 0-11.32 0l-40 40a8 8 0 0 0 11.32 11.32Z\"})}),R=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M219.31 80 176 36.69A15.86 15.86 0 0 0 164.69 32H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V91.31A15.86 15.86 0 0 0 219.31 80ZM168 208H88v-56h80Zm40 0h-24v-56a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v56H48V48h116.69L208 91.31ZM160 72a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h56a8 8 0 0 1 8 8Z\"})}),y=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M230.6 49.53A15.81 15.81 0 0 0 216 40H40a16 16 0 0 0-11.81 26.76l.08.09L96 139.17V216a16 16 0 0 0 24.87 13.32l32-21.34a16 16 0 0 0 7.13-13.32v-55.49l67.74-72.32.08-.09a15.8 15.8 0 0 0 2.78-17.23ZM40 56Zm108.34 72.28a15.92 15.92 0 0 0-4.34 10.89v55.49L112 216v-76.83a15.92 15.92 0 0 0-4.32-10.94L40 56h176Z\"})}),F=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 80a48 48 0 1 0 48 48 48.05 48.05 0 0 0-48-48Zm0 80a32 32 0 1 1 32-32 32 32 0 0 1-32 32Zm88-29.84q.06-2.16 0-4.32l14.92-18.64a8 8 0 0 0 1.48-7.06 107.21 107.21 0 0 0-10.88-26.25 8 8 0 0 0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186 40.54a8 8 0 0 0-3.94-6 107.71 107.71 0 0 0-26.25-10.87 8 8 0 0 0-7.06 1.49L130.16 40h-4.32L107.2 25.11a8 8 0 0 0-7.06-1.48 107.6 107.6 0 0 0-26.25 10.88 8 8 0 0 0-3.93 6l-2.64 23.76q-1.56 1.49-3 3L40.54 70a8 8 0 0 0-6 3.94 107.71 107.71 0 0 0-10.87 26.25 8 8 0 0 0 1.49 7.06L40 125.84v4.32L25.11 148.8a8 8 0 0 0-1.48 7.06 107.21 107.21 0 0 0 10.88 26.25 8 8 0 0 0 6 3.93l23.72 2.64q1.49 1.56 3 3L70 215.46a8 8 0 0 0 3.94 6 107.71 107.71 0 0 0 26.25 10.87 8 8 0 0 0 7.06-1.49L125.84 216q2.16.06 4.32 0l18.64 14.92a8 8 0 0 0 7.06 1.48 107.21 107.21 0 0 0 26.25-10.88 8 8 0 0 0 3.93-6l2.64-23.72q1.56-1.48 3-3l23.78-2.8a8 8 0 0 0 6-3.94 107.71 107.71 0 0 0 10.87-26.25 8 8 0 0 0-1.49-7.06Zm-16.1-6.5a73.93 73.93 0 0 1 0 8.68 8 8 0 0 0 1.74 5.48l14.19 17.73a91.57 91.57 0 0 1-6.23 15l-22.6 2.56a8 8 0 0 0-5.1 2.64 74.11 74.11 0 0 1-6.14 6.14 8 8 0 0 0-2.64 5.1l-2.51 22.58a91.32 91.32 0 0 1-15 6.23l-17.74-14.19a8 8 0 0 0-5-1.75h-.48a73.93 73.93 0 0 1-8.68 0 8 8 0 0 0-5.48 1.74l-17.78 14.2a91.57 91.57 0 0 1-15-6.23L82.89 187a8 8 0 0 0-2.64-5.1 74.11 74.11 0 0 1-6.14-6.14 8 8 0 0 0-5.1-2.64l-22.58-2.52a91.32 91.32 0 0 1-6.23-15l14.19-17.74a8 8 0 0 0 1.74-5.48 73.93 73.93 0 0 1 0-8.68 8 8 0 0 0-1.74-5.48L40.2 100.45a91.57 91.57 0 0 1 6.23-15L69 82.89a8 8 0 0 0 5.1-2.64 74.11 74.11 0 0 1 6.14-6.14A8 8 0 0 0 82.89 69l2.51-22.57a91.32 91.32 0 0 1 15-6.23l17.74 14.19a8 8 0 0 0 5.48 1.74 73.93 73.93 0 0 1 8.68 0 8 8 0 0 0 5.48-1.74l17.77-14.19a91.57 91.57 0 0 1 15 6.23L173.11 69a8 8 0 0 0 2.64 5.1 74.11 74.11 0 0 1 6.14 6.14 8 8 0 0 0 5.1 2.64l22.58 2.51a91.32 91.32 0 0 1 6.23 15l-14.19 17.74a8 8 0 0 0-1.74 5.53Z\"})}),G=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m218.83 103.77-80-75.48a1.14 1.14 0 0 1-.11-.11 16 16 0 0 0-21.53 0l-.11.11-79.91 75.48A16 16 0 0 0 32 115.55V208a16 16 0 0 0 16 16h48a16 16 0 0 0 16-16v-48h32v48a16 16 0 0 0 16 16h48a16 16 0 0 0 16-16v-92.45a16 16 0 0 0-5.17-11.78ZM208 208h-48v-48a16 16 0 0 0-16-16h-32a16 16 0 0 0-16 16v48H48v-92.45l.11-.1L128 40l79.9 75.43.11.1Z\"})}),O=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16Zm0 16v102.75l-26.07-26.06a16 16 0 0 0-22.63 0l-20 20-44-44a16 16 0 0 0-22.62 0L40 149.37V56ZM40 172l52-52 80 80H40Zm176 28h-21.37l-36-36 20-20L216 181.38V200Zm-72-100a12 12 0 1 1 12 12 12 12 0 0 1-12-12Z\"})}),T=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm16-40a8 8 0 0 1-8 8 16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16 16 16 0 0 1 16 16v40a8 8 0 0 1 8 8Zm-32-92a12 12 0 1 1 12 12 12 12 0 0 1-12-12Z\"})}),E=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M165.66 90.34a8 8 0 0 1 0 11.32l-64 64a8 8 0 0 1-11.32-11.32l64-64a8 8 0 0 1 11.32 0ZM215.6 40.4a56 56 0 0 0-79.2 0l-30.06 30.05a8 8 0 0 0 11.32 11.32l30.06-30a40 40 0 0 1 56.57 56.56l-30.07 30.06a8 8 0 0 0 11.31 11.32l30.07-30.11a56 56 0 0 0 0-79.2Zm-77.26 133.82-30.06 30.06a40 40 0 1 1-56.56-56.57l30.05-30.05a8 8 0 0 0-11.32-11.32L40.4 136.4a56 56 0 0 0 79.2 79.2l30.06-30.07a8 8 0 0 0-11.32-11.31Z\"})}),X=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8ZM40 72h176a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16Zm176 112H40a8 8 0 0 0 0 16h176a8 8 0 0 0 0-16Z\"})}),$=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 80H96V56a32 32 0 0 1 32-32c15.37 0 29.2 11 32.16 25.59a8 8 0 0 0 15.68-3.18C171.32 24.15 151.2 8 128 8a48.05 48.05 0 0 0-48 48v24H48a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16Zm0 128H48V96h160v112Z\"})}),j=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 80h-32V56a48 48 0 0 0-96 0v24H48a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16ZM96 56a32 32 0 0 1 64 0v24H96Zm112 152H48V96h160v112Z\"})}),Q=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m229.66 218.34-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32ZM40 112a72 72 0 1 1 72 72 72.08 72.08 0 0 1-72-72Z\"})}),W=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 64a40 40 0 1 0 40 40 40 40 0 0 0-40-40Zm0 64a24 24 0 1 1 24-24 24 24 0 0 1-24 24Zm0-112a88.1 88.1 0 0 0-88 88c0 31.4 14.51 64.68 42 96.25a254.19 254.19 0 0 0 41.45 38.3 8 8 0 0 0 9.18 0 254.19 254.19 0 0 0 41.37-38.3c27.45-31.57 42-64.85 42-96.25a88.1 88.1 0 0 0-88-88Zm0 206c-16.53-13-72-60.75-72-118a72 72 0 0 1 144 0c0 57.23-55.47 105-72 118Z\"})}),b=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M240 120a48.05 48.05 0 0 0-48-48h-39.8c-2.91-.17-53.62-3.74-101.91-44.24A16 16 0 0 0 24 40v160a16 16 0 0 0 26.29 12.25c37.77-31.68 77-40.76 93.71-43.3v31.72a16 16 0 0 0 7.12 13.33l11 7.33A16 16 0 0 0 186.5 212l11.77-44.36A48.07 48.07 0 0 0 240 120ZM40 199.93V40c42.81 35.91 86.63 45 104 47.24v65.48c-17.35 2.28-61.16 11.35-104 47.21Zm131 8v.11l-11-7.33V168h21.6ZM192 152h-32V88h32a32 32 0 1 1 0 64Z\"})}),z=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M176 128a8 8 0 0 1-8 8H88a8 8 0 0 1 0-16h80a8 8 0 0 1 8 8Zm56 0A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),J=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8Z\"})}),K=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M209.66 122.34a8 8 0 0 1 0 11.32l-82.05 82a56 56 0 0 1-79.2-79.21l99.26-100.72a40 40 0 1 1 56.61 56.55L105 193a24 24 0 1 1-34-34l83.3-84.62a8 8 0 1 1 11.4 11.22l-83.31 84.71a8 8 0 1 0 11.27 11.36L192.93 81A24 24 0 1 0 159 47L59.76 147.68a40 40 0 1 0 56.53 56.62l82.06-82a8 8 0 0 1 11.31.04Z\"})}),Y=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M48 56v144a8 8 0 0 1-16 0V56a8 8 0 0 1 16 0Zm84 54.5-20 6.5V96a8 8 0 0 0-16 0v21l-20-6.5a8 8 0 0 0-5 15.22l20 6.49-12.34 17a8 8 0 1 0 12.94 9.4l12.34-17 12.34 17a8 8 0 1 0 12.94-9.4l-12.34-17 20-6.49A8 8 0 0 0 132 110.5Zm106 5.14a8 8 0 0 0-10-5.14l-20 6.5V96a8 8 0 0 0-16 0v21l-20-6.49a8 8 0 0 0-4.95 15.22l20 6.49-12.34 17a8 8 0 1 0 12.94 9.4l12.34-17 12.34 17a8 8 0 1 0 12.94-9.4l-12.34-17 20-6.49a8 8 0 0 0 5.07-10.09Z\"})}),_=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m227.31 73.37-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63ZM51.31 160 136 75.31 152.69 92 68 176.68ZM48 179.31 76.69 208H48Zm48 25.38L79.31 188 164 103.31 180.69 120Zm96-96L147.31 64l24-24L216 84.68Z\"})}),aa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m222.37 158.46-47.11-21.11-.13-.06a16 16 0 0 0-15.17 1.4 8.12 8.12 0 0 0-.75.56L134.87 160c-15.42-7.49-31.34-23.29-38.83-38.51l20.78-24.71c.2-.25.39-.5.57-.77a16 16 0 0 0 1.32-15.06v-.12L97.54 33.64a16 16 0 0 0-16.62-9.52A56.26 56.26 0 0 0 32 80c0 79.4 64.6 144 144 144a56.26 56.26 0 0 0 55.88-48.92 16 16 0 0 0-9.51-16.62ZM176 208A128.14 128.14 0 0 1 48 80a40.2 40.2 0 0 1 34.87-40 .61.61 0 0 0 0 .12l21 47-20.67 24.74a6.13 6.13 0 0 0-.57.77 16 16 0 0 0-1 15.7c9.06 18.53 27.73 37.06 46.46 46.11a16 16 0 0 0 15.75-1.14 8.44 8.44 0 0 0 .74-.56L168.89 152l47 21.05h.11A40.21 40.21 0 0 1 176 208Z\"})}),sa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm48-88a8 8 0 0 1-8 8h-32v32a8 8 0 0 1-16 0v-32H88a8 8 0 0 1 0-16h32V88a8 8 0 0 1 16 0v32h32a8 8 0 0 1 8 8Z\"})}),la=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8Z\"})}),ea=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M140 180a12 12 0 1 1-12-12 12 12 0 0 1 12 12ZM128 72c-22.06 0-40 16.15-40 36v4a8 8 0 0 0 16 0v-4c0-11 10.77-20 24-20s24 9 24 20-10.77 20-24 20a8 8 0 0 0-8 8v8a8 8 0 0 0 16 0v-.72c18.24-3.35 32-17.9 32-35.28 0-19.85-17.94-36-40-36Zm104 56A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),ra=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M222.14 58.87A8 8 0 0 0 216 56H54.68l-4.89-26.86A16 16 0 0 0 34.05 16H16a8 8 0 0 0 0 16h18l25.56 140.29a24 24 0 0 0 5.33 11.27 28 28 0 1 0 44.4 8.44h45.42a27.75 27.75 0 0 0-2.71 12 28 28 0 1 0 28-28H83.17a8 8 0 0 1-7.87-6.57L72.13 152h116a24 24 0 0 0 23.61-19.71l12.16-66.86a8 8 0 0 0-1.76-6.56ZM96 204a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm96 0a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm4-74.57a8 8 0 0 1-7.9 6.57H69.22L57.59 72h148.82Z\"})}),ia=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m141.66 133.66-40 40a8 8 0 0 1-11.32-11.32L116.69 136H24a8 8 0 0 1 0-16h92.69L90.34 93.66a8 8 0 0 1 11.32-11.32l40 40a8 8 0 0 1 0 11.32ZM192 32h-56a8 8 0 0 0 0 16h56v160h-56a8 8 0 0 0 0 16h56a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16Z\"})}),ca=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M112 216a8 8 0 0 1-8 8H48a16 16 0 0 1-16-16V48a16 16 0 0 1 16-16h56a8 8 0 0 1 0 16H48v160h56a8 8 0 0 1 8 8Zm109.66-93.66-40-40a8 8 0 0 0-11.32 11.32L196.69 120H104a8 8 0 0 0 0 16h92.69l-26.35 26.34a8 8 0 0 0 11.32 11.32l40-40a8 8 0 0 0 0-11.32Z\"})}),oa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M64 105V40a8 8 0 0 0-16 0v65a32 32 0 0 0 0 62v49a8 8 0 0 0 16 0v-49a32 32 0 0 0 0-62Zm-8 47a16 16 0 1 1 16-16 16 16 0 0 1-16 16Zm80-95V40a8 8 0 0 0-16 0v17a32 32 0 0 0 0 62v97a8 8 0 0 0 16 0v-97a32 32 0 0 0 0-62Zm-8 47a16 16 0 1 1 16-16 16 16 0 0 1-16 16Zm104 64a32.06 32.06 0 0 0-24-31V40a8 8 0 0 0-16 0v97a32 32 0 0 0 0 62v17a8 8 0 0 0 16 0v-17a32.06 32.06 0 0 0 24-31Zm-32 16a16 16 0 1 1 16-16 16 16 0 0 1-16 16Z\"})}),na=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 128a8 8 0 0 1-8 8H48a8 8 0 0 1 0-16h72a8 8 0 0 1 8 8ZM48 72h136a8 8 0 0 0 0-16H48a8 8 0 0 0 0 16Zm56 112H48a8 8 0 0 0 0 16h56a8 8 0 0 0 0-16Zm125.66-21.66a8 8 0 0 0-11.32 0L192 188.69V112a8 8 0 0 0-16 0v76.69l-26.34-26.35a8 8 0 0 0-11.32 11.32l40 40a8 8 0 0 0 11.32 0l40-40a8 8 0 0 0 0-11.32Z\"})}),ha=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M40 128a8 8 0 0 1 8-8h72a8 8 0 0 1 0 16H48a8 8 0 0 1-8-8Zm8-56h56a8 8 0 0 0 0-16H48a8 8 0 0 0 0 16Zm136 112H48a8 8 0 0 0 0 16h136a8 8 0 0 0 0-16Zm45.66-101.66-40-40a8 8 0 0 0-11.32 0l-40 40a8 8 0 0 0 11.32 11.32L176 67.31V144a8 8 0 0 0 16 0V67.31l26.34 26.35a8 8 0 0 0 11.32-11.32Z\"})}),ta=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M136 32v32a8 8 0 0 1-16 0V32a8 8 0 0 1 16 0Zm88 88h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16Zm-45.09 47.6a8 8 0 0 0-11.31 11.31l22.62 22.63a8 8 0 0 0 11.32-11.32ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8Zm-50.91-16.4-22.63 22.62a8 8 0 0 0 11.32 11.32l22.62-22.63a8 8 0 0 0-11.31-11.31ZM72 128a8 8 0 0 0-8-8H32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8Zm-6.22-73.54a8 8 0 0 0-11.32 11.32L77.09 88.4A8 8 0 0 0 88.4 77.09Z\"})}),wa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 48h-40v-8a24 24 0 0 0-24-24h-48a24 24 0 0 0-24 24v8H40a8 8 0 0 0 0 16h8v144a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16V64h8a8 8 0 0 0 0-16ZM96 40a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8v8H96Zm96 168H64V64h128Zm-80-104v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0Zm48 0v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0Z\"})}),da=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 152v56a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16v-56a8 8 0 0 1 16 0v56h160v-56a8 8 0 0 1 16 0ZM93.66 85.66 120 59.31V152a8 8 0 0 0 16 0V59.31l26.34 26.35a8 8 0 0 0 11.32-11.32l-40-40a8 8 0 0 0-11.32 0l-40 40a8 8 0 0 0 11.32 11.32Z\"})}),va=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M168 56a8 8 0 0 1 8-8h48a8 8 0 0 1 0 16h-48a8 8 0 0 1-8-8Zm62.56 54.68a103.92 103.92 0 1 1-85.24-85.24 8 8 0 0 1-2.64 15.78A88.07 88.07 0 0 0 40 128a87.62 87.62 0 0 0 22.24 58.41 79.66 79.66 0 0 1 36.06-28.75 48 48 0 1 1 59.4 0 79.66 79.66 0 0 1 36.06 28.75A87.62 87.62 0 0 0 216 128a88.85 88.85 0 0 0-1.22-14.68 8 8 0 1 1 15.78-2.64ZM128 152a32 32 0 1 0-32-32 32 32 0 0 0 32 32Zm0 64a87.57 87.57 0 0 0 53.92-18.5 64 64 0 0 0-107.84 0A87.57 87.57 0 0 0 128 216Z\"})}),ma=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M168 56a8 8 0 0 1 8-8h16V32a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0V64h-16a8 8 0 0 1-8-8Zm62.56 54.68a103.92 103.92 0 1 1-85.24-85.24 8 8 0 0 1-2.64 15.78A88.07 88.07 0 0 0 40 128a87.62 87.62 0 0 0 22.24 58.41 79.66 79.66 0 0 1 36.06-28.75 48 48 0 1 1 59.4 0 79.66 79.66 0 0 1 36.06 28.75A87.62 87.62 0 0 0 216 128a88.85 88.85 0 0 0-1.22-14.68 8 8 0 1 1 15.78-2.64ZM128 152a32 32 0 1 0-32-32 32 32 0 0 0 32 32Zm0 64a87.57 87.57 0 0 0 53.92-18.5 64 64 0 0 0-107.84 0A87.57 87.57 0 0 0 128 216Z\"})}),ga=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24ZM74.08 197.5a64 64 0 0 1 107.84 0 87.83 87.83 0 0 1-107.84 0ZM96 120a32 32 0 1 1 32 32 32 32 0 0 1-32-32Zm97.76 66.41a79.66 79.66 0 0 0-36.06-28.75 48 48 0 1 0-59.4 0 79.66 79.66 0 0 0-36.06 28.75 88 88 0 1 1 131.52 0Z\"})}),Za=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M236.8 188.09 149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19 23.51 23.51 0 0 0 .02-23.72Zm-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2 7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72ZM120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm20 36a12 12 0 1 1-12-12 12 12 0 0 1 12 12Z\"})}),pa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M165.66 101.66 139.31 128l26.35 26.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32ZM232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),Ca=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128 50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z\"})}),ua=({className:l,...e})=>a(ta,{className:s(\"sds-icon sds-icon--spinner\",l),...e}),xa=({color:l=\"white\",className:e,...r})=>a(\"svg\",{viewBox:\"0 0 32 32\",xmlns:\"http://www.w3.org/2000/svg\",className:s(\"sds-icon\",`sds-icon--color-${l}`,e),\"aria-hidden\":\"true\",...r,children:a(\"path\",{d:\"M19.0687 13.8561L29.12 2H26.7382L18.0106 12.2945L11.0399 2H3L13.5411 17.5671L3 30H5.38198L14.5985 19.1287L21.9601 30H30L19.0681 13.8561H19.0687ZM15.8062 17.7042L14.7382 16.1541L6.24025 3.81955H9.89884L16.7568 13.7739L17.8248 15.324L26.7393 28.2632H23.0807L15.8062 17.7048V17.7042Z\"})}),Na=({color:l=\"white\",className:e,...r})=>a(\"svg\",{viewBox:\"0 0 32 32\",xmlns:\"http://www.w3.org/2000/svg\",className:s(\"sds-icon\",`sds-icon--color-${l}`,e),\"aria-hidden\":\"true\",...r,children:a(\"path\",{d:\"M4.11716 2.00013H27.9999C28.1606 2.00432 28.32 2.02812 28.4749 2.07108C28.8261 2.16355 29.1456 2.35003 29.3992 2.61046C29.6527 2.8709 29.8308 3.19548 29.9142 3.54952C29.9729 3.78559 30.0008 4.02828 29.9972 4.27154C30.0009 12.0774 30.0009 19.8836 29.9972 27.6901C29.9938 27.8634 29.9804 28.0364 29.9574 28.2081C29.8913 28.7041 29.6476 29.159 29.2716 29.4883C28.8956 29.8176 28.413 29.9989 27.9136 29.9982C19.9715 29.9982 12.029 29.9982 4.08621 29.9982C3.64924 29.9981 3.22353 29.8593 2.8701 29.6019C2.51668 29.3445 2.25356 28.9816 2.11866 28.5652C2.03622 28.2901 1.99634 28.004 2.00026 27.7168C2.00026 19.9369 2.00026 12.1569 2.00026 4.37694C1.9985 4.16869 2.01335 3.96059 2.04459 3.7547C2.08899 3.40751 2.22443 3.07832 2.43721 2.80068C2.64999 2.52305 2.93249 2.3069 3.25583 2.17424C3.52752 2.0561 3.821 1.99679 4.11716 2.00013ZM17.0234 25.7947V25.4753C17.0234 24.7356 17.0157 23.9958 17.0234 23.2571C17.0444 21.6567 16.968 20.0551 17.0654 18.4558C17.0867 17.9859 17.1878 17.523 17.3644 17.0872C17.4597 16.838 17.6057 16.6115 17.7931 16.4219C17.9805 16.2323 18.2051 16.0838 18.4528 15.9859C19.0205 15.7532 19.6488 15.7142 20.2408 15.875C20.667 15.9833 21.033 16.2565 21.2584 16.6347C21.4626 16.9936 21.5925 17.39 21.6403 17.8003C21.694 18.1616 21.7195 18.5265 21.7167 18.8917C21.7115 21.081 21.7115 23.2708 21.7167 25.4609C21.7167 25.5718 21.7299 25.6827 21.7366 25.7803C22.0964 25.8291 25.5553 25.8147 25.7645 25.7626C25.7701 25.6938 25.7811 25.6184 25.7822 25.5407C25.8055 23.958 25.759 22.3754 25.8166 20.7916C25.853 19.9045 25.8449 19.016 25.7922 18.1297C25.7546 17.5408 25.7624 16.9497 25.6815 16.363C25.5939 15.6291 25.3796 14.916 25.0482 14.2557C24.8264 13.8246 24.5192 13.4435 24.1453 13.1355C23.7714 12.8275 23.3388 12.5992 22.8738 12.4645C21.9829 12.1892 21.0431 12.1105 20.1191 12.2338C19.2323 12.3429 18.4041 12.7354 17.7574 13.3529C17.5025 13.5902 17.277 13.8571 17.0854 14.1481C17.0423 14.2146 17.0145 14.3122 16.8739 14.2923C16.8485 13.7211 16.8829 13.1499 16.853 12.5521L16.0502 12.5454H14.5113C14.2589 12.5454 14.0074 12.5454 13.755 12.5454C13.4875 12.5299 13.2191 12.5399 12.9534 12.5754V23.8128C12.9534 24.3784 12.9534 24.9441 12.9534 25.5097C12.9534 25.6018 12.9668 25.6927 12.9734 25.7914L17.0234 25.7947ZM10.252 25.7892C10.3096 25.5485 10.3074 12.805 10.252 12.5909C10.0306 12.5321 6.47549 12.5333 6.25959 12.5909C6.20424 12.8128 6.20313 25.5563 6.25959 25.7759C6.45113 25.8247 9.89992 25.8357 10.252 25.7892ZM10.6085 8.2732C10.6112 7.64777 10.3665 7.04672 9.92817 6.60136C9.48981 6.15601 8.89336 5.90255 8.26904 5.8964C7.95624 5.8945 7.64621 5.95451 7.35663 6.07301C7.06705 6.19151 6.80367 6.36613 6.58166 6.58688C6.35965 6.80763 6.18325 7.07014 6.06281 7.35933C5.94237 7.64853 5.88025 7.9587 5.87981 8.27205C5.87135 8.58776 5.92729 8.90191 6.04443 9.19513C6.16157 9.48835 6.33743 9.7545 6.56098 9.9772C6.78454 10.1999 7.05111 10.3744 7.34446 10.4901C7.63782 10.6058 7.95177 10.6603 8.26688 10.65C8.57882 10.6562 8.88865 10.5987 9.17767 10.481C9.46669 10.3633 9.72879 10.1878 9.9479 9.96528C10.167 9.74278 10.3386 9.47791 10.4522 9.1868C10.5657 8.8957 10.619 8.58442 10.6085 8.27205V8.2732Z\"})});export{l as ArchiveIcon,e as ArrowCircleLeftIcon,r as ArrowCircleRightIcon,i as ArrowClockwiseIcon,c as ArrowLeftIcon,o as ArrowRightIcon,n as ArrowSquareOutIcon,h as ArrowUUpLeftIcon,t as ArrowUUpRightIcon,d as BellIcon,w as BellRingingIcon,v as BookmarkSimpleFillIcon,m as BookmarkSimpleIcon,g as CalendarBlankIcon,Z as CalendarPlusIcon,p as CaretCircleDownIcon,C as CaretCircleLeftIcon,u as CaretCircleRightIcon,x as CaretCircleUpIcon,N as CaretDownIcon,M as CaretLeftIcon,L as CaretRightIcon,H as CaretUpIcon,f as CheckCircleIcon,B as CheckIcon,I as CircleIcon,V as ClockIcon,A as CopyIcon,S as DotsSixVerticalIcon,k as DotsThreeCircleIcon,U as DotsThreeIcon,P as DownloadSimpleIcon,D as EnvelopeIcon,q as ExportIcon,R as FloppyDiskIcon,y as FunnelIcon,F as GearIcon,G as HouseIcon,O as ImageIcon,T as InfoIcon,E as LinkSimpleIcon,Na as LinkedInLogo,X as ListIcon,j as LockSimpleIcon,$ as LockSimpleOpenIcon,Q as MagnifyingGlassIcon,W as MapPinIcon,b as MegaphoneIcon,z as MinusCircleIcon,J as MinusIcon,K as PaperclipIcon,Y as PasswordIcon,_ as PencilIcon,aa as PhoneIcon,sa as PlusCircleIcon,la as PlusIcon,ea as QuestionIcon,ra as ShoppingCartIcon,ia as SignInIcon,ca as SignOutIcon,oa as SlidersIcon,na as SortAscendingIcon,ha as SortDescendingIcon,ta as SpinnerGapIcon,ua as SpinnerIcon,wa as TrashIcon,da as UploadSimpleIcon,ga as UserCircleIcon,va as UserCircleMinusIcon,ma as UserCirclePlusIcon,Za as WarningIcon,pa as XCircleIcon,Ca as XIcon,xa as XLogo};\n//# sourceMappingURL=index.js.map\n","import React, { ReactNode, ChangeEventHandler, useId, forwardRef } from \"react\";\nimport clsx from \"clsx\";\nimport { CheckIcon, XIcon } from \"@sikt/sds-icons\";\nimport \"./toggle-switch.pcss\";\n\nexport type ToggleSwitchProps = {\n checked?: boolean;\n label: ReactNode;\n labelFirst?: boolean;\n showIcons?: boolean;\n error?: boolean;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n};\n\nexport const ToggleSwitch = forwardRef<HTMLInputElement, ToggleSwitchProps>(\n (\n {\n checked = false,\n label,\n labelFirst = false,\n showIcons = true,\n error = false,\n onChange,\n ...rest\n },\n ref\n ) => {\n const id = useId();\n const labelElement = (\n <div className=\"sds-toggle-switch__label-text\">{label}</div>\n );\n\n return (\n <div\n className={clsx(\n \"sds-toggle-switch\",\n checked && \"sds-toggle-switch--checked\",\n error && \"sds-toggle-switch--error\"\n )}\n data-testid=\"sds-toggle-switch\"\n >\n <label className=\"sds-toggle-switch__label\" htmlFor={id}>\n {labelFirst && labelElement}\n <div className=\"sds-toggle-switch__inner\">\n <input\n ref={ref}\n id={id}\n type=\"checkbox\"\n role=\"switch\"\n className=\"sds-toggle-switch__track\"\n checked={checked}\n aria-invalid={error}\n onChange={onChange}\n readOnly={!onChange}\n {...rest}\n />\n <div className=\"sds-toggle-switch__thumb\">\n {showIcons && checked && <CheckIcon />}\n {showIcons && !checked && <XIcon />}\n </div>\n </div>\n {!labelFirst && labelElement}\n </label>\n </div>\n );\n }\n);\nToggleSwitch.displayName = \"ToggleSwitch\";\n","import React, { ChangeEventHandler, forwardRef, ReactNode, useId } from \"react\";\nimport clsx from \"clsx\";\nimport { PlusCircleIcon } from \"@sikt/sds-icons\";\nimport \"./toggle-button.pcss\";\n\nexport type ToggleButtonProps = {\n checked?: boolean;\n label: ReactNode;\n showIcons?: boolean;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n};\n\nexport const ToggleButton = forwardRef<HTMLInputElement, ToggleButtonProps>(\n ({ checked, label, showIcons = true, onChange, ...rest }, ref) => {\n const toggleButtonId = useId();\n return (\n <div className=\"sds-toggle-button\" {...rest}>\n <input\n ref={ref}\n type=\"checkbox\"\n className=\"sds-toggle-button__input\"\n onChange={onChange}\n readOnly={!onChange}\n checked={checked}\n aria-checked={checked}\n id={toggleButtonId}\n />\n <label\n className={clsx(\n \"sds-toggle-button__label\",\n checked && \"sds-toggle-button__label--checked\"\n )}\n htmlFor={toggleButtonId}\n >\n <div className=\"sds-toggle-button__label-text\">{label}</div>\n {showIcons && (\n <PlusCircleIcon\n className={clsx(\n \"sds-toggle-button__icon\",\n checked && \"sds-toggle-button__icon--checked\"\n )}\n />\n )}\n </label>\n </div>\n );\n }\n);\nToggleButton.displayName = \"ToggleButton\";\n","import { createContext, useContext } from \"react\";\n\nexport interface FieldsetState {\n name?: string;\n error?: boolean;\n}\n\nexport const FieldsetContext = createContext<FieldsetState | undefined>(\n undefined\n);\n\nexport function useFieldset(): FieldsetState | undefined {\n return useContext(FieldsetContext);\n}\n","import React, {\n HTMLAttributes,\n ReactNode,\n forwardRef,\n useId,\n useMemo,\n} from \"react\";\nimport clsx from \"clsx\";\nimport { FieldsetContext } from \"./FieldsetContext\";\nimport \"./fieldset.pcss\";\n\nexport interface FieldsetProps extends HTMLAttributes<HTMLFieldSetElement> {\n className?: string;\n legend: string;\n name?: string;\n errorText?: string;\n helpText?: string;\n children: ReactNode;\n}\n\nexport const Fieldset = forwardRef<HTMLFieldSetElement, FieldsetProps>(\n (\n { className, legend, name, errorText, helpText, children, ...rest },\n ref\n ) => {\n const id = useId();\n\n const context = useMemo(\n () => ({ name: name ?? id, error: Boolean(errorText) }),\n [name, errorText]\n );\n\n return (\n <FieldsetContext.Provider value={context}>\n <fieldset\n ref={ref}\n className={clsx(\n \"sds-form-fieldset\",\n errorText && \"sds-form-fieldset--error\",\n className\n )}\n aria-describedby={`${id}-help-text`}\n aria-invalid={Boolean(errorText)}\n aria-errormessage={errorText ? `${id}-help-text` : undefined}\n {...rest}\n >\n <legend className=\"sds-form-fieldset__legend\">{legend}</legend>\n {children}\n {(errorText ?? helpText) && (\n <div\n className=\"sds-form-fieldset__help-text\"\n id={`${id}-help-text`}\n >\n {errorText ?? helpText}\n </div>\n )}\n </fieldset>\n </FieldsetContext.Provider>\n );\n }\n);\nFieldset.displayName = \"Fieldset\";\n","import React, { ReactNode, forwardRef } from \"react\";\nimport \"./toggle-segment.pcss\";\nimport { Fieldset, FieldsetProps } from \"../form/index\";\n\nexport interface ToggleSegmentProps extends Omit<FieldsetProps, \"onChange\"> {\n children: ReactNode;\n}\n\nexport const ToggleSegment = forwardRef<\n HTMLFieldSetElement,\n ToggleSegmentProps\n>(({ children, ...rest }, ref) => {\n return (\n <div className=\"sds-toggle-segment\">\n <Fieldset className=\"sds-toggle-segment__fieldset\" {...rest} ref={ref}>\n <div className=\"sds-toggle-segment__group\">{children}</div>\n </Fieldset>\n </div>\n );\n});\nToggleSegment.displayName = \"ToggleSegment\";\n","import{jsx as e,jsxs as r}from\"react/jsx-runtime\";import{createContext as l,useContext as s,forwardRef as d,useId as o,useMemo as a}from\"react\";import i from\"clsx\";const t=l(void 0);function m(){return s(t)}const c=d((({className:l,legend:s,name:d,errorText:m,helpText:c,children:n,...f},h)=>{const x=o(),p=a((()=>({name:d??x,error:Boolean(m)})),[d,m]);return e(t.Provider,{value:p,children:r(\"fieldset\",{ref:h,className:i(\"sds-form-fieldset\",m&&\"sds-form-fieldset--error\",l),\"aria-describedby\":`${x}-help-text`,\"aria-invalid\":Boolean(m),\"aria-errormessage\":m?`${x}-help-text`:void 0,...f,children:[e(\"legend\",{className:\"sds-form-fieldset__legend\",children:s}),n,(m??c)&&e(\"div\",{className:\"sds-form-fieldset__help-text\",id:`${x}-help-text`,children:m??c})]})})}));c.displayName=\"Fieldset\";const n=({className:l,text:s,error:d,children:o,...a})=>r(\"label\",{className:i(\"sds-form-field__label\",d&&\"sds-form-field__label--error\",l),...a,children:[e(\"div\",{className:\"sds-form-field__label-text\",children:s}),o]}),f=({className:r,error:l,...s})=>e(\"div\",{className:i(\"sds-form-field__help-text\",l&&\"sds-form-field__help-text--error\",r),...s}),h=({className:l,label:s,errorText:d,helpText:o,htmlFor:a,helpTextId:t,children:m,...c})=>r(\"div\",{className:i(\"sds-form-field\",d&&\"sds-form-field--error\",l),children:[e(n,{text:s,error:Boolean(d),htmlFor:a,...c,children:m}),(d??o)&&e(f,{id:t,error:Boolean(d),children:d??o})]});export{c as Fieldset,h as FormField,f as HelpText,n as Label,m as useFieldset};\n//# sourceMappingURL=index.js.map\n","import React, {\n ChangeEvent,\n InputHTMLAttributes,\n ReactNode,\n forwardRef,\n useId,\n} from \"react\";\nimport \"./toggle-segment.pcss\";\nimport clsx from \"clsx\";\nimport { useFieldset } from \"@sikt/sds-form\";\n\nexport interface ToggleSegmentOptionProps\n extends Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\"> {\n value: string | number;\n label: string;\n children?: ReactNode;\n checked?: boolean;\n onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport const ToggleSegmentOption = forwardRef<\n HTMLInputElement,\n ToggleSegmentOptionProps\n>(({ value, label, checked, onChange, children, ...rest }, ref) => {\n const { name } = useFieldset() ?? {};\n const generatedId = useId();\n const htmlForId = rest.id ?? generatedId;\n\n return (\n <div className=\"sds-toggle-segment__option\">\n <input\n id={htmlForId}\n name={name}\n ref={ref}\n type=\"radio\"\n onChange={onChange}\n className=\"sds-toggle-segment__input\"\n value={value}\n checked={checked}\n {...rest}\n />\n <label\n className={clsx(\n \"sds-toggle-segment__label\",\n checked && \"sds-toggle-segment__label--checked\"\n )}\n htmlFor={htmlForId}\n >\n {label}\n {children}\n </label>\n </div>\n );\n});\nToggleSegmentOption.displayName = \"ToggleSegmentOption\";\n\nexport default ToggleSegmentOption;\n"],"names":["B","className","l","e","a","xmlns","fill","viewBox","s","children","d","sa","Ca","ToggleSwitch","forwardRef","checked","label","labelFirst","showIcons","error","onChange","rest","ref","id","useId","labelElement","_jsx","clsx","_jsxs","htmlFor","type","role","readOnly","CheckIcon","XIcon","displayName","ToggleButton","toggleButtonId","PlusCircleIcon","FieldsetContext","createContext","undefined","Fieldset","legend","name","errorText","helpText","context","useMemo","Boolean","Provider","value","ToggleSegment","t","c","m","n","f","h","x","o","p","r","i","ToggleSegmentOption","generatedId","htmlForId"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikt/sds-toggle",
3
- "version": "1.1.1",
3
+ "version": "2.0.0",
4
4
  "license": "UNLICENSED",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/index.js",
@@ -13,12 +13,13 @@
13
13
  "build": "rollup -c ../../rollup.config.mjs"
14
14
  },
15
15
  "dependencies": {
16
- "@sikt/sds-core": "^1.0.1"
16
+ "@sikt/sds-core": "^3.0.0",
17
+ "@sikt/sds-tokens": "^1.0.0"
17
18
  },
18
19
  "peerDependencies": {
19
20
  "@types/react": "^18.0.0",
20
21
  "@types/react-dom": "^18.0.0",
21
- "clsx": "^1.2.1",
22
+ "clsx": "^1.0.0 || ^2.0.0",
22
23
  "react": "^18.0.0",
23
24
  "react-dom": "^18.0.0"
24
25
  }