lutra 0.0.20 → 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 (223) 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 +37 -11
  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 -75
  28. package/dist/data/Stat.svelte +0 -89
  29. package/dist/data/Stat.svelte.d.ts +0 -39
  30. package/dist/data/index.d.ts +0 -1
  31. package/dist/data/index.js +0 -1
  32. package/dist/display/Avatar.svelte +0 -61
  33. package/dist/display/Avatar.svelte.d.ts +0 -23
  34. package/dist/display/Badge.svelte +0 -93
  35. package/dist/display/Badge.svelte.d.ts +0 -34
  36. package/dist/display/Callout.svelte +0 -109
  37. package/dist/display/Callout.svelte.d.ts +0 -36
  38. package/dist/display/Close.svelte +0 -58
  39. package/dist/display/Close.svelte.d.ts +0 -21
  40. package/dist/display/Code.svelte +0 -195
  41. package/dist/display/Code.svelte.d.ts +0 -31
  42. package/dist/display/ContextTip.svelte +0 -26
  43. package/dist/display/ContextTip.svelte.d.ts +0 -22
  44. package/dist/display/Details.svelte +0 -49
  45. package/dist/display/Details.svelte.d.ts +0 -32
  46. package/dist/display/Hero.svelte +0 -50
  47. package/dist/display/Hero.svelte.d.ts +0 -30
  48. package/dist/display/Icon.svelte +0 -40
  49. package/dist/display/Icon.svelte.d.ts +0 -24
  50. package/dist/display/IconButton.svelte +0 -84
  51. package/dist/display/IconButton.svelte.d.ts +0 -30
  52. package/dist/display/Image.svelte +0 -91
  53. package/dist/display/Image.svelte.d.ts +0 -37
  54. package/dist/display/Indicator.svelte +0 -352
  55. package/dist/display/Indicator.svelte.d.ts +0 -24
  56. package/dist/display/Inset.svelte +0 -18
  57. package/dist/display/Inset.svelte.d.ts +0 -22
  58. package/dist/display/Notification.svelte +0 -104
  59. package/dist/display/Notification.svelte.d.ts +0 -42
  60. package/dist/display/Popup.svelte +0 -111
  61. package/dist/display/Popup.svelte.d.ts +0 -30
  62. package/dist/display/Table.svelte +0 -24
  63. package/dist/display/Table.svelte.d.ts +0 -34
  64. package/dist/display/Tag.svelte +0 -90
  65. package/dist/display/Tag.svelte.d.ts +0 -35
  66. package/dist/display/Tooltip.svelte.d.ts +0 -28
  67. package/dist/display/index.d.ts +0 -14
  68. package/dist/display/index.js +0 -14
  69. package/dist/display/notifications.svelte.d.ts +0 -21
  70. package/dist/display/notifications.svelte.js +0 -31
  71. package/dist/form/Button.svelte +0 -34
  72. package/dist/form/Button.svelte.d.ts +0 -36
  73. package/dist/form/FieldActions.svelte +0 -46
  74. package/dist/form/FieldActions.svelte.d.ts +0 -24
  75. package/dist/form/FieldContainer.svelte +0 -37
  76. package/dist/form/FieldContainer.svelte.d.ts +0 -24
  77. package/dist/form/FieldContent.svelte +0 -134
  78. package/dist/form/FieldContent.svelte.d.ts +0 -59
  79. package/dist/form/FieldError.svelte +0 -14
  80. package/dist/form/FieldError.svelte.d.ts +0 -21
  81. package/dist/form/FieldSection.svelte +0 -86
  82. package/dist/form/FieldSection.svelte.d.ts +0 -34
  83. package/dist/form/Fieldset.svelte +0 -68
  84. package/dist/form/Fieldset.svelte.d.ts +0 -42
  85. package/dist/form/Form.svelte +0 -98
  86. package/dist/form/Form.svelte.d.ts +0 -33
  87. package/dist/form/Input.svelte +0 -287
  88. package/dist/form/Input.svelte.d.ts +0 -142
  89. package/dist/form/InputLength.svelte +0 -32
  90. package/dist/form/InputLength.svelte.d.ts +0 -21
  91. package/dist/form/Label.svelte +0 -27
  92. package/dist/form/Label.svelte.d.ts +0 -31
  93. package/dist/form/Select.svelte +0 -88
  94. package/dist/form/Select.svelte.d.ts +0 -97
  95. package/dist/form/client.svelte.d.ts +0 -45
  96. package/dist/form/client.svelte.js +0 -90
  97. package/dist/form/form.d.ts +0 -52
  98. package/dist/form/form.js +0 -326
  99. package/dist/form/index.d.ts +0 -15
  100. package/dist/form/index.js +0 -15
  101. package/dist/form/types.d.ts +0 -52
  102. package/dist/form/types.js +0 -1
  103. package/dist/grid/Column.svelte +0 -11
  104. package/dist/grid/Column.svelte.d.ts +0 -22
  105. package/dist/grid/Grid.svelte +0 -19
  106. package/dist/grid/Grid.svelte.d.ts +0 -24
  107. package/dist/grid/Row.svelte +0 -44
  108. package/dist/grid/Row.svelte.d.ts +0 -24
  109. package/dist/icons/Alert.svelte +0 -3
  110. package/dist/icons/Alert.svelte.d.ts +0 -23
  111. package/dist/icons/Copy.svelte +0 -3
  112. package/dist/icons/Copy.svelte.d.ts +0 -23
  113. package/dist/icons/Done.svelte +0 -3
  114. package/dist/icons/Done.svelte.d.ts +0 -23
  115. package/dist/icons/Error.svelte +0 -3
  116. package/dist/icons/Error.svelte.d.ts +0 -23
  117. package/dist/icons/Help.svelte +0 -3
  118. package/dist/icons/Help.svelte.d.ts +0 -23
  119. package/dist/icons/Hide.svelte +0 -3
  120. package/dist/icons/Hide.svelte.d.ts +0 -23
  121. package/dist/icons/Info.svelte +0 -3
  122. package/dist/icons/Info.svelte.d.ts +0 -23
  123. package/dist/icons/Link.svelte +0 -3
  124. package/dist/icons/Link.svelte.d.ts +0 -23
  125. package/dist/icons/MenuBurger.svelte +0 -3
  126. package/dist/icons/MenuBurger.svelte.d.ts +0 -23
  127. package/dist/icons/MenuDots.svelte +0 -3
  128. package/dist/icons/MenuDots.svelte.d.ts +0 -23
  129. package/dist/icons/Show.svelte +0 -3
  130. package/dist/icons/Show.svelte.d.ts +0 -23
  131. package/dist/icons/Success.svelte +0 -3
  132. package/dist/icons/Success.svelte.d.ts +0 -23
  133. package/dist/icons/Warning.svelte +0 -3
  134. package/dist/icons/Warning.svelte.d.ts +0 -23
  135. package/dist/icons/index.d.ts +0 -11
  136. package/dist/icons/index.js +0 -11
  137. package/dist/layout/Layout.svelte +0 -45
  138. package/dist/layout/Layout.svelte.d.ts +0 -25
  139. package/dist/layout/LayoutFooter.svelte +0 -21
  140. package/dist/layout/LayoutFooter.svelte.d.ts +0 -19
  141. package/dist/layout/LayoutGrid.svelte +0 -51
  142. package/dist/layout/LayoutGrid.svelte.d.ts +0 -38
  143. package/dist/layout/LayoutHeader.svelte +0 -94
  144. package/dist/layout/LayoutHeader.svelte.d.ts +0 -39
  145. package/dist/layout/LayoutSideMenu.svelte +0 -54
  146. package/dist/layout/LayoutSideMenu.svelte.d.ts +0 -25
  147. package/dist/layout/LayoutTypes.d.ts +0 -15
  148. package/dist/layout/LayoutTypes.js +0 -9
  149. package/dist/layout/Overlay.svelte +0 -20
  150. package/dist/layout/Overlay.svelte.d.ts +0 -35
  151. package/dist/layout/OverlayContainer.svelte +0 -28
  152. package/dist/layout/OverlayContainer.svelte.d.ts +0 -16
  153. package/dist/layout/OverlayLayer.svelte +0 -145
  154. package/dist/layout/OverlayLayer.svelte.d.ts +0 -22
  155. package/dist/layout/PageContent.svelte +0 -97
  156. package/dist/layout/PageContent.svelte.d.ts +0 -28
  157. package/dist/layout/Theme.svelte +0 -228
  158. package/dist/layout/Theme.svelte.d.ts +0 -24
  159. package/dist/layout/UIContent.svelte +0 -15
  160. package/dist/layout/UIContent.svelte.d.ts +0 -22
  161. package/dist/layout/index.d.ts +0 -7
  162. package/dist/layout/index.js +0 -7
  163. package/dist/layout/overlays.svelte.d.ts +0 -34
  164. package/dist/layout/overlays.svelte.js +0 -44
  165. package/dist/nav/Breadcrumb.svelte +0 -82
  166. package/dist/nav/Breadcrumb.svelte.d.ts +0 -33
  167. package/dist/nav/Menu.svelte +0 -177
  168. package/dist/nav/Menu.svelte.d.ts +0 -33
  169. package/dist/nav/MenuItem.svelte +0 -140
  170. package/dist/nav/MenuItem.svelte.d.ts +0 -26
  171. package/dist/nav/MenuTypes.d.ts +0 -58
  172. package/dist/nav/MenuTypes.js +0 -1
  173. package/dist/nav/NavMenu.svelte +0 -183
  174. package/dist/nav/NavMenu.svelte.d.ts +0 -20
  175. package/dist/nav/TabbedContent.svelte +0 -43
  176. package/dist/nav/TabbedContent.svelte.d.ts +0 -24
  177. package/dist/nav/Tabs.svelte +0 -118
  178. package/dist/nav/Tabs.svelte.d.ts +0 -26
  179. package/dist/nav/index.d.ts +0 -6
  180. package/dist/nav/index.js +0 -5
  181. package/dist/style.css +0 -853
  182. package/dist/typo/Clamp.svelte +0 -25
  183. package/dist/typo/Clamp.svelte.d.ts +0 -28
  184. package/dist/typo/H.svelte +0 -52
  185. package/dist/typo/H.svelte.d.ts +0 -32
  186. package/dist/typo/H1.svelte +0 -14
  187. package/dist/typo/H1.svelte.d.ts +0 -30
  188. package/dist/typo/H2.svelte +0 -14
  189. package/dist/typo/H2.svelte.d.ts +0 -30
  190. package/dist/typo/H3.svelte +0 -14
  191. package/dist/typo/H3.svelte.d.ts +0 -30
  192. package/dist/typo/H4.svelte +0 -14
  193. package/dist/typo/H4.svelte.d.ts +0 -30
  194. package/dist/typo/H5.svelte +0 -14
  195. package/dist/typo/H5.svelte.d.ts +0 -30
  196. package/dist/typo/H6.svelte +0 -14
  197. package/dist/typo/H6.svelte.d.ts +0 -30
  198. package/dist/typo/P.svelte +0 -34
  199. package/dist/typo/P.svelte.d.ts +0 -30
  200. package/dist/typo/index.d.ts +0 -9
  201. package/dist/typo/index.js +0 -9
  202. package/dist/utils/StringOrComponentOrSnippet.svelte +0 -14
  203. package/dist/utils/StringOrComponentOrSnippet.svelte.d.ts +0 -24
  204. package/dist/utils/attr.d.ts +0 -5
  205. package/dist/utils/attr.js +0 -21
  206. package/dist/utils/color.d.ts +0 -51
  207. package/dist/utils/color.js +0 -97
  208. package/dist/utils/defaults.d.ts +0 -4
  209. package/dist/utils/defaults.js +0 -1
  210. package/dist/utils/dom.d.ts +0 -15
  211. package/dist/utils/dom.js +0 -74
  212. package/dist/utils/hooks.server.d.ts +0 -2
  213. package/dist/utils/hooks.server.js +0 -16
  214. package/dist/utils/id.d.ts +0 -1
  215. package/dist/utils/id.js +0 -3
  216. package/dist/utils/index.d.ts +0 -8
  217. package/dist/utils/index.js +0 -5
  218. package/dist/utils/isSnippet.d.ts +0 -5
  219. package/dist/utils/isSnippet.js +0 -6
  220. package/dist/utils/keyboard.svelte.d.ts +0 -22
  221. package/dist/utils/keyboard.svelte.js +0 -161
  222. /package/dist/{utils → util}/transitions.d.ts +0 -0
  223. /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,28 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { type Snippet } from "svelte";
3
- declare const __propDef: {
4
- props: {
5
- children: Snippet;
6
- inline?: string | undefined;
7
- block?: string | undefined;
8
- clip?: boolean | undefined;
9
- };
10
- events: {
11
- [evt: string]: CustomEvent<any>;
12
- };
13
- slots: {};
14
- };
15
- export type ClampProps = typeof __propDef.props;
16
- export type ClampEvents = typeof __propDef.events;
17
- export type ClampSlots = typeof __propDef.slots;
18
- export default class Clamp extends SvelteComponent<ClampProps, ClampEvents, ClampSlots> {
19
- constructor(options?: import("svelte").ComponentConstructorOptions<{
20
- children: (this: void) => typeof import("svelte").SnippetReturn & {
21
- _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
22
- };
23
- inline?: string | undefined;
24
- block?: string | undefined;
25
- clip?: boolean | undefined;
26
- }>);
27
- }
28
- export {};
@@ -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,32 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { type Snippet } from "svelte";
3
- declare const __propDef: {
4
- props: {
5
- children: Snippet;
6
- lang?: string | undefined;
7
- level?: 5 | 3 | 2 | 1 | 4 | 6 | undefined;
8
- center?: boolean | undefined;
9
- subtle?: boolean | undefined;
10
- hr?: boolean | undefined;
11
- };
12
- events: {
13
- [evt: string]: CustomEvent<any>;
14
- };
15
- slots: {};
16
- };
17
- export type HProps = typeof __propDef.props;
18
- export type HEvents = typeof __propDef.events;
19
- export type HSlots = typeof __propDef.slots;
20
- export default class H extends SvelteComponent<HProps, HEvents, HSlots> {
21
- constructor(options?: import("svelte").ComponentConstructorOptions<{
22
- children: (this: void) => typeof import("svelte").SnippetReturn & {
23
- _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
24
- };
25
- lang?: string | undefined;
26
- level?: 5 | 3 | 2 | 1 | 4 | 6 | undefined;
27
- center?: boolean | undefined;
28
- subtle?: boolean | undefined;
29
- hr?: boolean | undefined;
30
- }>);
31
- }
32
- export {};
@@ -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,30 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { type Snippet } from "svelte";
3
- declare const __propDef: {
4
- props: {
5
- center?: boolean | undefined;
6
- lang?: string | undefined;
7
- hr?: boolean | undefined;
8
- subtle?: boolean | undefined;
9
- children: Snippet;
10
- };
11
- events: {
12
- [evt: string]: CustomEvent<any>;
13
- };
14
- slots: {};
15
- };
16
- export type H1Props = typeof __propDef.props;
17
- export type H1Events = typeof __propDef.events;
18
- export type H1Slots = typeof __propDef.slots;
19
- export default class H1 extends SvelteComponent<H1Props, H1Events, H1Slots> {
20
- constructor(options?: import("svelte").ComponentConstructorOptions<{
21
- center?: boolean | undefined;
22
- lang?: string | undefined;
23
- hr?: boolean | undefined;
24
- subtle?: boolean | undefined;
25
- children: (this: void) => typeof import("svelte").SnippetReturn & {
26
- _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
27
- };
28
- }>);
29
- }
30
- export {};
@@ -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,30 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { type Snippet } from "svelte";
3
- declare const __propDef: {
4
- props: {
5
- center?: boolean | undefined;
6
- lang?: string | undefined;
7
- hr?: boolean | undefined;
8
- subtle?: boolean | undefined;
9
- children: Snippet;
10
- };
11
- events: {
12
- [evt: string]: CustomEvent<any>;
13
- };
14
- slots: {};
15
- };
16
- export type H2Props = typeof __propDef.props;
17
- export type H2Events = typeof __propDef.events;
18
- export type H2Slots = typeof __propDef.slots;
19
- export default class H2 extends SvelteComponent<H2Props, H2Events, H2Slots> {
20
- constructor(options?: import("svelte").ComponentConstructorOptions<{
21
- center?: boolean | undefined;
22
- lang?: string | undefined;
23
- hr?: boolean | undefined;
24
- subtle?: boolean | undefined;
25
- children: (this: void) => typeof import("svelte").SnippetReturn & {
26
- _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
27
- };
28
- }>);
29
- }
30
- export {};
@@ -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,30 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { type Snippet } from "svelte";
3
- declare const __propDef: {
4
- props: {
5
- center?: boolean | undefined;
6
- lang?: string | undefined;
7
- hr?: boolean | undefined;
8
- subtle?: boolean | undefined;
9
- children: Snippet;
10
- };
11
- events: {
12
- [evt: string]: CustomEvent<any>;
13
- };
14
- slots: {};
15
- };
16
- export type H3Props = typeof __propDef.props;
17
- export type H3Events = typeof __propDef.events;
18
- export type H3Slots = typeof __propDef.slots;
19
- export default class H3 extends SvelteComponent<H3Props, H3Events, H3Slots> {
20
- constructor(options?: import("svelte").ComponentConstructorOptions<{
21
- center?: boolean | undefined;
22
- lang?: string | undefined;
23
- hr?: boolean | undefined;
24
- subtle?: boolean | undefined;
25
- children: (this: void) => typeof import("svelte").SnippetReturn & {
26
- _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
27
- };
28
- }>);
29
- }
30
- export {};
@@ -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,30 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { type Snippet } from "svelte";
3
- declare const __propDef: {
4
- props: {
5
- center?: boolean | undefined;
6
- lang?: string | undefined;
7
- hr?: boolean | undefined;
8
- subtle?: boolean | undefined;
9
- children: Snippet;
10
- };
11
- events: {
12
- [evt: string]: CustomEvent<any>;
13
- };
14
- slots: {};
15
- };
16
- export type H4Props = typeof __propDef.props;
17
- export type H4Events = typeof __propDef.events;
18
- export type H4Slots = typeof __propDef.slots;
19
- export default class H4 extends SvelteComponent<H4Props, H4Events, H4Slots> {
20
- constructor(options?: import("svelte").ComponentConstructorOptions<{
21
- center?: boolean | undefined;
22
- lang?: string | undefined;
23
- hr?: boolean | undefined;
24
- subtle?: boolean | undefined;
25
- children: (this: void) => typeof import("svelte").SnippetReturn & {
26
- _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
27
- };
28
- }>);
29
- }
30
- export {};
@@ -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,30 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { type Snippet } from "svelte";
3
- declare const __propDef: {
4
- props: {
5
- center?: boolean | undefined;
6
- lang?: string | undefined;
7
- hr?: boolean | undefined;
8
- subtle?: boolean | undefined;
9
- children: Snippet;
10
- };
11
- events: {
12
- [evt: string]: CustomEvent<any>;
13
- };
14
- slots: {};
15
- };
16
- export type H5Props = typeof __propDef.props;
17
- export type H5Events = typeof __propDef.events;
18
- export type H5Slots = typeof __propDef.slots;
19
- export default class H5 extends SvelteComponent<H5Props, H5Events, H5Slots> {
20
- constructor(options?: import("svelte").ComponentConstructorOptions<{
21
- center?: boolean | undefined;
22
- lang?: string | undefined;
23
- hr?: boolean | undefined;
24
- subtle?: boolean | undefined;
25
- children: (this: void) => typeof import("svelte").SnippetReturn & {
26
- _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
27
- };
28
- }>);
29
- }
30
- export {};
@@ -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,30 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { type Snippet } from "svelte";
3
- declare const __propDef: {
4
- props: {
5
- center?: boolean | undefined;
6
- lang?: string | undefined;
7
- hr?: boolean | undefined;
8
- subtle?: boolean | undefined;
9
- children: Snippet;
10
- };
11
- events: {
12
- [evt: string]: CustomEvent<any>;
13
- };
14
- slots: {};
15
- };
16
- export type H6Props = typeof __propDef.props;
17
- export type H6Events = typeof __propDef.events;
18
- export type H6Slots = typeof __propDef.slots;
19
- export default class H6 extends SvelteComponent<H6Props, H6Events, H6Slots> {
20
- constructor(options?: import("svelte").ComponentConstructorOptions<{
21
- center?: boolean | undefined;
22
- lang?: string | undefined;
23
- hr?: boolean | undefined;
24
- subtle?: boolean | undefined;
25
- children: (this: void) => typeof import("svelte").SnippetReturn & {
26
- _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
27
- };
28
- }>);
29
- }
30
- export {};
@@ -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,30 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { type Snippet } from "svelte";
3
- declare const __propDef: {
4
- props: {
5
- center?: boolean | undefined;
6
- lang?: string | undefined;
7
- subtle?: boolean | undefined;
8
- strong?: boolean | undefined;
9
- children: Snippet;
10
- };
11
- events: {
12
- [evt: string]: CustomEvent<any>;
13
- };
14
- slots: {};
15
- };
16
- export type PProps = typeof __propDef.props;
17
- export type PEvents = typeof __propDef.events;
18
- export type PSlots = typeof __propDef.slots;
19
- export default class P extends SvelteComponent<PProps, PEvents, PSlots> {
20
- constructor(options?: import("svelte").ComponentConstructorOptions<{
21
- center?: boolean | undefined;
22
- lang?: string | undefined;
23
- subtle?: boolean | undefined;
24
- strong?: boolean | undefined;
25
- children: (this: void) => typeof import("svelte").SnippetReturn & {
26
- _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
27
- };
28
- }>);
29
- }
30
- export {};
@@ -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">import { isComponent, isSnippet } from "./isSnippet.js";
2
- let {
3
- content,
4
- props
5
- } = $props();
6
- </script>
7
-
8
- {#if typeof content === 'string'}
9
- {content}
10
- {:else if isComponent(content)}
11
- <svelte:component this={content} {...props} />
12
- {:else if isSnippet(content)}
13
- {@render content()}
14
- {/if}
@@ -1,24 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import type { ComponentType, Snippet } from "svelte";
3
- declare const __propDef: {
4
- props: {
5
- content: string | ComponentType | Snippet;
6
- props?: Record<string, any> | undefined;
7
- };
8
- events: {
9
- [evt: string]: CustomEvent<any>;
10
- };
11
- slots: {};
12
- };
13
- export type StringOrComponentOrSnippetProps = typeof __propDef.props;
14
- export type StringOrComponentOrSnippetEvents = typeof __propDef.events;
15
- export type StringOrComponentOrSnippetSlots = typeof __propDef.slots;
16
- export default class StringOrComponentOrSnippet extends SvelteComponent<StringOrComponentOrSnippetProps, StringOrComponentOrSnippetEvents, StringOrComponentOrSnippetSlots> {
17
- constructor(options?: import("svelte").ComponentConstructorOptions<{
18
- content: string | ((this: void) => typeof import("svelte").SnippetReturn & {
19
- _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
20
- }) | ComponentType;
21
- props?: Record<string, any> | undefined;
22
- }>);
23
- }
24
- export {};
@@ -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 "default" | "ok" | "alert" | "warn" | "info" | "task";
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;