lutra 0.0.33 → 0.1.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 (242) hide show
  1. package/README.md +4 -24
  2. package/dist/components/AspectRatio.svelte +26 -0
  3. package/dist/components/AspectRatio.svelte.d.ts +8 -0
  4. package/dist/components/Dialog.svelte +78 -0
  5. package/dist/components/Dialog.svelte.d.ts +14 -0
  6. package/dist/components/Layout.svelte +32 -0
  7. package/dist/components/Layout.svelte.d.ts +11 -0
  8. package/dist/components/PageContent.svelte +108 -0
  9. package/dist/components/PageContent.svelte.d.ts +38 -0
  10. package/dist/components/Theme.svelte +87 -0
  11. package/dist/components/Theme.svelte.d.ts +17 -0
  12. package/dist/{display → components}/Tooltip.svelte +33 -8
  13. package/dist/components/Tooltip.svelte.d.ts +12 -0
  14. package/dist/config.d.ts +30 -0
  15. package/dist/config.js +18 -0
  16. package/dist/css/0-layers.css +1 -0
  17. package/dist/css/1-props.css +775 -0
  18. package/dist/css/2-base.css +209 -0
  19. package/dist/css/3-typo.css +65 -0
  20. package/dist/css/4-layout.css +5 -0
  21. package/dist/css/5-media.css +21 -0
  22. package/dist/css/lutra.css +6 -0
  23. package/dist/index.d.ts +5 -1
  24. package/dist/index.js +5 -2
  25. package/dist/types.d.ts +39 -0
  26. package/dist/types.js +25 -0
  27. package/package.json +29 -82
  28. package/dist/color.css +0 -0
  29. package/dist/display/Avatar.svelte +0 -61
  30. package/dist/display/Avatar.svelte.d.ts +0 -19
  31. package/dist/display/Badge.svelte +0 -91
  32. package/dist/display/Badge.svelte.d.ts +0 -30
  33. package/dist/display/Callout.svelte +0 -109
  34. package/dist/display/Callout.svelte.d.ts +0 -28
  35. package/dist/display/Close.svelte +0 -58
  36. package/dist/display/Close.svelte.d.ts +0 -18
  37. package/dist/display/Code.svelte +0 -190
  38. package/dist/display/Code.svelte.d.ts +0 -32
  39. package/dist/display/ContextTip.svelte +0 -23
  40. package/dist/display/ContextTip.svelte.d.ts +0 -18
  41. package/dist/display/DataList.svelte +0 -16
  42. package/dist/display/DataList.svelte.d.ts +0 -21
  43. package/dist/display/Details.svelte +0 -49
  44. package/dist/display/Details.svelte.d.ts +0 -27
  45. package/dist/display/Hero.svelte +0 -50
  46. package/dist/display/Hero.svelte.d.ts +0 -26
  47. package/dist/display/Icon.svelte +0 -39
  48. package/dist/display/Icon.svelte.d.ts +0 -19
  49. package/dist/display/IconButton.svelte +0 -91
  50. package/dist/display/IconButton.svelte.d.ts +0 -27
  51. package/dist/display/Image.svelte +0 -91
  52. package/dist/display/Image.svelte.d.ts +0 -26
  53. package/dist/display/Indicator.svelte +0 -352
  54. package/dist/display/Indicator.svelte.d.ts +0 -23
  55. package/dist/display/Inset.svelte +0 -18
  56. package/dist/display/Inset.svelte.d.ts +0 -18
  57. package/dist/display/LineChart.svelte +0 -385
  58. package/dist/display/LineChart.svelte.d.ts +0 -24
  59. package/dist/display/LoadingIndicator.svelte +0 -33
  60. package/dist/display/LoadingIndicator.svelte.d.ts +0 -15
  61. package/dist/display/Modal.svelte +0 -116
  62. package/dist/display/Modal.svelte.d.ts +0 -27
  63. package/dist/display/Notification.svelte +0 -104
  64. package/dist/display/Notification.svelte.d.ts +0 -23
  65. package/dist/display/Panel.svelte +0 -23
  66. package/dist/display/Panel.svelte.d.ts +0 -19
  67. package/dist/display/Popup.svelte +0 -111
  68. package/dist/display/Popup.svelte.d.ts +0 -25
  69. package/dist/display/Stat.svelte +0 -81
  70. package/dist/display/Stat.svelte.d.ts +0 -30
  71. package/dist/display/Table.svelte +0 -28
  72. package/dist/display/Table.svelte.d.ts +0 -24
  73. package/dist/display/TablePaginator.svelte +0 -51
  74. package/dist/display/TablePaginator.svelte.d.ts +0 -21
  75. package/dist/display/Tag.svelte +0 -90
  76. package/dist/display/Tag.svelte.d.ts +0 -32
  77. package/dist/display/Tooltip.svelte.d.ts +0 -23
  78. package/dist/display/chart.d.ts +0 -78
  79. package/dist/display/chart.js +0 -212
  80. package/dist/display/index.d.ts +0 -24
  81. package/dist/display/index.js +0 -24
  82. package/dist/display/notifications.svelte.d.ts +0 -21
  83. package/dist/display/notifications.svelte.js +0 -31
  84. package/dist/form/Button.svelte +0 -39
  85. package/dist/form/Button.svelte.d.ts +0 -26
  86. package/dist/form/FieldActions.svelte +0 -68
  87. package/dist/form/FieldActions.svelte.d.ts +0 -20
  88. package/dist/form/FieldContainer.svelte +0 -37
  89. package/dist/form/FieldContainer.svelte.d.ts +0 -19
  90. package/dist/form/FieldContent.svelte +0 -153
  91. package/dist/form/FieldContent.svelte.d.ts +0 -31
  92. package/dist/form/FieldError.svelte +0 -14
  93. package/dist/form/FieldError.svelte.d.ts +0 -18
  94. package/dist/form/FieldSection.svelte +0 -86
  95. package/dist/form/FieldSection.svelte.d.ts +0 -20
  96. package/dist/form/Fieldset.svelte +0 -68
  97. package/dist/form/Fieldset.svelte.d.ts +0 -31
  98. package/dist/form/Form.svelte +0 -136
  99. package/dist/form/Form.svelte.d.ts +0 -38
  100. package/dist/form/ImageUpload.svelte +0 -259
  101. package/dist/form/ImageUpload.svelte.d.ts +0 -31
  102. package/dist/form/Input.svelte +0 -326
  103. package/dist/form/Input.svelte.d.ts +0 -117
  104. package/dist/form/InputLength.svelte +0 -32
  105. package/dist/form/InputLength.svelte.d.ts +0 -20
  106. package/dist/form/Label.svelte +0 -44
  107. package/dist/form/Label.svelte.d.ts +0 -25
  108. package/dist/form/LogoUpload.svelte +0 -100
  109. package/dist/form/LogoUpload.svelte.d.ts +0 -29
  110. package/dist/form/Select.svelte +0 -136
  111. package/dist/form/Select.svelte.d.ts +0 -70
  112. package/dist/form/Textarea.svelte +0 -163
  113. package/dist/form/Textarea.svelte.d.ts +0 -108
  114. package/dist/form/Toggle.svelte +0 -2
  115. package/dist/form/Toggle.svelte.d.ts +0 -15
  116. package/dist/form/client.svelte.d.ts +0 -44
  117. package/dist/form/client.svelte.js +0 -98
  118. package/dist/form/form.d.ts +0 -54
  119. package/dist/form/form.js +0 -340
  120. package/dist/form/index.d.ts +0 -18
  121. package/dist/form/index.js +0 -18
  122. package/dist/form/types.d.ts +0 -62
  123. package/dist/form/types.js +0 -1
  124. package/dist/icons/IconAlert.svelte +0 -3
  125. package/dist/icons/IconAlert.svelte.d.ts +0 -23
  126. package/dist/icons/IconCopy.svelte +0 -3
  127. package/dist/icons/IconCopy.svelte.d.ts +0 -23
  128. package/dist/icons/IconDone.svelte +0 -3
  129. package/dist/icons/IconDone.svelte.d.ts +0 -23
  130. package/dist/icons/IconError.svelte +0 -3
  131. package/dist/icons/IconError.svelte.d.ts +0 -23
  132. package/dist/icons/IconHelp.svelte +0 -3
  133. package/dist/icons/IconHelp.svelte.d.ts +0 -23
  134. package/dist/icons/IconHide.svelte +0 -3
  135. package/dist/icons/IconHide.svelte.d.ts +0 -23
  136. package/dist/icons/IconInfo.svelte +0 -3
  137. package/dist/icons/IconInfo.svelte.d.ts +0 -23
  138. package/dist/icons/IconLink.svelte +0 -3
  139. package/dist/icons/IconLink.svelte.d.ts +0 -23
  140. package/dist/icons/IconMenuBurger.svelte +0 -3
  141. package/dist/icons/IconMenuBurger.svelte.d.ts +0 -23
  142. package/dist/icons/IconMenuDots.svelte +0 -3
  143. package/dist/icons/IconMenuDots.svelte.d.ts +0 -23
  144. package/dist/icons/IconSearch.svelte +0 -3
  145. package/dist/icons/IconSearch.svelte.d.ts +0 -23
  146. package/dist/icons/IconShow.svelte +0 -3
  147. package/dist/icons/IconShow.svelte.d.ts +0 -23
  148. package/dist/icons/IconSuccess.svelte +0 -3
  149. package/dist/icons/IconSuccess.svelte.d.ts +0 -23
  150. package/dist/icons/IconWarning.svelte +0 -3
  151. package/dist/icons/IconWarning.svelte.d.ts +0 -23
  152. package/dist/icons/index.d.ts +0 -14
  153. package/dist/icons/index.js +0 -14
  154. package/dist/layout/Layout.svelte +0 -47
  155. package/dist/layout/Layout.svelte.d.ts +0 -22
  156. package/dist/layout/LayoutFooter.svelte +0 -21
  157. package/dist/layout/LayoutFooter.svelte.d.ts +0 -18
  158. package/dist/layout/LayoutGrid.svelte +0 -51
  159. package/dist/layout/LayoutGrid.svelte.d.ts +0 -27
  160. package/dist/layout/LayoutHeader.svelte +0 -97
  161. package/dist/layout/LayoutHeader.svelte.d.ts +0 -34
  162. package/dist/layout/LayoutSideMenu.svelte +0 -55
  163. package/dist/layout/LayoutSideMenu.svelte.d.ts +0 -21
  164. package/dist/layout/LayoutTypes.d.ts +0 -15
  165. package/dist/layout/LayoutTypes.js +0 -9
  166. package/dist/layout/Overlay.svelte +0 -20
  167. package/dist/layout/Overlay.svelte.d.ts +0 -25
  168. package/dist/layout/OverlayContainer.svelte +0 -28
  169. package/dist/layout/OverlayContainer.svelte.d.ts +0 -15
  170. package/dist/layout/OverlayLayer.svelte +0 -140
  171. package/dist/layout/OverlayLayer.svelte.d.ts +0 -19
  172. package/dist/layout/PageContent.svelte +0 -82
  173. package/dist/layout/PageContent.svelte.d.ts +0 -25
  174. package/dist/layout/Theme.svelte +0 -243
  175. package/dist/layout/Theme.svelte.d.ts +0 -19
  176. package/dist/layout/UIContent.svelte +0 -15
  177. package/dist/layout/UIContent.svelte.d.ts +0 -18
  178. package/dist/layout/index.d.ts +0 -11
  179. package/dist/layout/index.js +0 -11
  180. package/dist/layout/overlays.svelte.d.ts +0 -34
  181. package/dist/layout/overlays.svelte.js +0 -44
  182. package/dist/nav/Breadcrumb.svelte +0 -82
  183. package/dist/nav/Breadcrumb.svelte.d.ts +0 -28
  184. package/dist/nav/Menu.svelte +0 -170
  185. package/dist/nav/Menu.svelte.d.ts +0 -27
  186. package/dist/nav/MenuItem.svelte +0 -147
  187. package/dist/nav/MenuItem.svelte.d.ts +0 -22
  188. package/dist/nav/MenuTypes.d.ts +0 -58
  189. package/dist/nav/MenuTypes.js +0 -1
  190. package/dist/nav/NavMenu.svelte +0 -181
  191. package/dist/nav/NavMenu.svelte.d.ts +0 -19
  192. package/dist/nav/TabbedContent.svelte +0 -43
  193. package/dist/nav/TabbedContent.svelte.d.ts +0 -23
  194. package/dist/nav/Tabs.svelte +0 -158
  195. package/dist/nav/Tabs.svelte.d.ts +0 -25
  196. package/dist/nav/index.d.ts +0 -7
  197. package/dist/nav/index.js +0 -6
  198. package/dist/style.css +0 -950
  199. package/dist/typo/Clamp.svelte +0 -25
  200. package/dist/typo/Clamp.svelte.d.ts +0 -24
  201. package/dist/typo/H.svelte +0 -52
  202. package/dist/typo/H.svelte.d.ts +0 -28
  203. package/dist/typo/H1.svelte +0 -14
  204. package/dist/typo/H1.svelte.d.ts +0 -26
  205. package/dist/typo/H2.svelte +0 -14
  206. package/dist/typo/H2.svelte.d.ts +0 -26
  207. package/dist/typo/H3.svelte +0 -14
  208. package/dist/typo/H3.svelte.d.ts +0 -26
  209. package/dist/typo/H4.svelte +0 -14
  210. package/dist/typo/H4.svelte.d.ts +0 -26
  211. package/dist/typo/H5.svelte +0 -14
  212. package/dist/typo/H5.svelte.d.ts +0 -26
  213. package/dist/typo/H6.svelte +0 -14
  214. package/dist/typo/H6.svelte.d.ts +0 -26
  215. package/dist/typo/P.svelte +0 -34
  216. package/dist/typo/P.svelte.d.ts +0 -26
  217. package/dist/typo/index.d.ts +0 -9
  218. package/dist/typo/index.js +0 -9
  219. package/dist/utils/StringOrComponent.svelte +0 -14
  220. package/dist/utils/StringOrComponent.svelte.d.ts +0 -19
  221. package/dist/utils/StringOrSnippet.svelte +0 -11
  222. package/dist/utils/StringOrSnippet.svelte.d.ts +0 -19
  223. package/dist/utils/attr.d.ts +0 -5
  224. package/dist/utils/attr.js +0 -21
  225. package/dist/utils/color.d.ts +0 -51
  226. package/dist/utils/color.js +0 -97
  227. package/dist/utils/defaults.d.ts +0 -4
  228. package/dist/utils/defaults.js +0 -1
  229. package/dist/utils/dom.d.ts +0 -15
  230. package/dist/utils/dom.js +0 -74
  231. package/dist/utils/hooks.server.d.ts +0 -2
  232. package/dist/utils/hooks.server.js +0 -16
  233. package/dist/utils/id.d.ts +0 -1
  234. package/dist/utils/id.js +0 -3
  235. package/dist/utils/index.d.ts +0 -9
  236. package/dist/utils/index.js +0 -6
  237. package/dist/utils/isSnippet.d.ts +0 -3
  238. package/dist/utils/isSnippet.js +0 -11
  239. package/dist/utils/keyboard.svelte.d.ts +0 -22
  240. package/dist/utils/keyboard.svelte.js +0 -161
  241. /package/dist/{utils → util}/transitions.d.ts +0 -0
  242. /package/dist/{utils → util}/transitions.js +0 -0
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16">
2
- <path fill="currentColor" d="M5.428,7.337C4.572,7.337 3.768,7.669 3.162,8.275L0.935,10.502C-0.316,11.753 -0.316,13.787 0.959,15.062C1.584,15.687 2.407,16 3.225,16C4.047,16 4.87,15.687 5.495,15.062L7.717,12.84C8.521,12.036 8.805,10.916 8.574,9.881L7.342,11.108C7.256,11.421 7.097,11.719 6.852,11.964L4.624,14.191C3.855,14.961 2.595,14.961 1.806,14.167C1.43,13.792 1.228,13.297 1.228,12.768C1.228,12.243 1.43,11.748 1.806,11.373L4.033,9.145C4.273,8.905 4.572,8.741 4.889,8.65L6.125,7.419C5.899,7.37 5.668,7.337 5.428,7.337ZM10.45,4.912C10.291,4.917 10.142,4.985 10.026,5.1L5.101,10.026C4.86,10.261 4.86,10.656 5.101,10.896C5.341,11.137 5.731,11.137 5.976,10.896L10.902,5.971C11.085,5.793 11.137,5.523 11.036,5.288C10.94,5.052 10.705,4.903 10.45,4.912ZM12.773,-0.008C11.917,-0.008 11.109,0.328 10.507,0.934L8.28,3.157C7.482,3.955 7.198,5.076 7.429,6.115L8.66,4.888C8.747,4.571 8.906,4.273 9.151,4.027L11.378,1.8C11.753,1.43 12.249,1.223 12.773,1.223C13.302,1.223 13.798,1.43 14.192,1.824C14.567,2.199 14.774,2.695 14.774,3.224C14.774,3.748 14.567,4.249 14.192,4.619L11.97,6.846C11.734,7.082 11.436,7.241 11.123,7.327L9.877,8.573C10.103,8.626 10.334,8.655 10.575,8.655C11.431,8.655 12.234,8.323 12.84,7.717L15.063,5.494C16.313,4.239 16.318,2.204 15.043,0.934C14.437,0.328 13.634,-0.008 12.773,-0.008Z" style="fill-rule:nonzero;"/>
3
- </svg>
@@ -1,23 +0,0 @@
1
- export default IconLink;
2
- type IconLink = SvelteComponent<{
3
- [x: string]: never;
4
- }, {
5
- [evt: string]: CustomEvent<any>;
6
- }, {}> & {
7
- $$bindings?: string | undefined;
8
- };
9
- declare const IconLink: $$__sveltets_2_IsomorphicComponent<{
10
- [x: string]: never;
11
- }, {
12
- [evt: string]: CustomEvent<any>;
13
- }, {}, {}, string>;
14
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
15
- new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
16
- $$bindings?: Bindings;
17
- } & Exports;
18
- (internal: unknown, props: {
19
- $$events?: Events;
20
- $$slots?: Slots;
21
- }): Exports;
22
- z_$$bindings?: Bindings;
23
- }
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16">
2
- <path fill="currentColor" d="M16,14.049L0,14.049L0,16L16,16L16,14.049ZM16,7.025L0,7.025L0,8.975L16,8.975L16,7.025ZM16,0L0,0L0,1.951L16,1.951L16,0Z"/>
3
- </svg>
@@ -1,23 +0,0 @@
1
- export default IconMenuBurger;
2
- type IconMenuBurger = SvelteComponent<{
3
- [x: string]: never;
4
- }, {
5
- [evt: string]: CustomEvent<any>;
6
- }, {}> & {
7
- $$bindings?: string | undefined;
8
- };
9
- declare const IconMenuBurger: $$__sveltets_2_IsomorphicComponent<{
10
- [x: string]: never;
11
- }, {
12
- [evt: string]: CustomEvent<any>;
13
- }, {}, {}, string>;
14
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
15
- new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
16
- $$bindings?: Bindings;
17
- } & Exports;
18
- (internal: unknown, props: {
19
- $$events?: Events;
20
- $$slots?: Slots;
21
- }): Exports;
22
- z_$$bindings?: Bindings;
23
- }
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16">
2
- <path fill="currentColor" d="M8,12.029C9.096,12.029 9.986,12.918 9.986,14.014C9.986,15.11 9.096,16 8,16C6.904,16 6.014,15.11 6.014,14.014C6.014,12.918 6.904,12.029 8,12.029ZM8,6.014C9.096,6.014 9.986,6.904 9.986,8C9.986,9.096 9.096,9.986 8,9.986C6.904,9.986 6.014,9.096 6.014,8C6.014,6.904 6.904,6.014 8,6.014ZM8,0C9.096,0 9.986,0.89 9.986,1.986C9.986,3.082 9.096,3.971 8,3.971C6.904,3.971 6.014,3.082 6.014,1.986C6.014,0.89 6.904,0 8,0Z"/>
3
- </svg>
@@ -1,23 +0,0 @@
1
- export default IconMenuDots;
2
- type IconMenuDots = SvelteComponent<{
3
- [x: string]: never;
4
- }, {
5
- [evt: string]: CustomEvent<any>;
6
- }, {}> & {
7
- $$bindings?: string | undefined;
8
- };
9
- declare const IconMenuDots: $$__sveltets_2_IsomorphicComponent<{
10
- [x: string]: never;
11
- }, {
12
- [evt: string]: CustomEvent<any>;
13
- }, {}, {}, string>;
14
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
15
- new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
16
- $$bindings?: Bindings;
17
- } & Exports;
18
- (internal: unknown, props: {
19
- $$events?: Events;
20
- $$slots?: Slots;
21
- }): Exports;
22
- z_$$bindings?: Bindings;
23
- }
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16">
2
- <path fill="currentColor" d="M10.453,-0C7.395,-0 4.906,2.489 4.906,5.547C4.906,6.852 5.378,8.041 6.139,8.989L0.005,15.124L0.871,16L7.01,9.861C7.959,10.622 9.148,11.094 10.453,11.094C13.51,11.094 16,8.604 16,5.547C16,2.489 13.51,-0 10.453,-0ZM10.453,1.233C12.841,1.233 14.767,3.159 14.767,5.547C14.767,7.935 12.841,9.861 10.453,9.861C8.065,9.861 6.139,7.935 6.139,5.547C6.139,3.159 8.065,1.233 10.453,1.233Z" />
3
- </svg>
@@ -1,23 +0,0 @@
1
- export default IconSearch;
2
- type IconSearch = SvelteComponent<{
3
- [x: string]: never;
4
- }, {
5
- [evt: string]: CustomEvent<any>;
6
- }, {}> & {
7
- $$bindings?: string | undefined;
8
- };
9
- declare const IconSearch: $$__sveltets_2_IsomorphicComponent<{
10
- [x: string]: never;
11
- }, {
12
- [evt: string]: CustomEvent<any>;
13
- }, {}, {}, string>;
14
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
15
- new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
16
- $$bindings?: Bindings;
17
- } & Exports;
18
- (internal: unknown, props: {
19
- $$events?: Events;
20
- $$slots?: Slots;
21
- }): Exports;
22
- z_$$bindings?: Bindings;
23
- }
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16">
2
- <path fill="currentColor" d="M8.002,3.217C2.269,3.217 0.081,7.776 0.081,7.776L-0.027,8L0.081,8.224C0.081,8.224 2.269,12.783 8.002,12.783C13.736,12.783 15.924,8.224 15.924,8.224L16.027,8L15.924,7.776C15.924,7.776 13.736,3.217 8.002,3.217ZM8.002,4.28C10.061,4.28 11.722,5.941 11.722,8C11.722,10.059 10.061,11.72 8.002,11.72C5.943,11.72 4.282,10.059 4.282,8C4.282,5.941 5.943,4.28 8.002,4.28ZM4.22,5.106C3.601,5.912 3.219,6.908 3.219,8C3.219,9.092 3.601,10.088 4.22,10.894C2.181,9.881 1.351,8.27 1.218,8C1.351,7.73 2.181,6.119 4.22,5.106ZM11.784,5.106C13.823,6.119 14.653,7.73 14.786,8C14.653,8.27 13.823,9.881 11.784,10.894C12.403,10.088 12.785,9.092 12.785,8C12.785,6.908 12.403,5.912 11.784,5.106ZM8.002,6.406C7.122,6.406 6.408,7.12 6.408,8C6.408,8.88 7.122,9.594 8.002,9.594C8.882,9.594 9.596,8.88 9.596,8C9.596,7.12 8.882,6.406 8.002,6.406Z" />
3
- </svg>
@@ -1,23 +0,0 @@
1
- export default IconShow;
2
- type IconShow = SvelteComponent<{
3
- [x: string]: never;
4
- }, {
5
- [evt: string]: CustomEvent<any>;
6
- }, {}> & {
7
- $$bindings?: string | undefined;
8
- };
9
- declare const IconShow: $$__sveltets_2_IsomorphicComponent<{
10
- [x: string]: never;
11
- }, {
12
- [evt: string]: CustomEvent<any>;
13
- }, {}, {}, string>;
14
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
15
- new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
16
- $$bindings?: Bindings;
17
- } & Exports;
18
- (internal: unknown, props: {
19
- $$events?: Events;
20
- $$slots?: Slots;
21
- }): Exports;
22
- z_$$bindings?: Bindings;
23
- }
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16">
2
- <path fill="currentColor" d="M8,0C3.591,0 0,3.591 0,8C0,12.409 3.591,16 8,16C12.409,16 16,12.409 16,8C16,3.591 12.409,0 8,0ZM8,1.231C11.745,1.231 14.769,4.255 14.769,8C14.769,11.745 11.745,14.769 8,14.769C4.255,14.769 1.231,11.745 1.231,8C1.231,4.255 4.255,1.231 8,1.231ZM11.255,5.106L6.769,9.591L4.74,7.567L3.875,8.433L6.769,11.332L12.13,5.971L11.255,5.106Z" />
3
- </svg>
@@ -1,23 +0,0 @@
1
- export default IconSuccess;
2
- type IconSuccess = SvelteComponent<{
3
- [x: string]: never;
4
- }, {
5
- [evt: string]: CustomEvent<any>;
6
- }, {}> & {
7
- $$bindings?: string | undefined;
8
- };
9
- declare const IconSuccess: $$__sveltets_2_IsomorphicComponent<{
10
- [x: string]: never;
11
- }, {
12
- [evt: string]: CustomEvent<any>;
13
- }, {}, {}, string>;
14
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
15
- new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
16
- $$bindings?: Bindings;
17
- } & Exports;
18
- (internal: unknown, props: {
19
- $$events?: Events;
20
- $$slots?: Slots;
21
- }): Exports;
22
- z_$$bindings?: Bindings;
23
- }
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16">
2
- <path fill="currentColor" d="M7.999,1.063C7.419,1.063 6.84,1.339 6.51,1.889L0.232,12.38C-0.435,13.489 0.42,14.937 1.717,14.937L14.277,14.937C15.578,14.937 16.433,13.489 15.77,12.38L9.488,1.889C9.159,1.339 8.579,1.063 7.999,1.063ZM7.999,2.114C8.22,2.114 8.441,2.223 8.575,2.44L14.852,12.926C15.115,13.364 14.823,13.869 14.277,13.869L1.717,13.869C1.175,13.869 0.883,13.364 1.146,12.926L7.423,2.44C7.557,2.223 7.778,2.114 7.999,2.114ZM7.457,11.733L7.457,12.801L8.525,12.801L8.525,11.733L7.457,11.733ZM7.457,5.326L7.457,10.665L8.525,10.665L8.525,5.326L7.457,5.326Z" />
3
- </svg>
@@ -1,23 +0,0 @@
1
- export default IconWarning;
2
- type IconWarning = SvelteComponent<{
3
- [x: string]: never;
4
- }, {
5
- [evt: string]: CustomEvent<any>;
6
- }, {}> & {
7
- $$bindings?: string | undefined;
8
- };
9
- declare const IconWarning: $$__sveltets_2_IsomorphicComponent<{
10
- [x: string]: never;
11
- }, {
12
- [evt: string]: CustomEvent<any>;
13
- }, {}, {}, string>;
14
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
15
- new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
16
- $$bindings?: Bindings;
17
- } & Exports;
18
- (internal: unknown, props: {
19
- $$events?: Events;
20
- $$slots?: Slots;
21
- }): Exports;
22
- z_$$bindings?: Bindings;
23
- }
@@ -1,14 +0,0 @@
1
- export { default as IconAlert } from './IconAlert.svelte';
2
- export { default as IconCopy } from './IconCopy.svelte';
3
- export { default as IconDone } from './IconDone.svelte';
4
- export { default as IconError } from './IconError.svelte';
5
- export { default as IconHelp } from './IconHelp.svelte';
6
- export { default as IconHide } from './IconHide.svelte';
7
- export { default as IconInfo } from './IconInfo.svelte';
8
- export { default as IconLink } from './IconLink.svelte';
9
- export { default as IconMenuBurger } from './IconMenuBurger.svelte';
10
- export { default as IconMenuDots } from './IconMenuDots.svelte';
11
- export { default as IconSearch } from './IconSearch.svelte';
12
- export { default as IconShow } from './IconShow.svelte';
13
- export { default as IconSuccess } from './IconSuccess.svelte';
14
- export { default as IconWarning } from './IconWarning.svelte';
@@ -1,14 +0,0 @@
1
- export { default as IconAlert } from './IconAlert.svelte';
2
- export { default as IconCopy } from './IconCopy.svelte';
3
- export { default as IconDone } from './IconDone.svelte';
4
- export { default as IconError } from './IconError.svelte';
5
- export { default as IconHelp } from './IconHelp.svelte';
6
- export { default as IconHide } from './IconHide.svelte';
7
- export { default as IconInfo } from './IconInfo.svelte';
8
- export { default as IconLink } from './IconLink.svelte';
9
- export { default as IconMenuBurger } from './IconMenuBurger.svelte';
10
- export { default as IconMenuDots } from './IconMenuDots.svelte';
11
- export { default as IconSearch } from './IconSearch.svelte';
12
- export { default as IconShow } from './IconShow.svelte';
13
- export { default as IconSuccess } from './IconSuccess.svelte';
14
- export { default as IconWarning } from './IconWarning.svelte';
@@ -1,47 +0,0 @@
1
- <script lang="ts">import "../style.css";
2
- import Theme from "./Theme.svelte";
3
- import OverlayContainer from "./OverlayContainer.svelte";
4
- let {
5
- theme,
6
- children
7
- } = $props();
8
- </script>
9
-
10
- <!-- This is an SVG filter that makes text black or white based on the luminance of the background. -->
11
- <svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="0" style="position:absolute; height:0; width:0; display: contents;">
12
- <defs>
13
- <filter id="bwFilter" color-interpolation-filters="sRGB">
14
- <!-- Convert to grayscale based on luminance -->
15
- <feColorMatrix type="matrix"
16
- values="0.2126 0.7152 0.0722 0 0
17
- 0.2126 0.7152 0.0722 0 0
18
- 0.2126 0.7152 0.0722 0 0
19
- 0 0 0 1 0"/>
20
- <!-- Expand edges slightly to clean up any fringing -->
21
- <feMorphology operator="dilate" radius="2"/>
22
- <!-- Apply the threshold to determine if the color should be black or white -->
23
- <feComponentTransfer>
24
- <feFuncR type="linear" slope="-255" intercept="128"/>
25
- <feFuncG type="linear" slope="-255" intercept="128"/>
26
- <feFuncB type="linear" slope="-255" intercept="128"/>
27
- </feComponentTransfer>
28
- <!-- Composite step to clean up the result -->
29
- <feComposite operator="in" in2="SourceGraphic"/>
30
- </filter>
31
- </defs>
32
- </svg>
33
-
34
- <Theme theme={theme}>
35
- <div class="Layout">
36
- {@render children()}
37
- <OverlayContainer />
38
- </div>
39
- </Theme>
40
-
41
- <style>
42
- .Layout {
43
- background: var(--bg-app);
44
- min-height: 100%;
45
- height: 100%;
46
- }
47
- </style>
@@ -1,22 +0,0 @@
1
- import type { Snippet } from "svelte";
2
- import "../style.css";
3
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
4
- new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
5
- $$bindings?: Bindings;
6
- } & Exports;
7
- (internal: unknown, props: Props & {
8
- $$events?: Events;
9
- $$slots?: Slots;
10
- }): Exports;
11
- z_$$bindings?: Bindings;
12
- }
13
- declare const Layout: $$__sveltets_2_IsomorphicComponent<{
14
- /** The theme to use for the layout. Leave empty to detect automatically or get from user preferences, if any exist. */
15
- theme?: "light" | "dark" | undefined;
16
- /** The content to display. */
17
- children: Snippet;
18
- }, {
19
- [evt: string]: CustomEvent<any>;
20
- }, {}, {}, "">;
21
- type Layout = InstanceType<typeof Layout>;
22
- export default Layout;
@@ -1,21 +0,0 @@
1
- <script lang="ts">let {
2
- copyright
3
- } = $props();
4
- </script>
5
-
6
- <footer>
7
- <p>&copy; {new Date().getFullYear()} {copyright}. All rights reserved.</p>
8
- </footer>
9
-
10
- <style>
11
- footer {
12
- padding: var(--padding, 4rem 4rem);
13
- font-size: 0.85em;
14
- color: var(--text-subtle);
15
- }
16
- @media (max-width: 640px) {
17
- footer {
18
- padding: calc(var(--padding, 4rem) / 2);
19
- }
20
- }
21
- </style>
@@ -1,18 +0,0 @@
1
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
2
- new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
3
- $$bindings?: Bindings;
4
- } & Exports;
5
- (internal: unknown, props: Props & {
6
- $$events?: Events;
7
- $$slots?: Slots;
8
- }): Exports;
9
- z_$$bindings?: Bindings;
10
- }
11
- declare const LayoutFooter: $$__sveltets_2_IsomorphicComponent<{
12
- /** The copyright text to display. */
13
- copyright?: string;
14
- }, {
15
- [evt: string]: CustomEvent<any>;
16
- }, {}, {}, "">;
17
- type LayoutFooter = InstanceType<typeof LayoutFooter>;
18
- export default LayoutFooter;
@@ -1,51 +0,0 @@
1
- <script lang="ts">import { setContext } from "svelte";
2
- let {
3
- children,
4
- header,
5
- footer,
6
- border,
7
- sticky
8
- } = $props();
9
- </script>
10
-
11
- <div class="LayoutGrid" class:footer class:header class:border>
12
- {#if header}
13
- {@render header()}
14
- {/if}
15
- <main>
16
- {@render children()}
17
- </main>
18
- {#if footer}
19
- {@render footer()}
20
- {/if}
21
- </div>
22
-
23
- <style>
24
- .LayoutGrid {
25
- display: grid;
26
- container-type: inline-size;
27
- -webkit-overflow-scrolling: touch;
28
- min-block-size: var(--min-block-size, 100%);
29
- background-color: var(--bg-app);
30
- }
31
- .LayoutGrid.footer.header {
32
- grid-template-rows: auto 1fr auto;
33
- }
34
- .LayoutGrid.header {
35
- grid-template-rows: auto 1fr;
36
- }
37
- .LayoutGrid.footer {
38
- grid-template-rows: 1fr auto;
39
- }
40
- header.sticky {
41
- position: sticky;
42
- top: 0;
43
- z-index: 10;
44
- }
45
- .LayoutGrid.border header {
46
- border-block-end: var(--header-border, var(--border-subtle));
47
- }
48
- .LayoutGrid.border footer {
49
- border-block-start: var(--footer-border, var(--border-subtle));
50
- }
51
- </style>
@@ -1,27 +0,0 @@
1
- import { type Snippet } from "svelte";
2
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
3
- new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
4
- $$bindings?: Bindings;
5
- } & Exports;
6
- (internal: unknown, props: Props & {
7
- $$events?: Events;
8
- $$slots?: Slots;
9
- }): Exports;
10
- z_$$bindings?: Bindings;
11
- }
12
- declare const LayoutGrid: $$__sveltets_2_IsomorphicComponent<{
13
- /** The header of the grid. */
14
- header?: Snippet;
15
- /** The footer of the grid. */
16
- footer?: Snippet;
17
- /** Add a subtle border to the header and footer. */
18
- border?: boolean;
19
- /** Make the header sticky. */
20
- sticky?: boolean;
21
- /** The main content of the grid. */
22
- children: Snippet;
23
- }, {
24
- [evt: string]: CustomEvent<any>;
25
- }, {}, {}, "">;
26
- type LayoutGrid = InstanceType<typeof LayoutGrid>;
27
- export default LayoutGrid;
@@ -1,97 +0,0 @@
1
- <script lang="ts">import {} from "svelte";
2
- let {
3
- left,
4
- center,
5
- right,
6
- sticky,
7
- skipToContentText = "Skip to content"
8
- } = $props();
9
- </script>
10
-
11
- <header class="LayoutHeader" class:sticky>
12
- <a href="#skip" class="Skip">{skipToContentText}</a>
13
- <ul>
14
- {#if left}
15
- <li class="left">
16
- {@render left()}
17
- </li>
18
- {/if}
19
- {#if center}
20
- <li class="center">
21
- {@render center()}
22
- </li>
23
- {/if}
24
- {#if right}
25
- <li class="right">
26
- {@render right()}
27
- </li>
28
- {/if}
29
- </ul>
30
- </header>
31
-
32
- <style>
33
- .LayoutHeader {
34
- position: relative;
35
- z-index: 1;
36
- padding: 0.5rem 1rem;
37
- background: color-mix(in srgb, var(--bg-app) 50%, transparent 50%);
38
- backdrop-filter: blur(16px);
39
- -webkit-backdrop-filter: blur(16px);
40
- display: flex;
41
- place-items: center;
42
- }
43
- .LayoutHeader.sticky {
44
- position: sticky;
45
- top: 0;
46
- }
47
- .Skip {
48
- position: absolute;
49
- top: -40px;
50
- left: 0;
51
- padding: 0.5rem;
52
- background: var(--bg-app);
53
- font-size: 1rem;
54
- z-index: 1000;
55
- }
56
- .Skip:focus {
57
- top: 0;
58
- }
59
- .right :global(a) {
60
- color: var(--text);
61
- }
62
- .right :global(a:hover) {
63
- color: var(--text-link);
64
- }
65
- ul {
66
- list-style: none;
67
- padding: 0;
68
- margin: 0;
69
- display: grid;
70
- grid-template-areas: "left center right";
71
- grid-template-columns: 1fr auto 1fr;
72
- align-items: center;
73
- max-width: var(--max-width, 100%);
74
- }
75
- li {
76
- padding: 0;
77
- margin: 0;
78
- flex-basis: 0;
79
- display: flex;
80
- align-items: center;
81
- flex-wrap: nowrap;
82
- gap: 1rem;
83
- }
84
- li.left { grid-area: left; }
85
- li.center { grid-area: center; }
86
- li.right { grid-area: right; }
87
- ul > :not(:first-child):not(:last-child) {
88
- grid-column: center;
89
- }
90
- ul > :first-child:last-child {
91
- grid-column: 1 / -1;
92
- }
93
- li.right {
94
- display: flex;
95
- justify-content: flex-end;
96
- }
97
- </style>
@@ -1,34 +0,0 @@
1
- import { type Snippet } from "svelte";
2
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
3
- new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
4
- $$bindings?: Bindings;
5
- } & Exports;
6
- (internal: unknown, props: Props & {
7
- $$events?: Events;
8
- $$slots?: Slots;
9
- }): Exports;
10
- z_$$bindings?: Bindings;
11
- }
12
- declare const LayoutHeader: $$__sveltets_2_IsomorphicComponent<{
13
- left?: Snippet;
14
- /**
15
- * The center of the header (usually a menu), search bar, etc.
16
- */
17
- center?: Snippet;
18
- /**
19
- * The right side of the header (usually user info, settings, etc.)
20
- */
21
- right?: Snippet;
22
- /**
23
- * The text to display for the skip to content link
24
- */
25
- skipToContentText?: string;
26
- /**
27
- * Whether the header should be sticky
28
- */
29
- sticky?: boolean;
30
- }, {
31
- [evt: string]: CustomEvent<any>;
32
- }, {}, {}, "">;
33
- type LayoutHeader = InstanceType<typeof LayoutHeader>;
34
- export default LayoutHeader;
@@ -1,55 +0,0 @@
1
- <script lang="ts">import MenuItem from "../nav/MenuItem.svelte";
2
- let {
3
- items,
4
- children,
5
- navContainer
6
- } = $props();
7
- </script>
8
-
9
- {#snippet content()}
10
- <nav>
11
- <ul>
12
- {#each items as item, index}
13
- <MenuItem {index} {item} />
14
- {/each}
15
- </ul>
16
- </nav>
17
- {/snippet}
18
-
19
- <main>
20
- <aside>
21
- {#if navContainer}
22
- {@render navContainer(content)}
23
- {:else}
24
- {@render content()}
25
- {/if}
26
- </aside>
27
- {@render children()}
28
- </main>
29
-
30
- <style>
31
- main {
32
- display: grid;
33
- grid-template-columns: clamp(10rem, 20%, 20rem) 1fr;
34
- min-height: 100%;
35
- }
36
- nav {
37
- --menu-item-margin: 0;
38
- }
39
- ul {
40
- list-style: none;
41
- margin: 0;
42
- padding: 0;
43
- position: sticky;
44
- top: -1rem;
45
- border-left: 1px solid var(--border);
46
- }
47
- @media(max-width: 800px) {
48
- main {
49
- grid-template-columns: 1fr;
50
- }
51
- nav {
52
- padding: 0 1rem;
53
- }
54
- }
55
- </style>
@@ -1,21 +0,0 @@
1
- import type { Snippet } from "svelte";
2
- import type { MenuItem as Item } from "../nav/MenuTypes.js";
3
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
4
- new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
5
- $$bindings?: Bindings;
6
- } & Exports;
7
- (internal: unknown, props: Props & {
8
- $$events?: Events;
9
- $$slots?: Slots;
10
- }): Exports;
11
- z_$$bindings?: Bindings;
12
- }
13
- declare const LayoutSideMenu: $$__sveltets_2_IsomorphicComponent<{
14
- items: Item[];
15
- children: Snippet;
16
- navContainer?: Snippet<[content: Snippet]>;
17
- }, {
18
- [evt: string]: CustomEvent<any>;
19
- }, {}, {}, "">;
20
- type LayoutSideMenu = InstanceType<typeof LayoutSideMenu>;
21
- export default LayoutSideMenu;
@@ -1,15 +0,0 @@
1
- /**
2
- * Layout container types.
3
- * `ui` is for UI components. It will not add margins.
4
- * `page` is for page content. It will add automatic margins to typography and other page content.
5
- */
6
- export type LayoutContainerType = 'ui' | 'page';
7
- export declare const BREAKPOINTS: {
8
- s: number;
9
- m: number;
10
- l: number;
11
- };
12
- export declare const BREAKPOINT_SIZES: number[];
13
- export declare const SMALLEST_BREAKPOINT: number;
14
- export declare const LARGEST_BREAKPOINT: number;
15
- export declare const MIN_WIDTH = 280;