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,25 +0,0 @@
1
- <script lang="ts">import { setContext } from "svelte";
2
- let {
3
- children,
4
- inline,
5
- block,
6
- clip
7
- } = $props();
8
- </script>
9
-
10
- <div class="Clamp" class:clip style="{inline ? '--clampInline: '+inline : ''} {block ? '--clampBlock: '+block : ''}">
11
- {@render children()}
12
- </div>
13
-
14
- <style>
15
- .Clamp {
16
- max-inline-size: var(--clampInline, inherit);
17
- max-block-size: var(--clampBlock, inherit);
18
- }
19
- .Clamp.clip {
20
- white-space: nowrap;
21
- overflow: hidden;
22
- text-overflow: ellipsis;
23
- container-type: inline-size;
24
- }
25
- </style>
@@ -1,24 +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 Clamp: $$__sveltets_2_IsomorphicComponent<{
13
- children: Snippet;
14
- /** Clamp in the logical inline direction */
15
- inline?: string;
16
- /** Clamp in the logical block direction */
17
- block?: string;
18
- /** Clip the text */
19
- clip?: boolean;
20
- }, {
21
- [evt: string]: CustomEvent<any>;
22
- }, {}, {}, "">;
23
- type Clamp = InstanceType<typeof Clamp>;
24
- export default Clamp;
@@ -1,52 +0,0 @@
1
- <script lang="ts">import {} from "svelte";
2
- let {
3
- children,
4
- lang,
5
- level = 1,
6
- center = false,
7
- subtle = false,
8
- hr = false
9
- } = $props();
10
- const Tag = `h${level}`;
11
- </script>
12
-
13
- <svelte:element this={Tag} class:subtle class:hr class:center class="H Level-{level}" {lang}>
14
- {@render children()}
15
- </svelte:element>
16
-
17
- <style>
18
- .center {
19
- text-align: center;
20
- }
21
- .subtle {
22
- color: var(--text-subtle);
23
- }
24
- .hr {
25
- border-block-end: var(--border);
26
- }
27
- .Level-1.hr {
28
- padding-block-end: 2rem;
29
- margin-block-end: 1rem;
30
- border-block-end: var(--border);
31
- }
32
- .Level-2.hr {
33
- padding-block-end: 1.5rem;
34
- margin-block-end: 0.75rem;
35
- }
36
- .Level-3.hr {
37
- padding-block-end: 1rem;
38
- margin-block-end: 0.5rem;
39
- }
40
- .Level-4.hr {
41
- padding-block-end: 0.75rem;
42
- margin-block-end: 0.75rem;
43
- }
44
- .Level-5.hr {
45
- padding-block-end: 0.75rem;
46
- margin-block-end: 0.25rem;
47
- }
48
- .Level-6.hr {
49
- padding-block-end: 0.5rem;
50
- margin-block-end: 0.25rem;
51
- }
52
- </style>
@@ -1,28 +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 H: $$__sveltets_2_IsomorphicComponent<{
13
- children: Snippet;
14
- /** Language of the element */
15
- lang?: string;
16
- /** The level of the heading. */
17
- level?: 1 | 2 | 3 | 4 | 5 | 6;
18
- /** Center the text. */
19
- center?: boolean;
20
- /** Make the text subtle. */
21
- subtle?: boolean;
22
- /** Add a horizontal rule below the text. */
23
- hr?: boolean;
24
- }, {
25
- [evt: string]: CustomEvent<any>;
26
- }, {}, {}, "">;
27
- type H = InstanceType<typeof H>;
28
- export default H;
@@ -1,14 +0,0 @@
1
- <script lang="ts">import {} from "svelte";
2
- import H from "./H.svelte";
3
- let {
4
- center = false,
5
- lang,
6
- hr = false,
7
- subtle = false,
8
- children
9
- } = $props();
10
- </script>
11
-
12
- <H level={1} center={center} hr={hr} subtle={subtle} {lang}>
13
- {@render children()}
14
- </H>
@@ -1,26 +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 H1: $$__sveltets_2_IsomorphicComponent<{
13
- /** Center the text. */
14
- center?: boolean;
15
- /** Language of the element */
16
- lang?: string;
17
- /** Add a horizontal rule below the text. */
18
- hr?: boolean;
19
- /** Make the text subtle. */
20
- subtle?: boolean;
21
- children: Snippet;
22
- }, {
23
- [evt: string]: CustomEvent<any>;
24
- }, {}, {}, "">;
25
- type H1 = InstanceType<typeof H1>;
26
- export default H1;
@@ -1,14 +0,0 @@
1
- <script lang="ts">import {} from "svelte";
2
- import H from "./H.svelte";
3
- let {
4
- center = false,
5
- lang,
6
- hr = false,
7
- subtle = false,
8
- children
9
- } = $props();
10
- </script>
11
-
12
- <H level={2} center={center} hr={hr} subtle={subtle} {lang}>
13
- {@render children()}
14
- </H>
@@ -1,26 +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 H2: $$__sveltets_2_IsomorphicComponent<{
13
- /** Center the text. */
14
- center?: boolean;
15
- /** Language of the element */
16
- lang?: string;
17
- /** Add a horizontal rule below the text. */
18
- hr?: boolean;
19
- /** Make the text subtle. */
20
- subtle?: boolean;
21
- children: Snippet;
22
- }, {
23
- [evt: string]: CustomEvent<any>;
24
- }, {}, {}, "">;
25
- type H2 = InstanceType<typeof H2>;
26
- export default H2;
@@ -1,14 +0,0 @@
1
- <script lang="ts">import {} from "svelte";
2
- import H from "./H.svelte";
3
- let {
4
- center = false,
5
- lang,
6
- hr = false,
7
- subtle = false,
8
- children
9
- } = $props();
10
- </script>
11
-
12
- <H level={3} center={center} hr={hr} subtle={subtle} {lang}>
13
- {@render children()}
14
- </H>
@@ -1,26 +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 H3: $$__sveltets_2_IsomorphicComponent<{
13
- /** Center the text. */
14
- center?: boolean;
15
- /** Language of the element */
16
- lang?: string;
17
- /** Add a horizontal rule below the text. */
18
- hr?: boolean;
19
- /** Make the text subtle. */
20
- subtle?: boolean;
21
- children: Snippet;
22
- }, {
23
- [evt: string]: CustomEvent<any>;
24
- }, {}, {}, "">;
25
- type H3 = InstanceType<typeof H3>;
26
- export default H3;
@@ -1,14 +0,0 @@
1
- <script lang="ts">import {} from "svelte";
2
- import H from "./H.svelte";
3
- let {
4
- center = false,
5
- lang,
6
- hr = false,
7
- subtle = false,
8
- children
9
- } = $props();
10
- </script>
11
-
12
- <H level={4} center={center} hr={hr} subtle={subtle} {lang}>
13
- {@render children()}
14
- </H>
@@ -1,26 +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 H4: $$__sveltets_2_IsomorphicComponent<{
13
- /** Center the text. */
14
- center?: boolean;
15
- /** Language of the element */
16
- lang?: string;
17
- /** Add a horizontal rule below the text. */
18
- hr?: boolean;
19
- /** Make the text subtle. */
20
- subtle?: boolean;
21
- children: Snippet;
22
- }, {
23
- [evt: string]: CustomEvent<any>;
24
- }, {}, {}, "">;
25
- type H4 = InstanceType<typeof H4>;
26
- export default H4;
@@ -1,14 +0,0 @@
1
- <script lang="ts">import {} from "svelte";
2
- import H from "./H.svelte";
3
- let {
4
- center = false,
5
- lang,
6
- hr = false,
7
- subtle = false,
8
- children
9
- } = $props();
10
- </script>
11
-
12
- <H level={5} center={center} hr={hr} subtle={subtle} {lang}>
13
- {@render children()}
14
- </H>
@@ -1,26 +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 H5: $$__sveltets_2_IsomorphicComponent<{
13
- /** Center the text. */
14
- center?: boolean;
15
- /** Language of the element */
16
- lang?: string;
17
- /** Add a horizontal rule below the text. */
18
- hr?: boolean;
19
- /** Make the text subtle. */
20
- subtle?: boolean;
21
- children: Snippet;
22
- }, {
23
- [evt: string]: CustomEvent<any>;
24
- }, {}, {}, "">;
25
- type H5 = InstanceType<typeof H5>;
26
- export default H5;
@@ -1,14 +0,0 @@
1
- <script lang="ts">import {} from "svelte";
2
- import H from "./H.svelte";
3
- let {
4
- center = false,
5
- lang,
6
- hr = false,
7
- subtle = false,
8
- children
9
- } = $props();
10
- </script>
11
-
12
- <H level={6} center={center} hr={hr} subtle={subtle} {lang}>
13
- {@render children()}
14
- </H>
@@ -1,26 +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 H6: $$__sveltets_2_IsomorphicComponent<{
13
- /** Center the text. */
14
- center?: boolean;
15
- /** Language of the element */
16
- lang?: string;
17
- /** Add a horizontal rule below the text. */
18
- hr?: boolean;
19
- /** Make the text subtle. */
20
- subtle?: boolean;
21
- children: Snippet;
22
- }, {
23
- [evt: string]: CustomEvent<any>;
24
- }, {}, {}, "">;
25
- type H6 = InstanceType<typeof H6>;
26
- export default H6;
@@ -1,34 +0,0 @@
1
- <script lang="ts">import {} from "svelte";
2
- let {
3
- center = false,
4
- lang,
5
- subtle = false,
6
- strong = false,
7
- children
8
- } = $props();
9
- </script>
10
-
11
- <p
12
- class="P"
13
- class:subtle
14
- class:center
15
- class:strong
16
- {lang}
17
- >
18
- {@render children()}
19
- </p>
20
-
21
- <style>
22
- p {
23
- color: var(--color, var(--text));
24
- }
25
- .subtle {
26
- color: var(--color, var(--text-subtle));
27
- }
28
- .center {
29
- text-align: center;
30
- }
31
- .strong {
32
- font-weight: 800;
33
- }
34
- </style>
@@ -1,26 +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 P: $$__sveltets_2_IsomorphicComponent<{
13
- /** Center the text. */
14
- center?: boolean;
15
- /** Language of the element */
16
- lang?: string;
17
- /** Make the text subtle. */
18
- subtle?: boolean;
19
- /** Make the text strong. */
20
- strong?: boolean;
21
- children: Snippet;
22
- }, {
23
- [evt: string]: CustomEvent<any>;
24
- }, {}, {}, "">;
25
- type P = InstanceType<typeof P>;
26
- export default P;
@@ -1,9 +0,0 @@
1
- export { default as Clamp } from './Clamp.svelte';
2
- export { default as H } from './H.svelte';
3
- export { default as H1 } from './H1.svelte';
4
- export { default as H2 } from './H2.svelte';
5
- export { default as H3 } from './H3.svelte';
6
- export { default as H4 } from './H4.svelte';
7
- export { default as H5 } from './H5.svelte';
8
- export { default as H6 } from './H6.svelte';
9
- export { default as P } from './P.svelte';
@@ -1,9 +0,0 @@
1
- export { default as Clamp } from './Clamp.svelte';
2
- export { default as H } from './H.svelte';
3
- export { default as H1 } from './H1.svelte';
4
- export { default as H2 } from './H2.svelte';
5
- export { default as H3 } from './H3.svelte';
6
- export { default as H4 } from './H4.svelte';
7
- export { default as H5 } from './H5.svelte';
8
- export { default as H6 } from './H6.svelte';
9
- export { default as P } from './P.svelte';
@@ -1,14 +0,0 @@
1
- <script lang="ts">let {
2
- content,
3
- props
4
- } = $props();
5
- let Content = content;
6
- </script>
7
-
8
- {#if content}
9
- {#if typeof content === 'string'}
10
- {content}
11
- {:else if Content}
12
- <Content {...props} />
13
- {/if}
14
- {/if}
@@ -1,19 +0,0 @@
1
- import type { Component } 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 StringOrComponent: $$__sveltets_2_IsomorphicComponent<{
13
- content: string | Component | undefined;
14
- props?: Record<string, any>;
15
- }, {
16
- [evt: string]: CustomEvent<any>;
17
- }, {}, {}, "">;
18
- type StringOrComponent = InstanceType<typeof StringOrComponent>;
19
- export default StringOrComponent;
@@ -1,11 +0,0 @@
1
- <script lang="ts">let {
2
- props,
3
- content
4
- } = $props();
5
- </script>
6
-
7
- {#if typeof content === 'string'}
8
- {content}
9
- {:else if content}
10
- {@render content(props)}
11
- {/if}
@@ -1,19 +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 StringOrSnippet: $$__sveltets_2_IsomorphicComponent<{
13
- props?: Record<string, any>;
14
- content?: string | Snippet<[Record<string, any> | undefined]>;
15
- }, {
16
- [evt: string]: CustomEvent<any>;
17
- }, {}, {}, "">;
18
- type StringOrSnippet = InstanceType<typeof StringOrSnippet>;
19
- export default StringOrSnippet;
@@ -1,5 +0,0 @@
1
- /**
2
- * Node attribute helper. This is used to create a function that will set e.g. onclick, aria, etc. attributes on an element.
3
- * @returns {Function} - The function to set the attributes. Pass this as `attr(opts)` to a child which can use it with `use:attr`.
4
- */
5
- export declare function attr(opts: Record<string, any>): (node: Element) => void;
@@ -1,21 +0,0 @@
1
- /**
2
- * Node attribute helper. This is used to create a function that will set e.g. onclick, aria, etc. attributes on an element.
3
- * @returns {Function} - The function to set the attributes. Pass this as `attr(opts)` to a child which can use it with `use:attr`.
4
- */
5
- export function attr(opts) {
6
- return function (node) {
7
- for (const [key, value] of Object.entries(opts)) {
8
- if (key.startsWith('on')) {
9
- node.addEventListener(key.slice(2).toLowerCase(), value);
10
- }
11
- else {
12
- if (value === false) {
13
- node.removeAttribute(key);
14
- }
15
- else {
16
- node.setAttribute(key, value);
17
- }
18
- }
19
- }
20
- };
21
- }
@@ -1,51 +0,0 @@
1
- /**
2
- * Convert a string to a color
3
- * @param {string} str - The string to convert
4
- * @returns {string} The color
5
- */
6
- export declare function stringToColor(str: string): string;
7
- /**
8
- * Convert a hex color to rgb
9
- * @param {string} hex - The hex color
10
- * @returns {number[]} The rgb color
11
- */
12
- export declare function hexToRgb(hex: string): number[];
13
- /**
14
- * Get the relative luminance of a color from a hex color
15
- * @param {string} hex - The hex color
16
- * @returns {number} The relative luminance
17
- */
18
- export declare function hexRelativeLuminance(hex: string): number;
19
- /**
20
- * Get the relative luminance of a color according to the W3C
21
- * @param {number} R8bit - The red value
22
- * @param {number} G8bit - The green value
23
- * @param {number} B8bit - The blue value
24
- * @returns
25
- */
26
- export declare function relativeLuminanceW3C(R8bit: number, G8bit: number, B8bit: number): number;
27
- /**
28
- * Status colors
29
- */
30
- export declare const StatusColors: {
31
- readonly default: "default";
32
- readonly ok: "ok";
33
- readonly alert: "alert";
34
- readonly warn: "warn";
35
- readonly info: "info";
36
- readonly task: "task";
37
- };
38
- export type StatusColor = keyof typeof StatusColors;
39
- export type StatusColorOrString = StatusColor | (string & {});
40
- /**
41
- * Check if the value is a valid StatusColor
42
- * @param {string} value - The value to check
43
- * @returns {boolean} - If the value is a valid StatusColor
44
- */
45
- export declare const isStatusColor: (value?: string) => value is StatusColor;
46
- /**
47
- * Get the CSS variable for a status color
48
- * @param {StatusColorOrString} color - The status color
49
- * @returns {string} - The CSS variable for the status color
50
- */
51
- export declare function getStatusColorVar(color?: StatusColorOrString, fallback?: string): string;