@histoire/controls 0.17.16 → 1.0.0-alpha.1

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 (117) hide show
  1. package/.histoire/dist/__sandbox.html +16 -0
  2. package/.histoire/dist/assets/BaseEmpty.d30f3079.js +11 -0
  3. package/.histoire/dist/assets/HomeView.8e044be6.js +24 -0
  4. package/.histoire/dist/assets/HstCheckbox.story.3d04d85b.js +144 -0
  5. package/.histoire/dist/assets/HstColorShades.story.68cf74d1.js +532 -0
  6. package/.histoire/dist/assets/HstCopyIcon.e40e725e.js +51 -0
  7. package/.histoire/dist/assets/HstNumber.story.1e1964ff.js +160 -0
  8. package/.histoire/dist/assets/HstSelect.story.04860383.js +277 -0
  9. package/.histoire/dist/assets/HstText.story.c915d831.js +137 -0
  10. package/.histoire/dist/assets/HstTextarea.story.802b9c26.js +105 -0
  11. package/.histoire/dist/assets/HstTokenGrid.story.025819d6.js +148 -0
  12. package/.histoire/dist/assets/HstTokenList.story.d3aa6575.js +176 -0
  13. package/.histoire/dist/assets/HstWrapper.246b6982.js +56 -0
  14. package/.histoire/dist/assets/SearchPane.daa2675c.js +426 -0
  15. package/.histoire/dist/assets/StoryView.2f64dad1.js +2260 -0
  16. package/.histoire/dist/assets/bundle-main.784e5bf7.js +1156 -0
  17. package/.histoire/dist/assets/bundle-sandbox.5e153933.js +84 -0
  18. package/.histoire/dist/assets/const.268165fd.js +658 -0
  19. package/.histoire/dist/assets/global-components.6736b2a9.js +5722 -0
  20. package/.histoire/dist/assets/search-docs-data.b9a75539.js +6 -0
  21. package/.histoire/dist/assets/style.04507241.css +2504 -0
  22. package/.histoire/dist/assets/vendor.2833ae3d.js +28970 -0
  23. package/.histoire/dist/index.html +16 -0
  24. package/dist/components/HstCopyIcon.vue.d.ts +3 -12
  25. package/dist/components/HstWrapper.vue.d.ts +4 -27
  26. package/dist/components/button/HstButton.story.vue.d.ts +1 -1
  27. package/dist/components/button/HstButton.vue.d.ts +3 -12
  28. package/dist/components/button/HstButtonGroup.story.vue.d.ts +1 -1
  29. package/dist/components/button/HstButtonGroup.vue.d.ts +7 -16
  30. package/dist/components/checkbox/HstCheckbox.story.vue.d.ts +1 -1
  31. package/dist/components/checkbox/HstCheckbox.vue.d.ts +5 -14
  32. package/dist/components/checkbox/HstCheckboxList.story.vue.d.ts +1 -1
  33. package/dist/components/checkbox/HstCheckboxList.vue.d.ts +7 -16
  34. package/dist/components/checkbox/HstSimpleCheckbox.story.vue.d.ts +1 -1
  35. package/dist/components/checkbox/HstSimpleCheckbox.vue.d.ts +5 -14
  36. package/dist/components/colorselect/HstColorSelect.story.vue.d.ts +1 -1
  37. package/dist/components/colorselect/HstColorSelect.vue.d.ts +5 -14
  38. package/dist/components/design-tokens/HstColorShades.story.vue.d.ts +1 -1
  39. package/dist/components/design-tokens/HstColorShades.vue.d.ts +3 -12
  40. package/dist/components/design-tokens/HstTokenGrid.story.vue.d.ts +1 -1
  41. package/dist/components/design-tokens/HstTokenGrid.vue.d.ts +5 -28
  42. package/dist/components/design-tokens/HstTokenList.story.vue.d.ts +1 -1
  43. package/dist/components/design-tokens/HstTokenList.vue.d.ts +4 -13
  44. package/dist/components/json/HstJson.story.vue.d.ts +1 -1
  45. package/dist/components/json/HstJson.vue.d.ts +5 -14
  46. package/dist/components/number/HstNumber.story.vue.d.ts +1 -1
  47. package/dist/components/number/HstNumber.vue.d.ts +5 -14
  48. package/dist/components/radio/HstRadio.story.vue.d.ts +1 -1
  49. package/dist/components/radio/HstRadio.vue.d.ts +7 -16
  50. package/dist/components/select/CustomSelect.vue.d.ts +7 -16
  51. package/dist/components/select/HstSelect.story.vue.d.ts +1 -1
  52. package/dist/components/select/HstSelect.vue.d.ts +7 -16
  53. package/dist/components/slider/HstSlider.story.vue.d.ts +1 -1
  54. package/dist/components/slider/HstSlider.vue.d.ts +5 -14
  55. package/dist/components/text/HstText.story.vue.d.ts +1 -1
  56. package/dist/components/text/HstText.vue.d.ts +5 -14
  57. package/dist/components/textarea/HstTextarea.story.vue.d.ts +1 -1
  58. package/dist/components/textarea/HstTextarea.vue.d.ts +5 -14
  59. package/dist/index.d.ts +736 -2492
  60. package/dist/index.es.css +1 -0
  61. package/dist/index.es.js +5281 -4823
  62. package/dist/style-standalone.css +74 -66
  63. package/dist/utils.d.ts +1 -1
  64. package/package.json +32 -32
  65. package/src/components/HstCopyIcon.vue +2 -2
  66. package/src/components/HstWrapper.vue +1 -2
  67. package/src/components/button/HstButton.story.vue +1 -1
  68. package/src/components/button/HstButtonGroup.story.vue +2 -2
  69. package/src/components/button/HstButtonGroup.vue +8 -5
  70. package/src/components/checkbox/HstCheckbox.spec.ts +3 -3
  71. package/src/components/checkbox/HstCheckbox.story.vue +1 -1
  72. package/src/components/checkbox/HstCheckbox.vue +2 -2
  73. package/src/components/checkbox/HstCheckboxList.story.vue +1 -1
  74. package/src/components/checkbox/HstCheckboxList.vue +9 -6
  75. package/src/components/checkbox/HstSimpleCheckbox.story.vue +1 -1
  76. package/src/components/checkbox/HstSimpleCheckbox.vue +2 -2
  77. package/src/components/checkbox/__snapshots__/HstCheckbox.spec.ts.snap +4 -0
  78. package/src/components/colorselect/HstColorSelect.vue +1 -4
  79. package/src/components/design-tokens/HstColorShades.story.vue +2 -2
  80. package/src/components/design-tokens/HstColorShades.vue +3 -3
  81. package/src/components/design-tokens/HstTokenGrid.story.vue +6 -6
  82. package/src/components/design-tokens/HstTokenGrid.vue +1 -1
  83. package/src/components/design-tokens/HstTokenList.story.vue +23 -23
  84. package/src/components/json/HstJson.story.vue +1 -1
  85. package/src/components/json/HstJson.vue +21 -18
  86. package/src/components/number/HstNumber.story.vue +1 -1
  87. package/src/components/number/HstNumber.vue +8 -8
  88. package/src/components/radio/HstRadio.story.vue +1 -1
  89. package/src/components/radio/HstRadio.vue +7 -5
  90. package/src/components/select/CustomSelect.vue +10 -8
  91. package/src/components/select/HstSelect.story.vue +1 -1
  92. package/src/components/select/HstSelect.vue +1 -1
  93. package/src/components/slider/HstSlider.vue +4 -4
  94. package/src/components/text/HstText.story.vue +1 -1
  95. package/src/components/textarea/HstTextarea.story.vue +1 -1
  96. package/src/index.ts +8 -8
  97. package/tailwind.config.cjs +1 -1
  98. package/tsconfig.json +26 -25
  99. package/vite.config.ts +9 -9
  100. package/dist/style.css +0 -1
  101. package/histoire-dist/__sandbox.html +0 -15
  102. package/histoire-dist/assets/BaseEmpty.a84c14c8.js +0 -1
  103. package/histoire-dist/assets/HomeView.f524bd4b.js +0 -1
  104. package/histoire-dist/assets/HstCheckbox.story.9f622545.js +0 -1
  105. package/histoire-dist/assets/HstInput.story.945401ce.js +0 -1
  106. package/histoire-dist/assets/SearchModal.76c035f2.js +0 -1
  107. package/histoire-dist/assets/StoryView.e4c41518.js +0 -15
  108. package/histoire-dist/assets/global-components.84d0ab22.js +0 -1
  109. package/histoire-dist/assets/histoire-text-dark.a529813a.svg +0 -89
  110. package/histoire-dist/assets/histoire-text.1d4474b5.svg +0 -89
  111. package/histoire-dist/assets/index.58f51dd0.js +0 -1
  112. package/histoire-dist/assets/preview-settings.a634d101.js +0 -1
  113. package/histoire-dist/assets/sandbox.2c60450a.js +0 -1
  114. package/histoire-dist/assets/style.7657d2ac.css +0 -1
  115. package/histoire-dist/assets/vendor.70a554f6.js +0 -9
  116. package/histoire-dist/index.html +0 -15
  117. /package/{histoire-dist/assets/histoire.8af7bd1f.svg → .histoire/dist/histoire.svg} +0 -0
@@ -1,89 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
- <!-- Created with Inkscape (http://www.inkscape.org/) -->
3
-
4
- <svg
5
- width="1536"
6
- height="512"
7
- viewBox="0 0 1536 512"
8
- version="1.1"
9
- id="svg5"
10
- xmlns="http://www.w3.org/2000/svg"
11
- xmlns:svg="http://www.w3.org/2000/svg">
12
- <defs
13
- id="defs2" />
14
- <g
15
- id="layer1">
16
- <rect
17
- style="opacity:0.5;fill:#34d399;fill-opacity:1;stroke-width:1.00375"
18
- id="rect1372"
19
- width="314.30923"
20
- height="406.60901"
21
- x="-26.565063"
22
- y="134.75079"
23
- transform="rotate(-23.821262)"
24
- ry="8" />
25
- <rect
26
- style="fill:#34d399;fill-opacity:1;stroke-width:1.00375"
27
- id="rect850"
28
- width="314.30923"
29
- height="406.60901"
30
- x="77.571838"
31
- y="72.808708"
32
- ry="8"
33
- transform="rotate(-4.5744534)" />
34
- </g>
35
- <g
36
- id="layer3">
37
- <path
38
- id="path1657-3"
39
- style="display:inline;fill:#adedd6;fill-opacity:1;stroke:#adedd6;stroke-width:8.34923;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
40
- d="M 359.38947,355.95134 320.72935,176.52942 238.34613,238.94118 Z M 273.64124,273.06608 152.59788,156.05591 191.25804,335.47786 Z" />
41
- <g
42
- aria-label="Histoire"
43
- id="text1821"
44
- style="font-size:231.926px;line-height:1.25;font-family:Sen;-inkscape-font-specification:Sen;fill:#2bc78e;stroke-width:5.79813;fill-opacity:1"
45
- transform="matrix(1.1500556,0,0,1.1500556,-105.40156,-38.414233)">
46
- <path
47
- d="M 693.87591,344.24783 V 181.89964 h 25.04801 v 162.34819 z m -105.99018,0 V 181.89964 h 25.04801 v 162.34819 z m 10.90052,-68.88202 v -24.1203 h 106.22211 v 24.1203 z"
48
- style="font-family:'Lexend Deca';-inkscape-font-specification:'Lexend Deca';fill:#2bc78e;fill-opacity:1"
49
- id="path16857" />
50
- <path
51
- d="M 762.294,344.24783 V 222.48669 h 23.88838 v 121.76114 z m 11.5963,-148.66456 q -7.65356,0 -11.82822,-3.94274 -4.17467,-3.94274 -4.17467,-11.13245 0,-6.72585 4.17467,-10.90052 4.40659,-4.17467 11.82822,-4.17467 7.65356,0 11.82823,3.94274 4.17466,3.94275 4.17466,11.13245 0,6.72585 -4.40659,10.90052 -4.17467,4.17467 -11.5963,4.17467 z"
52
- style="font-family:'Lexend Deca';-inkscape-font-specification:'Lexend Deca';fill:#2bc78e;fill-opacity:1"
53
- id="path16859" />
54
- <path
55
- d="m 863.41371,346.56709 q -15.30711,0 -27.59919,-5.33429 -12.29208,-5.3343 -20.40949,-15.77097 l 16.23482,-13.91556 q 6.95778,8.11741 15.07519,11.82822 8.34934,3.47889 18.78601,3.47889 4.17466,0 7.65355,-0.9277 3.71082,-1.15963 6.26201,-3.24696 2.78311,-2.08734 4.17466,-4.87045 1.39156,-3.01504 1.39156,-6.49393 0,-6.03007 -4.40659,-9.74089 -2.31926,-1.62348 -7.42164,-3.47889 -4.87044,-2.08733 -12.75593,-4.17467 -13.4517,-3.47889 -22.03297,-7.88548 -8.58126,-4.4066 -13.21978,-9.97282 -3.47889,-4.40659 -5.10237,-9.50897 -1.62348,-5.33429 -1.62348,-11.59629 0,-7.65356 3.24696,-13.91556 3.47889,-6.49393 9.27704,-11.13245 6.03008,-4.87045 13.91556,-7.42163 8.11741,-2.55119 17.16253,-2.55119 8.58126,0 16.93059,2.31926 8.58126,2.31926 15.77097,6.72585 7.18971,4.4066 12.06015,10.43667 l -13.68363,15.07519 q -4.4066,-4.40659 -9.74089,-7.65355 -5.10237,-3.47889 -10.43667,-5.3343 -5.3343,-1.85541 -9.74089,-1.85541 -4.87045,0 -8.81319,0.9277 -3.94274,0.92771 -6.72586,2.78312 -2.55118,1.8554 -3.94274,4.63852 -1.39155,2.78311 -1.39155,6.262 0.23192,3.01504 1.39155,5.79815 1.39156,2.55118 3.71082,4.40659 2.55118,1.85541 7.65356,3.94274 5.10237,2.08734 12.98785,3.94274 11.5963,3.01504 19.01793,6.72586 7.65356,3.47889 12.06015,8.11741 4.63852,4.40659 6.49393,10.20474 1.85541,5.79815 1.85541,12.98786 0,10.43667 -6.03008,18.786 -5.79815,8.11741 -15.77096,12.75593 -9.97282,4.63852 -22.2649,4.63852 z"
56
- style="font-family:'Lexend Deca';-inkscape-font-specification:'Lexend Deca';fill:#2bc78e;fill-opacity:1"
57
- id="path16861" />
58
- <path
59
- d="M 948.99398,344.24783 V 191.4086 h 23.88838 v 152.83923 z m -25.27993,-98.56854 v -23.1926 h 77.46325 v 23.1926 z"
60
- style="font-family:'Lexend Deca';-inkscape-font-specification:'Lexend Deca';fill:#2bc78e;fill-opacity:1"
61
- id="path16863" />
62
- <path
63
- d="m 1076.5528,346.56709 q -17.8583,0 -32.0058,-8.11741 -13.9156,-8.34933 -22.033,-22.49682 -8.1174,-14.37941 -8.1174,-32.70156 0,-18.32216 8.1174,-32.46964 8.1174,-14.37941 22.033,-22.49682 14.1475,-8.34934 32.0058,-8.34934 17.6263,0 31.5419,8.34934 14.1475,8.11741 22.2649,22.49682 8.1174,14.14748 8.1174,32.46964 0,18.32215 -8.1174,32.70156 -8.1174,14.14749 -22.2649,22.49682 -13.9156,8.11741 -31.5419,8.11741 z m 0,-21.80104 q 10.9005,0 19.4818,-5.3343 8.5812,-5.56622 13.4517,-14.84326 4.8704,-9.50897 4.6385,-21.33719 0.2319,-12.06016 -4.6385,-21.33719 -4.8705,-9.50897 -13.4517,-14.84327 -8.5813,-5.3343 -19.4818,-5.3343 -10.9005,0 -19.7137,5.56623 -8.5813,5.3343 -13.4517,14.84326 -4.8705,9.27704 -4.6386,21.10527 -0.2319,11.82822 4.6386,21.33719 4.8704,9.27704 13.4517,14.84326 8.8132,5.3343 19.7137,5.3343 z"
64
- style="font-family:'Lexend Deca';-inkscape-font-specification:'Lexend Deca';fill:#2bc78e;fill-opacity:1"
65
- id="path16865" />
66
- <path
67
- d="M 1168.3954,344.24783 V 222.48669 h 23.8884 v 121.76114 z m 11.5963,-148.66456 q -7.6536,0 -11.8282,-3.94274 -4.1747,-3.94274 -4.1747,-11.13245 0,-6.72585 4.1747,-10.90052 4.4065,-4.17467 11.8282,-4.17467 7.6535,0 11.8282,3.94274 4.1747,3.94275 4.1747,11.13245 0,6.72585 -4.4066,10.90052 -4.1747,4.17467 -11.5963,4.17467 z"
68
- style="font-family:'Lexend Deca';-inkscape-font-specification:'Lexend Deca';fill:#2bc78e;fill-opacity:1"
69
- id="path16867" />
70
- <path
71
- d="M 1228.928,344.24783 V 222.48669 h 24.1203 v 38.26779 l -2.3192,-9.27704 q 2.5512,-8.81319 8.5812,-16.0029 6.262,-7.1897 14.1475,-11.36437 8.1174,-4.17467 16.6987,-4.17467 3.9427,0 7.4216,0.69578 3.7109,0.69578 5.7982,1.62348 l -6.262,25.97571 q -2.7831,-1.15963 -6.262,-1.85541 -3.247,-0.9277 -6.4939,-0.9277 -6.262,0 -12.0602,2.55119 -5.5662,2.31926 -9.9728,6.72585 -4.1747,4.17467 -6.7259,9.97282 -2.5512,5.56622 -2.5512,12.29207 v 67.25854 z"
72
- style="font-family:'Lexend Deca';-inkscape-font-specification:'Lexend Deca';fill:#2bc78e;fill-opacity:1"
73
- id="path16869" />
74
- <path
75
- d="m 1374.1134,346.56709 q -18.786,0 -33.3973,-7.88548 -14.3794,-8.11741 -22.7288,-22.03297 -8.1174,-13.91556 -8.1174,-32.00579 0,-14.37941 4.6386,-26.20763 4.6385,-11.82823 12.7559,-20.40949 8.3493,-8.81319 19.7137,-13.45171 11.5963,-4.87045 25.048,-4.87045 11.8282,0 22.033,4.63852 10.2047,4.4066 17.6263,12.29208 7.6536,7.88549 11.5963,18.78601 4.1747,10.66859 3.9428,23.42452 l -0.2319,10.20475 h -99.4963 l -5.3343,-19.01794 h 84.1891 l -3.4788,3.94275 v -5.56623 q -0.6958,-7.65355 -5.1024,-13.68363 -4.4066,-6.03008 -11.1325,-9.50897 -6.7258,-3.47889 -14.6113,-3.47889 -12.524,0 -21.1053,4.87045 -8.5812,4.63852 -12.9878,13.91556 -4.4066,9.04511 -4.4066,22.49682 0,12.75593 5.3343,22.2649 5.3343,9.27704 15.0752,14.37941 9.7409,5.10237 22.4968,5.10237 9.0451,0 16.6987,-3.01504 7.8855,-3.01504 16.9306,-10.90052 l 12.0601,16.9306 q -5.5662,5.56622 -13.6836,9.74089 -7.8855,4.17467 -16.9306,6.72585 -8.8132,2.31926 -17.3945,2.31926 z"
76
- style="font-family:'Lexend Deca';-inkscape-font-specification:'Lexend Deca';fill:#2bc78e;fill-opacity:1"
77
- id="path16871" />
78
- </g>
79
- </g>
80
- <g
81
- id="layer2"
82
- style="display:none">
83
- <path
84
- id="path1657"
85
- style="fill:#b4fae2;fill-opacity:1;stroke:#b4fae2;stroke-width:8;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
86
- d="m 296,103.98242 -135.53125,177.9668 h 88.70117 z M 262.83008,230.05078 216,408.01758 351.53125,230.05078 Z"
87
- transform="rotate(-4.156553,256,256.00691)" />
88
- </g>
89
- </svg>
@@ -1 +0,0 @@
1
- import{d as x,r as T,o as u,c as $,w as F,a as d,b as B,n as k,e as V,m as ht,f as v,g as h,h as y,u as c,I,t as N,i as Y,j as pt,k as ft,l as wt,p as _,q as L,F as A,s as Q,v as R,x as vt,y as mt,z as J,A as yt,B as gt,C as U,D as _t,E as bt,G as xt,H as St,J as kt,K as $t,L as Lt}from"./vendor.70a554f6.js";import{_ as K,i as Z,h as C,c as X,t as G,f as Ct,m as It,a as At,r as Pt}from"./global-components.84d0ab22.js";var D=(t,r)=>{const e=t.__vccOpts||t;for(const[s,o]of r)e[s]=o;return e};const tt=x({inheritAttrs:!1,props:{isActive:{type:Boolean,default:void 0}},emits:{navigate:()=>!0},setup(t,{emit:r}){function e(s,o){r("navigate"),o(s)}return{handleNavigate:e}}}),Et=["href","onClick","onKeyup"];function Ft(t,r,e,s,o,n){const p=T("RouterLink");return u(),$(p,ht(t.$attrs,{custom:""}),{default:F(({isActive:f,href:i,navigate:a})=>[d("a",{href:i,class:k(["htw-flex htw-items-center htw-gap-2",[t.$attrs.class,(t.isActive!=null?t.isActive:f)?"active htw-bg-primary-500 hover:htw-bg-primary-600 htw-text-white dark:htw-text-black":"hover:htw-bg-primary-100 dark:hover:htw-bg-primary-900"]]),onClick:l=>t.handleNavigate(l,a),onKeyup:[V(l=>t.handleNavigate(l,a),["enter"]),V(l=>t.handleNavigate(l,a),["space"])]},[B(t.$slots,"default",{active:t.isActive!=null?t.isActive:f})],42,Et)]),_:3},16)}tt.__file="../histoire/dist/client/app/components/base/BaseListItemLink.vue";var Vt=D(tt,[["render",Ft]]);const Dt={class:"bind-tree-margin htw-flex htw-items-center htw-gap-2 htw-pl-5 htw-min-w-0"},Ot={class:"htw-truncate"},Bt={class:"htw-opacity-40 htw-text-sm"},et=x({props:{story:null,depth:{default:0}},setup(t){const r=t;Y(s=>({bbccfe1c:c(e),"61f8842e":t.story.iconColor}));const e=v(()=>r.depth*16+"px");return(s,o)=>(u(),h("div",null,[y(Vt,{to:{name:"story",params:{storyId:t.story.id}},class:"htw-pl-0.5 htw-pr-2 htw-py-1.5 htw-m-1 htw-rounded-sm"},{default:F(({active:n})=>{var p;return[d("span",Dt,[y(c(I),{icon:(p=t.story.icon)!=null?p:"carbon:cube",class:k(["base-list-item-link-icon htw-w-5 htw-h-5 htw-flex-none",{"htw-text-primary-500":!n&&!t.story.iconColor,"bind-icon-color":!n&&t.story.iconColor}])},null,8,["icon","class"]),d("span",Ot,N(t.story.title),1)]),d("span",Bt,N(t.story.variants.length),1)]}),_:1},8,["to"])]))}});et.__file="../histoire/dist/client/app/components/StoryListItem.vue";var rt=D(et,[["__scopeId","data-v-118bc4a3"]]);const z=pt({history:ft(),routes:[{path:"/",name:"home",component:()=>K(()=>import("./HomeView.f524bd4b.js"),["assets/HomeView.f524bd4b.js","assets/global-components.84d0ab22.js","assets/vendor.70a554f6.js"])},{path:"/story/:storyId",name:"story",component:()=>K(()=>import("./StoryView.e4c41518.js"),["assets/StoryView.e4c41518.js","assets/vendor.70a554f6.js","assets/BaseEmpty.a84c14c8.js","assets/preview-settings.a634d101.js","assets/global-components.84d0ab22.js"])}]}),st=wt("story",()=>{const t=_([]);function r(a){t.value=a}const e=v(()=>t.value.find(a=>a.id===z.currentRoute.value.params.storyId)),s=v(()=>{var a;return(a=e.value)==null?void 0:a.variants.find(l=>l.id===z.currentRoute.value.query.variantId)}),o=_(new Map);function n(a){return a.join("\u241C")}function p(a,l){const g=n(a);l===void 0&&(l=!o.value.get(g)),l?o.value.set(g,!0):o.value.delete(g)}function f(a){return o.value.get(n(a))}function i(a){for(let l=1;l<a.length;l++)p(a.slice(0,l),!0)}return L(e,()=>{i(e.value.file.path)}),{stories:t,setStories:r,currentStory:e,currentVariant:s,isFolderOpened:f,toggleFolder:p}});const Nt={class:"toast"},Rt=["onKeyup"],Kt={class:"bind-tree-padding htw-flex htw-items-center htw-gap-2 htw-min-w-0"},zt={class:"htw-flex htw-gap-1 htw-flex-none htw-items-center"},Mt={class:"htw-truncate"},Tt={key:0},ot=x({props:{path:{default:()=>[]},folder:null,stories:null,depth:{default:0}},setup(t){const r=t;Y(f=>({"83b20f68":c(p)}));const e=st(),s=v(()=>[...r.path,r.folder.title]),o=v(()=>e.isFolderOpened(s.value));function n(){e.toggleFolder(s.value)}const p=v(()=>r.depth*16+"px");return(f,i)=>{const a=T("StoryListFolder",!0);return u(),h("div",Nt,[d("div",{role:"button",tabindex:"0",class:"htw-px-0.5 htw-py-1.5 htw-m-1 htw-rounded-sm hover:htw-bg-primary-100 dark:hover:htw-bg-primary-900 htw-cursor-pointer htw-select-none htw-flex",onClick:n,onKeyup:[V(n,["enter"]),V(n,["space"])]},[d("span",Kt,[d("span",zt,[y(c(I),{icon:"carbon:caret-right",class:k(["htw-w-4 htw-h-4 htw-transition-transform htw-duration-150 htw-opacity-30",{"htw-rotate-90":c(o)}])},null,8,["class"]),y(c(I),{icon:"carbon:folder",class:"htw-w-5 htw-h-5"})]),d("span",Mt,N(t.folder.title),1)])],40,Rt),c(o)?(u(),h("div",Tt,[(u(!0),h(A,null,Q(t.folder.children,l=>(u(),h(A,{key:l.title},[l.children?(u(),$(a,{key:0,path:c(s),folder:l,stories:t.stories,depth:t.depth+1},null,8,["path","folder","stories","depth"])):(u(),$(rt,{key:1,story:t.stories[l.index],depth:t.depth+1},null,8,["story","depth"]))],64))),128))])):R("v-if",!0)])}}});ot.__file="../histoire/dist/client/app/components/StoryListFolder.vue";var Ht=D(ot,[["__scopeId","data-v-007b162c"]]);const jt={class:"htw-overflow-y-auto"},nt=x({props:{tree:null,stories:null},setup(t){return(r,e)=>(u(),h("div",jt,[(u(!0),h(A,null,Q(t.tree,s=>(u(),h(A,{key:s.title},[s.children?(u(),$(Ht,{key:0,folder:s,stories:t.stories},null,8,["folder","stories"])):(u(),$(rt,{key:1,story:t.stories[s.index]},null,8,["story"]))],64))),128))]))}});nt.__file="../histoire/dist/client/app/components/StoryList.vue";const qt=["onMousedown"],at=x({props:{orientation:{type:String,default:"landscape",validator:t=>["landscape","portrait"].includes(t)},defaultSplit:{type:Number,default:50},split:{type:Number,default:void 0},min:{type:Number,default:20},max:{type:Number,default:80},draggerOffset:{type:String,default:"center",validator:t=>["before","center","after"].includes(t)},saveId:{type:String,default:null},fixed:{type:Boolean,default:!1}},emits:{"update:split":t=>!0},setup(t,{emit:r}){const e=t,s="__histoire",o=_(e.defaultSplit);if(L(()=>e.split,w=>{w!==void 0&&(o.value=w)},{immediate:!0}),e.saveId){const w=`${s}-split-pane-${e.saveId}`,S=localStorage.getItem(w);if(S!=null){let m;try{m=JSON.parse(S)}catch(E){console.error(E)}typeof m=="number"&&(o.value=m)}L(o,m=>{localStorage.setItem(w,JSON.stringify(m))}),L(o,m=>{m!==e.split&&r("update:split",m)},{immediate:!0})}const n=v(()=>o.value<e.min?e.min:o.value>e.max?e.max:o.value),p=v(()=>({[e.orientation==="landscape"?"width":"height"]:e.fixed?`${n.value}px`:`${n.value}%`})),f=v(()=>({[e.orientation==="landscape"?"width":"height"]:e.fixed?null:`${100-n.value}%`})),i=_(!1);let a=0,l=0;const g=_(null);function dt(w){i.value=!0,a=e.orientation==="landscape"?w.pageX:w.pageY,l=n.value,window.addEventListener("mousemove",H),window.addEventListener("mouseup",j)}function H(w){if(i.value){let S,m;e.orientation==="landscape"?(S=w.pageX,m=g.value.offsetWidth):(S=w.pageY,m=g.value.offsetHeight);const E=S-a;e.fixed?o.value=l+E:o.value=l+~~(E/m*200)/2}}function j(){i.value=!1,q()}function q(){window.removeEventListener("mousemove",H),window.removeEventListener("mouseup",j)}return vt(()=>{q()}),(w,S)=>(u(),h("div",{ref_key:"el",ref:g,class:k(["htw-flex htw-h-full htw-isolate htw-overflow-auto",{"htw-flex-col":t.orientation==="portrait","htw-cursor-ew-resize":i.value&&t.orientation==="landscape","htw-cursor-ns-resize":i.value&&t.orientation==="portrait",[t.orientation]:!0}])},[d("div",{class:k(["htw-relative htw-top-0 htw-left-0 htw-z-20",{"htw-pointer-events-none":i.value,"htw-border-r htw-border-gray-200 dark:htw-border-gray-850":t.orientation==="landscape","htw-flex-none":t.fixed}]),style:J(c(p))},[B(w.$slots,"first",{},void 0,!0),d("div",{class:k(["dragger htw-absolute htw-z-100 hover:htw-bg-primary-500/50 htw-transition-colors htw-duration-150 htw-delay-150",{"htw-top-0 htw-bottom-0 htw-cursor-ew-resize":t.orientation==="landscape","htw-left-0 htw-right-0 htw-cursor-ns-resize":t.orientation==="portrait",[`dragger-offset-${t.draggerOffset}`]:!0,"htw-bg-primary-500/25":i.value}]),onMousedown:mt(dt,["prevent"])},null,42,qt)],6),d("div",{class:k(["htw-relative htw-bottom-0 htw-right-0",{"htw-pointer-events-none":i.value,"htw-border-t htw-border-gray-200 dark:htw-border-gray-850":t.orientation==="portrait","htw-flex-1":t.fixed}]),style:J(c(f))},[B(w.$slots,"last",{},void 0,!0)],6)],2))}});at.__file="../histoire/dist/client/app/components/base/BaseSplitPane.vue";var Jt=D(at,[["__scopeId","data-v-01f039f2"]]),Ut="/assets/histoire-text-dark.a529813a.svg",Xt="/assets/histoire-text.1d4474b5.svg";const Gt=["src","alt"],it=x({setup(t){const r=v(()=>{var s,o;return Z.value?((s=C.theme.logo)==null?void 0:s.dark)?X.dark:Ut:((o=C.theme.logo)==null?void 0:o.light)?X.light:Xt}),e=v(()=>C.theme.title+" logo");return(s,o)=>(u(),h("img",{src:c(r),alt:c(e)},null,8,Gt))}});it.__file="../histoire/dist/client/app/components/app/AppLogo.vue";const M=navigator.platform.toLowerCase().includes("mac");function lt(t,r,e={}){var s;yt((s=e.event)!=null?s:"keydown",o=>{Wt(gt(t)?t.value:t)&&r(o)})}const b={ctrl:{key:"Control",pressed:!1},alt:{key:"Alt",pressed:!1},shift:{key:"Shift",pressed:!1},meta:{key:"Meta",pressed:!1}},O=new Set;window.addEventListener("keydown",t=>{for(const r in b){const e=b[r];if(e.key===t.key){e.pressed=!0;return}}O.add(t.key.toLocaleLowerCase())});window.addEventListener("keyup",t=>{requestAnimationFrame(()=>{O.clear();for(const r in b){const e=b[r];if(e.key===t.key){e.pressed=!1;break}}})});window.addEventListener("blur",()=>{O.clear();for(const t in b){const r=b[t];r.pressed=!1}});function Wt(t){for(const r of t)if(Yt(r.toLowerCase()))return!0;return!1}function Yt(t){const r=t.split("+").map(s=>s.trim()),e=r.pop();for(const s in b){const o=r.includes(s),n=b[s].pressed;if(o!==n)return!1}return O.has(e)}function Qt(t){return t=t.toLowerCase(),t==="ctrl"?M?"^":"Ctrl":t==="alt"?M?"\u2387":"Alt":t==="shift"?"\u21E7":t==="meta"?"\u2318":t.charAt(0).toUpperCase()+t.substring(1).toLowerCase()}function W(t,r){return{content:`<div>${t}</div><div class="htw-flex htw-items-center htw-gap-1 htw-mt-2 htw-text-sm">${Zt(r({isMac:M}))}</div>`,html:!0}}function Zt(t){return t.split("+").map(r=>r.trim()).map(r=>`<span class="htw-bg-gray-500 htw-border-b-2 htw-border-gray-600 htw-px-1 htw-rounded-sm">${Qt(r)}</span>`).join("")}const te={class:"htw-px-4 htw-h-16 htw-flex htw-items-center htw-gap-2"},ee={class:"htw-py-4 htw-flex-1 htw-h-full htw-flex htw-items-center htw-pr-2"},re={class:"htw-ml-auto htw-flex-none htw-flex"},ct=x({emits:{search:()=>!0},setup(t){const r=v(()=>Z.value?"carbon:moon":"carbon:sun");return lt(["ctrl+shift+d","meta+shift+d"],e=>{G(),e.preventDefault()}),(e,s)=>{const o=_t("tooltip");return u(),h("div",te,[d("div",ee,[y(it,{class:"htw-max-w-full htw-max-h-full"})]),d("div",re,[U((u(),h("a",{class:"htw-p-1 hover:htw-text-primary-500 dark:hover:htw-text-primary-400 htw-cursor-pointer",onClick:s[0]||(s[0]=n=>e.$emit("search"))},[y(c(I),{icon:"carbon:search",class:"htw-w-5 htw-h-5"})])),[[o,c(W)("Search",({isMac:n})=>n?"meta+k":"ctrl+k")]]),U((u(),h("a",{class:"htw-p-1 hover:htw-text-primary-500 dark:hover:htw-text-primary-400 htw-cursor-pointer",onClick:s[1]||(s[1]=n=>c(G)())},[y(c(I),{icon:c(r),class:"htw-w-5 htw-h-5"},null,8,["icon"])])),[[o,c(W)("Toggle dark mode",({isMac:n})=>n?"meta+shift+d":"ctrl+shift+d")]])])])}}});ct.__file="../histoire/dist/client/app/components/app/AppHeader.vue";const se={key:0,class:"htw-hidden"},oe={class:"htw-h-screen dark:htw-bg-gray-700 dark:htw-text-gray-100"},ne={class:"htw-flex htw-flex-col htw-h-full htw-gap-2"},ut=x({setup(t){const r=bt(()=>K(()=>import("./SearchModal.76c035f2.js"),["assets/SearchModal.76c035f2.js","assets/vendor.70a554f6.js","assets/BaseEmpty.a84c14c8.js","assets/global-components.84d0ab22.js"])),e=_(Ct.map(i=>It(i))),s=_(At),o=v(()=>e.value.reduce((i,a)=>(i.push(a.story),i),[])),n=st();L(o,i=>{n.setStories(i)},{immediate:!0}),xt(v(()=>{if(n.currentStory){let i=n.currentStory.title;return n.currentVariant&&(i+=` \u203A ${n.currentVariant.title}`),`${i} | ${C.theme.title}`}return C.theme.title}));const p=_(!1),f=_(!1);return L(f,i=>{i&&(p.value=!0)}),lt(["ctrl+k","meta+k"],i=>{f.value=!0,i.preventDefault()}),(i,a)=>{const l=T("RouterView");return u(),h(A,null,[c(n).currentStory?(u(),h("div",se,[(u(),$(St(c(n).currentStory.file.component),{story:c(n).currentStory},null,8,["story"]))])):R("v-if",!0),d("div",oe,[y(Jt,{"save-id":"main-horiz",min:5,max:50,"default-split":15,class:"htw-h-full"},{first:F(()=>[d("div",ne,[y(ct,{class:"htw-flex-none",onSearch:a[0]||(a[0]=g=>f.value=!0)}),y(nt,{tree:s.value,stories:c(o),class:"htw-flex-1"},null,8,["tree","stories"])])]),last:F(()=>[y(l)]),_:1}),p.value?(u(),$(c(r),{key:0,shown:f.value,onClose:a[1]||(a[1]=g=>f.value=!1)},null,8,["shown"])):R("v-if",!0)])],64)}}});ut.__file="../histoire/dist/client/app/App.vue";const P=kt(ut);P.use($t());P.use(Lt,{overflowPadding:4,arrowPadding:8,themes:{tooltip:{distance:8},dropdown:{computeTransformOrigin:!0,distance:10}}});P.use(z);Pt(P);P.mount("#app");export{Vt as B,D as _,Jt as a,lt as o,st as u};
@@ -1 +0,0 @@
1
- import{d,p,V as l,q as f,x as v,o as _,g as m,J as S,W as y,X as g}from"./vendor.70a554f6.js";var u=()=>{};const b=d({props:{variant:{type:Object,required:!0},story:{type:Object,required:!0},slotName:{type:String,default:"default"}},setup(s){const t=s,r=p();let e,i=!1;async function o(){i=!0,await t.variant.initState(),e=S({render:()=>{var n,c;return(c=(n=t.variant.slots())==null?void 0:n[t.slotName])==null?void 0:c.call(n,{state:t.variant.state})}}),typeof u=="function"&&await u({app:e,story:t.story,variant:t.variant});const a=document.createElement("div");r.value.appendChild(a),e.mount(a)}return l(async()=>{t.variant.initState&&await o()}),f(()=>t.variant.initState,a=>{a&&!i&&o()}),v(()=>{e==null||e.unmount()}),(a,n)=>(_(),m("div",{ref_key:"sandbox",ref:r,class:"__histoire-sandbox htw-overflow-auto"},null,512))}});b.__file="../histoire/dist/client/app/components/sandbox/SandboxVue3.vue";const x="__histoire:state-sync",E="__histoire:preview-settings-sync";function k(){return g("_histoire-sandbox-settings",{backgroundColor:"transparent",checkerboard:!1})}const h=y({});function C(s){Object.assign(h,s)}export{E as P,x as S,b as _,C as a,k as u};
@@ -1 +0,0 @@
1
- import{S as f,p as y,J as v,f as l,q as u,T as i,K as h,U as w}from"./vendor.70a554f6.js";import{m as S,f as g,r as E,h as p,i as b}from"./global-components.84d0ab22.js";import{S as m,P as C,a as _,_ as T}from"./preview-settings.a634d101.js";const c=f(window.location.search),n=y(S(g.find(t=>t.id===c.storyId))),o=v({setup(){const t=l(()=>n.value.story),e=l(()=>{var a;return(a=t.value)==null?void 0:a.variants.find(s=>s.id===c.variantId)});let r=!1;return window.addEventListener("message",a=>{var s,d;((s=a.data)==null?void 0:s.type)===m?(r=!0,Object.assign(e.value.state,a.data.state)):((d=a.data)==null?void 0:d.type)===C&&_(a.data.settings)}),u(()=>e.value.state,a=>{var s;if(r){r=!1;return}(s=window.parent)==null||s.postMessage({type:m,state:w(a)})},{deep:!0}),{story:t,variant:e}},render(){return[i("div",{class:"htw-sandbox-hidden"},[i(n.value.component,{story:n.value.story})]),this.story&&this.variant?i(T,{story:this.story,variant:this.variant}):null]}});o.use(h());E(o);o.mount("#app");u(b,t=>{t?document.documentElement.classList.add(p.sandboxDarkClass):document.documentElement.classList.remove(p.sandboxDarkClass)},{immediate:!0});
@@ -1 +0,0 @@
1
- html,body{background:transparent!important}body{margin:0}html,body,#app{font-family:Lato,sans-serif;font-size:14px}.htw-sandbox-hidden{display:none}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e4e4e7}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#a1a1aa}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#a1a1aa}input::placeholder,textarea::placeholder{opacity:1;color:#a1a1aa}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.htw-border-primary-500{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity))}.htw-border-gray-300{--tw-border-opacity: 1;border-color:rgb(212 212 216 / var(--tw-border-opacity))}.htw-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:htw-bg-primary-100:hover{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity))}.focus\:htw-border-primary-500:focus{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity))}.htw-group:active .group-active\:htw-bg-gray-500\/20{background-color:#71717a33}.htw-dark .dark\:htw-border-gray-500{--tw-border-opacity: 1;border-color:rgb(113 113 122 / var(--tw-border-opacity))}.htw-dark .dark\:hover\:htw-bg-primary-700:hover{--tw-bg-opacity: 1;background-color:rgb(4 120 87 / var(--tw-bg-opacity))}.htw-dark .dark\:focus\:htw-border-primary-500:focus{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity))}.bind-icon-color[data-v-a2fcf75c]{color:var(--60f23e5c)}.bind-icon-color[data-v-1496e8e2]{color:var(--3410cf2a)}.bind-icon-color[data-v-02b208a8]{color:var(--0a947ecc)}.bind-preview-bg[data-v-7d674321]{background-color:var(--5c2ba8e8)}.__histoire-code-placeholder[data-v-045a486c]{color:inherit;font-size:inherit}@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);*,:before,:after{--_histoire-color-primary-50: 236 253 245;--_histoire-color-primary-100: 209 250 229;--_histoire-color-primary-200: 167 243 208;--_histoire-color-primary-300: 110 231 183;--_histoire-color-primary-400: 52 211 153;--_histoire-color-primary-500: 16 185 129;--_histoire-color-primary-600: 5 150 105;--_histoire-color-primary-700: 4 120 87;--_histoire-color-primary-800: 6 95 70;--_histoire-color-primary-900: 6 78 59;--_histoire-color-gray-50: 250 250 250;--_histoire-color-gray-100: 244 244 245;--_histoire-color-gray-200: 228 228 231;--_histoire-color-gray-300: 212 212 216;--_histoire-color-gray-400: 161 161 170;--_histoire-color-gray-500: 113 113 122;--_histoire-color-gray-600: 82 82 91;--_histoire-color-gray-700: 63 63 70;--_histoire-color-gray-750: 50 50 56;--_histoire-color-gray-800: 39 39 42;--_histoire-color-gray-850: 31 31 33;--_histoire-color-gray-900: 24 24 27;--_histoire-color-gray-950: 16 16 18}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper{width:-webkit-max-content;width:-moz-max-content;width:max-content}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper{line-height:0}.htw-dark .v-popper--theme-dropdown .v-popper__inner{--tw-border-opacity:1;border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-gray-700) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(var(--_histoire-color-gray-100) / var(--tw-text-opacity))}.htw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{--tw-border-opacity:1;border-color:rgb(var(--_histoire-color-gray-700) / var(--tw-border-opacity))}.htw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{--tw-border-opacity:1;border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity))}.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper{transform:scale(.75)}.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper{transform:none;transition:transform .15s cubic-bezier(0,1,.5,1)}.__histoire-scale-x-enter-active,.__histoire-scale-x-leave-active{transition:transform .15s,opacity .15s}.__histoire-scale-x-enter-from,.__histoire-scale-x-leave-to{transform:scaleX(0);opacity:0}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}a,input,button{color:inherit}a{text-decoration:inherit}input{font-family:inherit}a,button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.htw-prose{color:var(--tw-prose-body);max-width:65ch}.htw-prose :where([class~="lead"]):not(:where([class~="htw-not-prose"] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.htw-prose :where(a):not(:where([class~="htw-not-prose"] *)){color:rgb(var(--_histoire-color-primary-500));text-decoration:none;font-weight:500}.htw-prose :where(a):not(:where([class~="htw-not-prose"] *)):hover{text-decoration:underline}.htw-prose :where(strong):not(:where([class~="htw-not-prose"] *)){color:var(--tw-prose-bold);font-weight:600}.htw-prose :where(ol):not(:where([class~="htw-not-prose"] *)){list-style-type:decimal;padding-left:1.625em}.htw-prose :where(ol[type="A"]):not(:where([class~="htw-not-prose"] *)){list-style-type:upper-alpha}.htw-prose :where(ol[type="a"]):not(:where([class~="htw-not-prose"] *)){list-style-type:lower-alpha}.htw-prose :where(ol[type="A" s]):not(:where([class~="htw-not-prose"] *)){list-style-type:upper-alpha}.htw-prose :where(ol[type="a" s]):not(:where([class~="htw-not-prose"] *)){list-style-type:lower-alpha}.htw-prose :where(ol[type="I"]):not(:where([class~="htw-not-prose"] *)){list-style-type:upper-roman}.htw-prose :where(ol[type="i"]):not(:where([class~="htw-not-prose"] *)){list-style-type:lower-roman}.htw-prose :where(ol[type="I" s]):not(:where([class~="htw-not-prose"] *)){list-style-type:upper-roman}.htw-prose :where(ol[type="i" s]):not(:where([class~="htw-not-prose"] *)){list-style-type:lower-roman}.htw-prose :where(ol[type="1"]):not(:where([class~="htw-not-prose"] *)){list-style-type:decimal}.htw-prose :where(ul):not(:where([class~="htw-not-prose"] *)){list-style-type:disc;padding-left:1.625em}.htw-prose :where(ol > li):not(:where([class~="htw-not-prose"] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.htw-prose :where(ul > li):not(:where([class~="htw-not-prose"] *))::marker{color:var(--tw-prose-bullets)}.htw-prose :where(hr):not(:where([class~="htw-not-prose"] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.htw-prose :where(blockquote):not(:where([class~="htw-not-prose"] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-left-width:.25rem;border-left-color:var(--tw-prose-quote-borders);quotes:"\201c""\201d""\2018""\2019";margin:1.6em 0;background-color:rgb(var(--_histoire-color-gray-100));padding:4px 6px}.htw-prose :where(blockquote):not(:where([class~="htw-not-prose"] *)) p:first-child{margin-top:0}.htw-prose :where(blockquote):not(:where([class~="htw-not-prose"] *)) p:last-child{margin-bottom:0}.htw-prose :where(blockquote p:first-of-type):not(:where([class~="htw-not-prose"] *)):before{content:open-quote}.htw-prose :where(blockquote p:last-of-type):not(:where([class~="htw-not-prose"] *)):after{content:close-quote}.htw-prose :where(h1):not(:where([class~="htw-not-prose"] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.htw-prose :where(h1 strong):not(:where([class~="htw-not-prose"] *)){font-weight:900}.htw-prose :where(h2):not(:where([class~="htw-not-prose"] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.htw-prose :where(h2 strong):not(:where([class~="htw-not-prose"] *)){font-weight:800}.htw-prose :where(h3):not(:where([class~="htw-not-prose"] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.htw-prose :where(h3 strong):not(:where([class~="htw-not-prose"] *)){font-weight:700}.htw-prose :where(h4):not(:where([class~="htw-not-prose"] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.htw-prose :where(h4 strong):not(:where([class~="htw-not-prose"] *)){font-weight:700}.htw-prose :where(figure > *):not(:where([class~="htw-not-prose"] *)){margin-top:0;margin-bottom:0}.htw-prose :where(figcaption):not(:where([class~="htw-not-prose"] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.htw-prose :where(code):not(:where([class~="htw-not-prose"] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.htw-prose :where(code):not(:where([class~="htw-not-prose"] *)):before{content:"`"}.htw-prose :where(code):not(:where([class~="htw-not-prose"] *)):after{content:"`"}.htw-prose :where(a code):not(:where([class~="htw-not-prose"] *)){color:var(--tw-prose-links)}.htw-prose :where(pre):not(:where([class~="htw-not-prose"] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding:.8571429em 1.1428571em}.htw-prose :where(pre code):not(:where([class~="htw-not-prose"] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.htw-prose :where(pre code):not(:where([class~="htw-not-prose"] *)):before{content:none}.htw-prose :where(pre code):not(:where([class~="htw-not-prose"] *)):after{content:none}.htw-prose :where(table):not(:where([class~="htw-not-prose"] *)){width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.htw-prose :where(thead):not(:where([class~="htw-not-prose"] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.htw-prose :where(thead th):not(:where([class~="htw-not-prose"] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.htw-prose :where(tbody tr):not(:where([class~="htw-not-prose"] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.htw-prose :where(tbody tr:last-child):not(:where([class~="htw-not-prose"] *)){border-bottom-width:0}.htw-prose :where(tbody td):not(:where([class~="htw-not-prose"] *)){vertical-align:baseline;padding:.5714286em}.htw-prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.htw-prose :where(p):not(:where([class~="htw-not-prose"] *)){margin-top:1.25em;margin-bottom:1.25em}.htw-prose :where(img):not(:where([class~="htw-not-prose"] *)){margin-top:2em;margin-bottom:2em}.htw-prose :where(video):not(:where([class~="htw-not-prose"] *)){margin-top:2em;margin-bottom:2em}.htw-prose :where(figure):not(:where([class~="htw-not-prose"] *)){margin-top:2em;margin-bottom:2em}.htw-prose :where(h2 code):not(:where([class~="htw-not-prose"] *)){font-size:.875em}.htw-prose :where(h3 code):not(:where([class~="htw-not-prose"] *)){font-size:.9em}.htw-prose :where(li):not(:where([class~="htw-not-prose"] *)){margin-top:.1rem;margin-bottom:.1rem}.htw-prose :where(ol > li):not(:where([class~="htw-not-prose"] *)){padding-left:.375em}.htw-prose :where(ul > li):not(:where([class~="htw-not-prose"] *)){padding-left:.375em}.htw-prose>:where(ul > li p):not(:where([class~="htw-not-prose"] *)){margin-top:.75em;margin-bottom:.75em}.htw-prose>:where(ul > li > *:first-child):not(:where([class~="htw-not-prose"] *)){margin-top:1.25em}.htw-prose>:where(ul > li > *:last-child):not(:where([class~="htw-not-prose"] *)){margin-bottom:1.25em}.htw-prose>:where(ol > li > *:first-child):not(:where([class~="htw-not-prose"] *)){margin-top:1.25em}.htw-prose>:where(ol > li > *:last-child):not(:where([class~="htw-not-prose"] *)){margin-bottom:1.25em}.htw-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~="htw-not-prose"] *)){margin-top:.75em;margin-bottom:.75em}.htw-prose :where(hr + *):not(:where([class~="htw-not-prose"] *)){margin-top:0}.htw-prose :where(h2 + *):not(:where([class~="htw-not-prose"] *)){margin-top:0}.htw-prose :where(h3 + *):not(:where([class~="htw-not-prose"] *)){margin-top:0}.htw-prose :where(h4 + *):not(:where([class~="htw-not-prose"] *)){margin-top:0}.htw-prose :where(thead th:first-child):not(:where([class~="htw-not-prose"] *)){padding-left:0}.htw-prose :where(thead th:last-child):not(:where([class~="htw-not-prose"] *)){padding-right:0}.htw-prose :where(tbody td:first-child):not(:where([class~="htw-not-prose"] *)){padding-left:0}.htw-prose :where(tbody td:last-child):not(:where([class~="htw-not-prose"] *)){padding-right:0}.htw-prose>:where(:first-child):not(:where([class~="htw-not-prose"] *)){margin-top:0}.htw-prose>:where(:last-child):not(:where([class~="htw-not-prose"] *)){margin-bottom:0}.htw-prose :where(h1,h2,h3,h4,th):not(:where([class~="htw-not-prose"] *)){margin-bottom:.75rem}.htw-prose :where(h1,h2,h3,h4,th):not(:where([class~="htw-not-prose"] *)):not(:first-child){margin-top:1.25rem}.htw-pointer-events-none{pointer-events:none}.htw-invisible{visibility:hidden}.htw-fixed{position:fixed}.htw-absolute{position:absolute}.htw-relative{position:relative}.htw-inset-0{top:0px;right:0px;bottom:0px;left:0px}.htw-top-0{top:0px}.htw-right-0{right:0px}.htw-top-2{top:.5rem}.htw-right-6{right:1.5rem}.htw-top-1{top:.25rem}.htw-left-4{left:1rem}.htw-right-4{right:1rem}.htw-bottom-1{bottom:.25rem}.htw-left-1{left:.25rem}.htw-top-4{top:1rem}.htw-bottom-4{bottom:1rem}.htw-right-1{right:.25rem}.htw-left-0{left:0px}.htw-bottom-0{bottom:0px}.htw-isolate{isolation:isolate}.htw-z-20{z-index:20}.htw-z-10{z-index:10}.htw-m-1{margin:.25rem}.htw-m-0{margin:0}.htw-m-4{margin:1rem}.htw-ml-auto{margin-left:auto}.htw-mr-auto{margin-right:auto}.htw-mt-2{margin-top:.5rem}.htw-mt-0\.5{margin-top:.125rem}.htw-mt-0{margin-top:0}.htw-box-border{box-sizing:border-box}.htw-flex{display:flex}.htw-inline-flex{display:inline-flex}.htw-grid{display:grid}.htw-hidden{display:none}.htw-h-screen{height:100vh}.htw-h-full{height:100%}.htw-h-64{height:16rem}.htw-h-4{height:1rem}.htw-h-5{height:1.25rem}.htw-h-2{height:.5rem}.htw-h-px{height:1px}.htw-h-10{height:2.5rem}.htw-h-16{height:4rem}.htw-h-\[2px\]{height:2px}.htw-h-\[16px\]{height:16px}.htw-max-h-full{max-height:100%}.htw-max-h-\[400px\]{max-height:400px}.htw-w-64{width:16rem}.htw-w-4{width:1rem}.htw-w-5{width:1.25rem}.htw-w-full{width:100%}.htw-w-max{width:-webkit-max-content;width:-moz-max-content;width:max-content}.htw-w-16{width:4rem}.htw-w-px{width:1px}.htw-w-2{width:.5rem}.htw-w-screen{width:100vw}.htw-w-\[16px\]{width:16px}.htw-min-w-0{min-width:0px}.htw-min-w-16{min-width:4rem}.htw-max-w-none{max-width:none}.htw-max-w-full{max-width:100%}.htw-max-w-\[512px\]{max-width:512px}.htw-flex-none{flex:none}.htw-flex-1{flex:1 1 0%}.htw-rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.htw-cursor-pointer{cursor:pointer}.htw-cursor-default{cursor:default}.htw-cursor-ew-resize{cursor:ew-resize}.htw-cursor-ns-resize{cursor:ns-resize}.htw-cursor-text{cursor:text}.htw-select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.htw-resize-none{resize:none}.htw-flex-col{flex-direction:column}.htw-items-center{align-items:center}.htw-items-stretch{align-items:stretch}.htw-justify-center{justify-content:center}.htw-gap-2{gap:.5rem}.htw-gap-1{gap:.25rem}.htw-gap-4{gap:1rem}.htw-gap-0\.5{gap:.125rem}.htw-gap-0{gap:0px}.htw-gap-y-1{row-gap:.25rem}.htw-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.htw-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.htw-divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(var(--_histoire-color-gray-200) / var(--tw-divide-opacity))}.htw-overflow-auto{overflow:auto}.htw-overflow-hidden{overflow:hidden}.htw-overflow-y-auto{overflow-y:auto}.htw-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.htw-rounded-sm{border-radius:.25rem}.htw-rounded{border-radius:.375rem}.htw-rounded-lg{border-radius:.75rem}.htw-rounded-full{border-radius:9999px}.htw-rounded-l-lg{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.htw-rounded-r-lg{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.htw-rounded-b-lg{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.htw-border{border-width:1px}.htw-border-8{border-width:8px}.htw-border-l-2{border-left-width:2px}.htw-border-b{border-bottom-width:1px}.htw-border-b-2{border-bottom-width:2px}.htw-border-r{border-right-width:1px}.htw-border-t{border-top-width:1px}.htw-border-gray-100{--tw-border-opacity:1;border-color:rgb(var(--_histoire-color-gray-100) / var(--tw-border-opacity))}.htw-border-primary-200{--tw-border-opacity:1;border-color:rgb(var(--_histoire-color-primary-200) / var(--tw-border-opacity))}.htw-border-gray-200{--tw-border-opacity:1;border-color:rgb(var(--_histoire-color-gray-200) / var(--tw-border-opacity))}.htw-border-black\/20{border-color:#0003}.htw-border-gray-500\/10{border-color:rgb(var(--_histoire-color-gray-500) / .1)}.htw-border-gray-600{--tw-border-opacity:1;border-color:rgb(var(--_histoire-color-gray-600) / var(--tw-border-opacity))}.htw-border-transparent{border-color:transparent}.htw-border-primary-500{--tw-border-opacity:1;border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))}.htw-border-gray-300{--tw-border-opacity:1;border-color:rgb(var(--_histoire-color-gray-300) / var(--tw-border-opacity))}.htw-bg-gray-100{--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-gray-100) / var(--tw-bg-opacity))}.htw-bg-transparent{background-color:transparent}.htw-bg-primary-200{--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-primary-200) / var(--tw-bg-opacity))}.htw-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.htw-bg-primary-500{--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-primary-500) / var(--tw-bg-opacity))}.htw-bg-gray-200{--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-gray-200) / var(--tw-bg-opacity))}.htw-bg-gray-50{--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-gray-50) / var(--tw-bg-opacity))}.htw-bg-gray-500{--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-gray-500) / var(--tw-bg-opacity))}.htw-bg-primary-500\/25{background-color:rgb(var(--_histoire-color-primary-500) / .25)}.htw-bg-white\/80{background-color:#fffc}.htw-stroke-white{stroke:#fff}.htw-stroke-2{stroke-width:2}.htw-p-4{padding:1rem}.htw-p-2{padding:.5rem}.htw-p-2\.5{padding:.625rem}.htw-p-1{padding:.25rem}.htw-px-0\.5{padding-left:.125rem;padding-right:.125rem}.htw-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.htw-px-0{padding-left:0;padding-right:0}.htw-py-1{padding-top:.25rem;padding-bottom:.25rem}.htw-px-2{padding-left:.5rem;padding-right:.5rem}.htw-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.htw-py-0{padding-top:0;padding-bottom:0}.htw-px-4{padding-left:1rem;padding-right:1rem}.htw-py-3{padding-top:.75rem;padding-bottom:.75rem}.htw-px-1{padding-left:.25rem;padding-right:.25rem}.htw-py-4{padding-top:1rem;padding-bottom:1rem}.htw-py-12{padding-top:3rem;padding-bottom:3rem}.htw-px-6{padding-left:1.5rem;padding-right:1.5rem}.htw-pl-0\.5{padding-left:.125rem}.htw-pr-2{padding-right:.5rem}.htw-pl-0{padding-left:0}.htw-pl-5{padding-left:1.25rem}.htw-pl-6{padding-left:1.5rem}.htw-pr-6{padding-right:1.5rem}.htw-text-left{text-align:left}.htw-text-center{text-align:center}.htw-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.htw-text-xs{font-size:.75rem;line-height:1rem}.htw-text-sm{font-size:.875rem;line-height:1.25rem}.htw-text-lg{font-size:1.125rem;line-height:1.75rem}.htw-text-white\/40{color:#fff6}.htw-text-primary-500{--tw-text-opacity:1;color:rgb(var(--_histoire-color-primary-500) / var(--tw-text-opacity))}.htw-text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity))}.htw-text-gray-500{--tw-text-opacity:1;color:rgb(var(--_histoire-color-gray-500) / var(--tw-text-opacity))}.htw-text-primary-800{--tw-text-opacity:1;color:rgb(var(--_histoire-color-primary-800) / var(--tw-text-opacity))}.htw-text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.htw-text-gray-500\/20{color:rgb(var(--_histoire-color-gray-500) / .2)}.htw-text-black\/\[2\%\]{color:#00000005}.htw-text-gray-400{--tw-text-opacity:1;color:rgb(var(--_histoire-color-gray-400) / var(--tw-text-opacity))}.htw-text-inherit{color:inherit}.htw-opacity-25{opacity:.25}.htw-opacity-30{opacity:.3}.htw-opacity-40{opacity:.4}.htw-opacity-50{opacity:.5}.htw-opacity-70{opacity:.7}.htw-opacity-60{opacity:.6}.htw-shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.htw-outline-none{outline:2px solid transparent;outline-offset:2px}.htw-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.htw-transition-colors{transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.htw-transition-border{transition-property:border;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.htw-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.htw-transition-none{transition-property:none}.htw-delay-150{transition-delay:.15s}.htw-duration-150{transition-duration:.15s}.htw-duration-200{transition-duration:.2s}.htw-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.htw-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body,pre{margin:0}html,body,#app{height:100%;font-family:Lato,sans-serif;font-size:14px}.__histoire-sandbox{contain:content}.__histoire-code .shiki{background:transparent!important}.htw-prose h1:not(:hover) .header-anchor[aria-hidden=true],.htw-prose h2:not(:hover) .header-anchor[aria-hidden=true],.htw-prose h3:not(:hover) .header-anchor[aria-hidden=true],.htw-prose h4:not(:hover) .header-anchor[aria-hidden=true]{visibility:hidden}.hover\:htw-bg-primary-100:hover{--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-primary-100) / var(--tw-bg-opacity))}.hover\:htw-bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-gray-200) / var(--tw-bg-opacity))}.hover\:htw-bg-primary-300:hover{--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-primary-300) / var(--tw-bg-opacity))}.hover\:htw-bg-primary-600:hover{--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-primary-600) / var(--tw-bg-opacity))}.hover\:htw-bg-primary-500\/50:hover{background-color:rgb(var(--_histoire-color-primary-500) / .5)}.hover\:htw-bg-primary-50:hover{--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-primary-50) / var(--tw-bg-opacity))}.hover\:htw-text-primary-500:hover{--tw-text-opacity:1;color:rgb(var(--_histoire-color-primary-500) / var(--tw-text-opacity))}.focus\:htw-border-primary-500:focus{--tw-border-opacity:1;border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))}.focus\:htw-opacity-100:focus{opacity:1}.focus-visible\:htw-border-primary-500:focus-visible{--tw-border-opacity:1;border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))}.htw-group:active .group-active\:htw-bg-gray-500\/20{background-color:rgb(var(--_histoire-color-gray-500) / .2)}.htw-dark .dark\:htw-divide-gray-850>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-divide-opacity))}.htw-dark .dark\:htw-border-gray-800{--tw-border-opacity:1;border-color:rgb(var(--_histoire-color-gray-800) / var(--tw-border-opacity))}.htw-dark .dark\:htw-border-primary-900{--tw-border-opacity:1;border-color:rgb(var(--_histoire-color-primary-900) / var(--tw-border-opacity))}.htw-dark .dark\:htw-border-gray-850{--tw-border-opacity:1;border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity))}.htw-dark .dark\:htw-border-white\/20{border-color:#fff3}.htw-dark .dark\:htw-border-gray-700\/30{border-color:rgb(var(--_histoire-color-gray-700) / .3)}.htw-dark .dark\:htw-border-gray-750{--tw-border-opacity:1;border-color:rgb(var(--_histoire-color-gray-750) / var(--tw-border-opacity))}.htw-dark .dark\:htw-border-gray-500{--tw-border-opacity:1;border-color:rgb(var(--_histoire-color-gray-500) / var(--tw-border-opacity))}.htw-dark .dark\:htw-bg-gray-700{--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-gray-700) / var(--tw-bg-opacity))}.htw-dark .dark\:htw-bg-gray-800{--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-gray-800) / var(--tw-bg-opacity))}.htw-dark .dark\:htw-bg-primary-700{--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-primary-700) / var(--tw-bg-opacity))}.htw-dark .dark\:htw-bg-gray-850{--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-gray-850) / var(--tw-bg-opacity))}.htw-dark .dark\:htw-bg-gray-750{--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-gray-750) / var(--tw-bg-opacity))}.htw-dark .dark\:htw-bg-primary-400{--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-primary-400) / var(--tw-bg-opacity))}.htw-dark .dark\:htw-bg-gray-700\/80{background-color:rgb(var(--_histoire-color-gray-700) / .8)}.htw-dark .dark\:htw-text-gray-100{--tw-text-opacity:1;color:rgb(var(--_histoire-color-gray-100) / var(--tw-text-opacity))}.htw-dark .dark\:htw-text-primary-200{--tw-text-opacity:1;color:rgb(var(--_histoire-color-primary-200) / var(--tw-text-opacity))}.htw-dark .dark\:htw-text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.htw-dark .dark\:htw-text-white\/\[2\%\]{color:#ffffff05}.htw-dark .dark\:htw-text-primary-400{--tw-text-opacity:1;color:rgb(var(--_histoire-color-primary-400) / var(--tw-text-opacity))}.htw-dark .dark\:hover\:htw-bg-primary-900:hover{--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-primary-900) / var(--tw-bg-opacity))}.htw-dark .dark\:hover\:htw-bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-gray-800) / var(--tw-bg-opacity))}.htw-dark .dark\:hover\:htw-bg-primary-800:hover{--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-primary-800) / var(--tw-bg-opacity))}.htw-dark .dark\:hover\:htw-bg-primary-700:hover{--tw-bg-opacity:1;background-color:rgb(var(--_histoire-color-primary-700) / var(--tw-bg-opacity))}.htw-dark .dark\:hover\:htw-text-primary-400:hover{--tw-text-opacity:1;color:rgb(var(--_histoire-color-primary-400) / var(--tw-text-opacity))}.htw-dark .dark\:focus\:htw-border-primary-500:focus{--tw-border-opacity:1;border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))}@media (min-width: 768px){.md\:htw-mx-auto{margin-left:auto;margin-right:auto}.md\:htw-mt-16{margin-top:4rem}}.bind-tree-margin[data-v-118bc4a3]{margin-left:var(--bbccfe1c)}.bind-icon-color[data-v-118bc4a3]{color:var(--61f8842e)}.bind-tree-padding[data-v-007b162c]{padding-left:var(--83b20f68)}.landscape>div>.dragger[data-v-01f039f2]{width:10px}.portrait>div>.dragger[data-v-01f039f2]{height:10px}.landscape>div>.dragger.dragger-offset-before[data-v-01f039f2]{right:0}.portrait>div>.dragger.dragger-offset-before[data-v-01f039f2]{bottom:0}.landscape>div>.dragger.dragger-offset-center[data-v-01f039f2]{right:-5px}.portrait>div>.dragger.dragger-offset-center[data-v-01f039f2]{bottom:-5px}.landscape>div>.dragger.dragger-offset-after[data-v-01f039f2]{right:-10px}.portrait>div>.dragger.dragger-offset-after[data-v-01f039f2]{bottom:-10px}