lutra 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (153) hide show
  1. package/README.md +29 -0
  2. package/dist/Data/Stat.svelte +89 -0
  3. package/dist/Data/Stat.svelte.d.ts +33 -0
  4. package/dist/DataTable/DataTable.svelte +36 -0
  5. package/dist/DataTable/DataTable.svelte.d.ts +19 -0
  6. package/dist/DataTable/DataTableColumn.svelte +20 -0
  7. package/dist/DataTable/DataTableColumn.svelte.d.ts +18 -0
  8. package/dist/DataTable/DataTableRow.svelte +28 -0
  9. package/dist/DataTable/DataTableRow.svelte.d.ts +18 -0
  10. package/dist/Display/Avatar.svelte +61 -0
  11. package/dist/Display/Avatar.svelte.d.ts +18 -0
  12. package/dist/Display/Badge.svelte +93 -0
  13. package/dist/Display/Badge.svelte.d.ts +30 -0
  14. package/dist/Display/Callout.svelte +105 -0
  15. package/dist/Display/Callout.svelte.d.ts +34 -0
  16. package/dist/Display/Code.svelte +195 -0
  17. package/dist/Display/Code.svelte.d.ts +29 -0
  18. package/dist/Display/ContextTip.svelte +23 -0
  19. package/dist/Display/ContextTip.svelte.d.ts +17 -0
  20. package/dist/Display/Details.svelte +49 -0
  21. package/dist/Display/Details.svelte.d.ts +26 -0
  22. package/dist/Display/Hero.svelte +50 -0
  23. package/dist/Display/Hero.svelte.d.ts +25 -0
  24. package/dist/Display/Icon.svelte +35 -0
  25. package/dist/Display/Icon.svelte.d.ts +18 -0
  26. package/dist/Display/IconButton.svelte +85 -0
  27. package/dist/Display/IconButton.svelte.d.ts +28 -0
  28. package/dist/Display/Indicator.svelte +352 -0
  29. package/dist/Display/Indicator.svelte.d.ts +22 -0
  30. package/dist/Display/Popup.svelte +111 -0
  31. package/dist/Display/Popup.svelte.d.ts +26 -0
  32. package/dist/Display/Tag.svelte +90 -0
  33. package/dist/Display/Tag.svelte.d.ts +31 -0
  34. package/dist/Display/Tooltip.svelte +96 -0
  35. package/dist/Display/Tooltip.svelte.d.ts +22 -0
  36. package/dist/Form/Button.svelte +34 -0
  37. package/dist/Form/Button.svelte.d.ts +24 -0
  38. package/dist/Form/FieldActions.svelte +25 -0
  39. package/dist/Form/FieldActions.svelte.d.ts +17 -0
  40. package/dist/Form/FieldContainer.svelte +31 -0
  41. package/dist/Form/FieldContainer.svelte.d.ts +18 -0
  42. package/dist/Form/FieldContent.svelte +78 -0
  43. package/dist/Form/FieldContent.svelte.d.ts +32 -0
  44. package/dist/Form/FieldSection.svelte +97 -0
  45. package/dist/Form/FieldSection.svelte.d.ts +23 -0
  46. package/dist/Form/Fieldset.svelte +63 -0
  47. package/dist/Form/Fieldset.svelte.d.ts +32 -0
  48. package/dist/Form/Form.svelte +19 -0
  49. package/dist/Form/Form.svelte.d.ts +18 -0
  50. package/dist/Form/Input.svelte +266 -0
  51. package/dist/Form/Input.svelte.d.ts +113 -0
  52. package/dist/Form/InputLength.svelte +32 -0
  53. package/dist/Form/InputLength.svelte.d.ts +19 -0
  54. package/dist/Form/Label.svelte +26 -0
  55. package/dist/Form/Label.svelte.d.ts +25 -0
  56. package/dist/Form/Select.svelte +24 -0
  57. package/dist/Form/Select.svelte.d.ts +28 -0
  58. package/dist/Form/form.d.ts +34 -0
  59. package/dist/Form/form.js +31 -0
  60. package/dist/Form/types.d.ts +4 -0
  61. package/dist/Form/types.js +1 -0
  62. package/dist/Grid/Column.svelte +11 -0
  63. package/dist/Grid/Column.svelte.d.ts +17 -0
  64. package/dist/Grid/Grid.svelte +19 -0
  65. package/dist/Grid/Grid.svelte.d.ts +18 -0
  66. package/dist/Grid/Row.svelte +44 -0
  67. package/dist/Grid/Row.svelte.d.ts +19 -0
  68. package/dist/Icons/Alert.svelte +3 -0
  69. package/dist/Icons/Alert.svelte.d.ts +23 -0
  70. package/dist/Icons/Copy.svelte +3 -0
  71. package/dist/Icons/Copy.svelte.d.ts +23 -0
  72. package/dist/Icons/Done.svelte +3 -0
  73. package/dist/Icons/Done.svelte.d.ts +23 -0
  74. package/dist/Icons/Error.svelte +3 -0
  75. package/dist/Icons/Error.svelte.d.ts +23 -0
  76. package/dist/Icons/Help.svelte +3 -0
  77. package/dist/Icons/Help.svelte.d.ts +23 -0
  78. package/dist/Icons/Hide.svelte +3 -0
  79. package/dist/Icons/Hide.svelte.d.ts +23 -0
  80. package/dist/Icons/Info.svelte +3 -0
  81. package/dist/Icons/Info.svelte.d.ts +23 -0
  82. package/dist/Icons/Link.svelte +3 -0
  83. package/dist/Icons/Link.svelte.d.ts +23 -0
  84. package/dist/Icons/Show.svelte +3 -0
  85. package/dist/Icons/Show.svelte.d.ts +23 -0
  86. package/dist/Icons/Success.svelte +3 -0
  87. package/dist/Icons/Success.svelte.d.ts +23 -0
  88. package/dist/Icons/Warning.svelte +3 -0
  89. package/dist/Icons/Warning.svelte.d.ts +23 -0
  90. package/dist/Layout/Layout.svelte +43 -0
  91. package/dist/Layout/Layout.svelte.d.ts +21 -0
  92. package/dist/Layout/LayoutFooter.svelte +21 -0
  93. package/dist/Layout/LayoutFooter.svelte.d.ts +17 -0
  94. package/dist/Layout/LayoutGrid.svelte +51 -0
  95. package/dist/Layout/LayoutGrid.svelte.d.ts +30 -0
  96. package/dist/Layout/LayoutHeader.svelte +94 -0
  97. package/dist/Layout/LayoutHeader.svelte.d.ts +38 -0
  98. package/dist/Layout/LayoutTypes.svelte.d.ts +15 -0
  99. package/dist/Layout/LayoutTypes.svelte.js +9 -0
  100. package/dist/Layout/PageContent.svelte +89 -0
  101. package/dist/Layout/PageContent.svelte.d.ts +23 -0
  102. package/dist/Layout/Theme.svelte +215 -0
  103. package/dist/Layout/Theme.svelte.d.ts +18 -0
  104. package/dist/Layout/UIContent.svelte +15 -0
  105. package/dist/Layout/UIContent.svelte.d.ts +17 -0
  106. package/dist/Navigation/Breadcrumb.svelte +82 -0
  107. package/dist/Navigation/Breadcrumb.svelte.d.ts +29 -0
  108. package/dist/Navigation/Menu.svelte +180 -0
  109. package/dist/Navigation/Menu.svelte.d.ts +18 -0
  110. package/dist/Navigation/MenuTypes.svelte.d.ts +37 -0
  111. package/dist/Navigation/MenuTypes.svelte.js +1 -0
  112. package/dist/Navigation/TabbedContent.svelte +43 -0
  113. package/dist/Navigation/TabbedContent.svelte.d.ts +22 -0
  114. package/dist/Navigation/Tabs.svelte +118 -0
  115. package/dist/Navigation/Tabs.svelte.d.ts +24 -0
  116. package/dist/Pages/LoginPage.svelte +32 -0
  117. package/dist/Pages/LoginPage.svelte.d.ts +14 -0
  118. package/dist/Typography/Clamp.svelte +25 -0
  119. package/dist/Typography/Clamp.svelte.d.ts +23 -0
  120. package/dist/Typography/H.svelte +51 -0
  121. package/dist/Typography/H.svelte.d.ts +25 -0
  122. package/dist/Typography/H1.svelte +14 -0
  123. package/dist/Typography/H1.svelte.d.ts +23 -0
  124. package/dist/Typography/H2.svelte +13 -0
  125. package/dist/Typography/H2.svelte.d.ts +23 -0
  126. package/dist/Typography/H3.svelte +13 -0
  127. package/dist/Typography/H3.svelte.d.ts +23 -0
  128. package/dist/Typography/H4.svelte +13 -0
  129. package/dist/Typography/H4.svelte.d.ts +23 -0
  130. package/dist/Typography/H5.svelte +13 -0
  131. package/dist/Typography/H5.svelte.d.ts +23 -0
  132. package/dist/Typography/H6.svelte +13 -0
  133. package/dist/Typography/H6.svelte.d.ts +23 -0
  134. package/dist/Typography/P.svelte +32 -0
  135. package/dist/Typography/P.svelte.d.ts +23 -0
  136. package/dist/index.d.ts +1 -0
  137. package/dist/index.js +2 -0
  138. package/dist/style.css +787 -0
  139. package/dist/utils/attr.d.ts +5 -0
  140. package/dist/utils/attr.js +21 -0
  141. package/dist/utils/color.d.ts +51 -0
  142. package/dist/utils/color.js +97 -0
  143. package/dist/utils/defaults.d.ts +4 -0
  144. package/dist/utils/defaults.js +1 -0
  145. package/dist/utils/hooks.server.d.ts +2 -0
  146. package/dist/utils/hooks.server.js +16 -0
  147. package/dist/utils/id.d.ts +1 -0
  148. package/dist/utils/id.js +3 -0
  149. package/dist/utils/isSnippet.d.ts +5 -0
  150. package/dist/utils/isSnippet.js +6 -0
  151. package/dist/utils/transitions.d.ts +29 -0
  152. package/dist/utils/transitions.js +66 -0
  153. package/package.json +58 -0
@@ -0,0 +1,18 @@
1
+ import { SvelteComponent } from "svelte";
2
+ import { type Snippet } from "svelte";
3
+ declare const __propDef: {
4
+ props: {
5
+ children: Snippet;
6
+ fullWidth?: boolean | undefined;
7
+ };
8
+ events: {
9
+ [evt: string]: CustomEvent<any>;
10
+ };
11
+ slots: {};
12
+ };
13
+ export type GridProps = typeof __propDef.props;
14
+ export type GridEvents = typeof __propDef.events;
15
+ export type GridSlots = typeof __propDef.slots;
16
+ export default class Grid extends SvelteComponent<GridProps, GridEvents, GridSlots> {
17
+ }
18
+ export {};
@@ -0,0 +1,44 @@
1
+ <script>import { setContext } from "svelte";
2
+ let {
3
+ children,
4
+ span = 12
5
+ } = $props();
6
+ function getSpan(span2, index) {
7
+ if (Array.isArray(span2)) {
8
+ return span2[index] || span2[span2.length - 1];
9
+ } else if (typeof span2 === "string") {
10
+ return span2;
11
+ } else {
12
+ return span2;
13
+ }
14
+ }
15
+ const sm = $derived(getSpan(span, 0));
16
+ const md = $derived(getSpan(span, 1));
17
+ const lg = $derived(getSpan(span, 2));
18
+ const xl = $derived(getSpan(span, 3));
19
+ </script>
20
+
21
+ <div class="Row" style="--span-sm={sm} --span-md={md} --span-lg={lg} --span-xl={xl}">
22
+ {@render children()}
23
+ </div>
24
+
25
+ <style>
26
+ .Row {
27
+ grid-column: span var(--span-xl);
28
+ }
29
+ @media (max-inline-size: 1024px) {
30
+ .Row {
31
+ grid-column: span var(--span-lg);
32
+ }
33
+ }
34
+ @media (max-inline-size: 768px) {
35
+ .Row {
36
+ grid-column: span var(--span-md);
37
+ }
38
+ }
39
+ @media (max-inline-size: 320px) {
40
+ .Row {
41
+ grid-column: span var(--span-sm);
42
+ }
43
+ }
44
+ </style>
@@ -0,0 +1,19 @@
1
+ import { SvelteComponent } from "svelte";
2
+ import { type Snippet } from "svelte";
3
+ declare const __propDef: {
4
+ props: {
5
+ children: Snippet;
6
+ /** The number of columns to span. Pass in a number between 1 and 12, or a string with a fraction. To define a span for different viewport sizes, pass in an array of numbers or strings in the order: `small`, `medium`, `large`, `xlarge`. If the array is shorter than 4, the remaining values will be set to the last value. */
7
+ span?: string | number | [number, number, number, number] | undefined;
8
+ };
9
+ events: {
10
+ [evt: string]: CustomEvent<any>;
11
+ };
12
+ slots: {};
13
+ };
14
+ export type RowProps = typeof __propDef.props;
15
+ export type RowEvents = typeof __propDef.events;
16
+ export type RowSlots = typeof __propDef.slots;
17
+ export default class Row extends SvelteComponent<RowProps, RowEvents, RowSlots> {
18
+ }
19
+ export {};
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16" height="16" viewBox="0,0,256,256">
2
+ <g fill="currentColor" transform="translate(7.98665,7.9375) scale(16,16)"><path d="M7.5,1.00781c-0.54297,0 -1.08594,0.25781 -1.39453,0.77344l-5.87891,9.82422c-0.625,1.03906 0.17578,2.39453 1.39063,2.39453h11.76172c1.21875,0 2.01953,-1.35547 1.39844,-2.39453l-5.88281,-9.82422c-0.30859,-0.51562 -0.85156,-0.77344 -1.39453,-0.77344zM7.5,1.99219c0.20703,0 0.41406,0.10156 0.53906,0.30469l5.87891,9.82031c0.24609,0.41016 -0.02734,0.88281 -0.53906,0.88281h-11.76172c-0.50781,0 -0.78125,-0.47266 -0.53516,-0.88281l5.87891,-9.82031c0.125,-0.20312 0.33203,-0.30469 0.53906,-0.30469zM6.99219,5v5h1v-5zM6.99219,11v1h1v-1z"></path></g>
3
+ </svg>
@@ -0,0 +1,23 @@
1
+ /** @typedef {typeof __propDef.props} AlertProps */
2
+ /** @typedef {typeof __propDef.events} AlertEvents */
3
+ /** @typedef {typeof __propDef.slots} AlertSlots */
4
+ export default class Alert extends SvelteComponent<{
5
+ [x: string]: never;
6
+ }, {
7
+ [evt: string]: CustomEvent<any>;
8
+ }, {}> {
9
+ }
10
+ export type AlertProps = typeof __propDef.props;
11
+ export type AlertEvents = typeof __propDef.events;
12
+ export type AlertSlots = typeof __propDef.slots;
13
+ import { SvelteComponent } from "svelte";
14
+ declare const __propDef: {
15
+ props: {
16
+ [x: string]: never;
17
+ };
18
+ events: {
19
+ [evt: string]: CustomEvent<any>;
20
+ };
21
+ slots: {};
22
+ };
23
+ export {};
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16" height="16" viewBox="0 0 16 16">
2
+ <path fill="currentColor" d="M 2.5 1 C 1.675781 1 1 1.675781 1 2.5 L 1 10.5 C 1 11.324219 1.675781 12 2.5 12 L 4 12 L 4 12.5 C 4 13.324219 4.675781 14 5.5 14 L 13.5 14 C 14.324219 14 15 13.324219 15 12.5 L 15 4.5 C 15 3.675781 14.324219 3 13.5 3 L 12 3 L 12 2.5 C 12 1.675781 11.324219 1 10.5 1 Z M 2.5 2 L 10.5 2 C 10.78125 2 11 2.21875 11 2.5 L 11 10.5 C 11 10.78125 10.78125 11 10.5 11 L 2.5 11 C 2.21875 11 2 10.78125 2 10.5 L 2 2.5 C 2 2.21875 2.21875 2 2.5 2 Z M 12 4 L 13.5 4 C 13.78125 4 14 4.21875 14 4.5 L 14 12.5 C 14 12.78125 13.78125 13 13.5 13 L 5.5 13 C 5.21875 13 5 12.78125 5 12.5 L 5 12 L 10.5 12 C 11.324219 12 12 11.324219 12 10.5 Z"></path>
3
+ </svg>
@@ -0,0 +1,23 @@
1
+ /** @typedef {typeof __propDef.props} CopyProps */
2
+ /** @typedef {typeof __propDef.events} CopyEvents */
3
+ /** @typedef {typeof __propDef.slots} CopySlots */
4
+ export default class Copy extends SvelteComponent<{
5
+ [x: string]: never;
6
+ }, {
7
+ [evt: string]: CustomEvent<any>;
8
+ }, {}> {
9
+ }
10
+ export type CopyProps = typeof __propDef.props;
11
+ export type CopyEvents = typeof __propDef.events;
12
+ export type CopySlots = typeof __propDef.slots;
13
+ import { SvelteComponent } from "svelte";
14
+ declare const __propDef: {
15
+ props: {
16
+ [x: string]: never;
17
+ };
18
+ events: {
19
+ [evt: string]: CustomEvent<any>;
20
+ };
21
+ slots: {};
22
+ };
23
+ export {};
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16" height="16" viewBox="0 0 16 16">
2
+ <path fill="currentColor" d="M 14.5 2.792969 L 5.5 11.792969 L 1.851563 8.148438 L 1.5 7.792969 L 0.792969 8.5 L 1.148438 8.851563 L 5.5 13.207031 L 15.207031 3.5 Z"></path>
3
+ </svg>
@@ -0,0 +1,23 @@
1
+ /** @typedef {typeof __propDef.props} DoneProps */
2
+ /** @typedef {typeof __propDef.events} DoneEvents */
3
+ /** @typedef {typeof __propDef.slots} DoneSlots */
4
+ export default class Done extends SvelteComponent<{
5
+ [x: string]: never;
6
+ }, {
7
+ [evt: string]: CustomEvent<any>;
8
+ }, {}> {
9
+ }
10
+ export type DoneProps = typeof __propDef.props;
11
+ export type DoneEvents = typeof __propDef.events;
12
+ export type DoneSlots = typeof __propDef.slots;
13
+ import { SvelteComponent } from "svelte";
14
+ declare const __propDef: {
15
+ props: {
16
+ [x: string]: never;
17
+ };
18
+ events: {
19
+ [evt: string]: CustomEvent<any>;
20
+ };
21
+ slots: {};
22
+ };
23
+ export {};
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16" height="16" viewBox="0,0,256,256">
2
+ <g fill="currentColor" transform="translate(8,8) scale(16,16)"><path d="M7.5,1c-3.58203,0 -6.5,2.91797 -6.5,6.5c0,3.58203 2.91797,6.5 6.5,6.5c3.58203,0 6.5,-2.91797 6.5,-6.5c0,-3.58203 -2.91797,-6.5 -6.5,-6.5zM7.5,2c3.04297,0 5.5,2.45703 5.5,5.5c0,3.04297 -2.45703,5.5 -5.5,5.5c-3.04297,0 -5.5,-2.45703 -5.5,-5.5c0,-3.04297 2.45703,-5.5 5.5,-5.5zM5.5,4.79297l-0.70703,0.70703l0.35547,0.35156l1.64453,1.64844l-1.64453,1.64844l-0.35547,0.35156l0.70703,0.70703l0.35156,-0.35547l1.64844,-1.64453l1.64844,1.64453l0.35156,0.35547l0.70703,-0.70703l-0.35547,-0.35156l-1.64453,-1.64844l1.64453,-1.64844l0.35547,-0.35156l-0.70703,-0.70703l-0.35156,0.35547l-1.64844,1.64453l-1.64844,-1.64453z"></path></g>
3
+ </svg>
@@ -0,0 +1,23 @@
1
+ /** @typedef {typeof __propDef.props} ErrorProps */
2
+ /** @typedef {typeof __propDef.events} ErrorEvents */
3
+ /** @typedef {typeof __propDef.slots} ErrorSlots */
4
+ export default class Error extends SvelteComponent<{
5
+ [x: string]: never;
6
+ }, {
7
+ [evt: string]: CustomEvent<any>;
8
+ }, {}> {
9
+ }
10
+ export type ErrorProps = typeof __propDef.props;
11
+ export type ErrorEvents = typeof __propDef.events;
12
+ export type ErrorSlots = typeof __propDef.slots;
13
+ import { SvelteComponent } from "svelte";
14
+ declare const __propDef: {
15
+ props: {
16
+ [x: string]: never;
17
+ };
18
+ events: {
19
+ [evt: string]: CustomEvent<any>;
20
+ };
21
+ slots: {};
22
+ };
23
+ export {};
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16" height="16" viewBox="0,0,256,256">
2
+ <g fill="currentColor" transform="translate(8,8) scale(16,16)"><path d="M7.5,1c-3.58203,0 -6.5,2.91797 -6.5,6.5c0,3.58203 2.91797,6.5 6.5,6.5c3.58203,0 6.5,-2.91797 6.5,-6.5c0,-3.58203 -2.91797,-6.5 -6.5,-6.5zM7.5,2c3.04297,0 5.5,2.45703 5.5,5.5c0,3.04297 -2.45703,5.5 -5.5,5.5c-3.04297,0 -5.5,-2.45703 -5.5,-5.5c0,-3.04297 2.45703,-5.5 5.5,-5.5zM7.55859,4c-1.21094,0.07031 -2.19922,1.08594 -2.19922,2.32031h1c0,-0.8125 0.70313,-1.44922 1.5625,-1.30078c0.61328,0.10547 1.09766,0.70703 1.07813,1.33984c-0.01562,0.55469 -0.33984,0.90625 -0.81641,1.11719c-0.29687,0.13281 -0.57812,0.25781 -0.81641,0.50781c-0.23828,0.25 -0.36719,0.62109 -0.36719,1.01563h1c0,-0.22656 0.03125,-0.26172 0.09375,-0.32812c0.05859,-0.0625 0.22266,-0.16016 0.49219,-0.28125c0.74609,-0.32422 1.38672,-1.03906 1.41406,-2c0.03516,-1.13672 -0.78125,-2.16406 -1.91016,-2.35937c-0.17969,-0.02734 -0.35937,-0.03906 -0.53125,-0.03125zM7,10v1h1v-1z"></path></g>
3
+ </svg>
@@ -0,0 +1,23 @@
1
+ /** @typedef {typeof __propDef.props} HelpProps */
2
+ /** @typedef {typeof __propDef.events} HelpEvents */
3
+ /** @typedef {typeof __propDef.slots} HelpSlots */
4
+ export default class Help extends SvelteComponent<{
5
+ [x: string]: never;
6
+ }, {
7
+ [evt: string]: CustomEvent<any>;
8
+ }, {}> {
9
+ }
10
+ export type HelpProps = typeof __propDef.props;
11
+ export type HelpEvents = typeof __propDef.events;
12
+ export type HelpSlots = typeof __propDef.slots;
13
+ import { SvelteComponent } from "svelte";
14
+ declare const __propDef: {
15
+ props: {
16
+ [x: string]: never;
17
+ };
18
+ events: {
19
+ [evt: string]: CustomEvent<any>;
20
+ };
21
+ slots: {};
22
+ };
23
+ export {};
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16" height="16" viewBox="0,0,256,256">
2
+ <g fill="currentColor" transform="translate(8,8) scale(16,16)"><path d="M1.72656,1.02344l-0.70312,0.70313l2.30078,2.30469c-2.22656,1.23047 -3.10547,3.15234 -3.15625,3.26953l-0.08594,0.19922l0.08594,0.19922c0.07422,0.17578 1.93359,4.30078 7.33203,4.30078c0.18359,0 0.34766,-0.02344 0.52344,-0.03125c0.00391,0 0.00781,0 0.00781,0c1.02734,-0.05859 1.92188,-0.25 2.68359,-0.54687l2.55469,2.55859l0.71094,-0.71094l-2.29687,-2.29297l-0.68359,-0.68359l-0.0625,-0.05859l-2.08594,-2.09375l-1.99219,-1.99219l-1.44531,-1.44141l-0.34375,-0.34375l-0.78906,-0.78516zM7.5,3c-0.55469,0 -1.05859,0.05469 -1.53906,0.13281l0.92969,0.92969c0.19922,-0.03516 0.39844,-0.0625 0.60938,-0.0625c1.92969,0 3.5,1.57031 3.5,3.5c0,0.21094 -0.02734,0.41016 -0.0625,0.60938l0.8125,0.8125c0.14844,-0.44922 0.25,-0.92187 0.25,-1.42187c0,-0.98437 -0.32812,-1.89062 -0.86719,-2.63281c1.60938,0.86719 2.41797,2.14063 2.68359,2.63281c-0.19531,0.36328 -0.69531,1.16016 -1.58984,1.89844l0.71094,0.71094c1.30469,-1.11328 1.85547,-2.31641 1.89453,-2.41016l0.08984,-0.19922l-0.08984,-0.19922c-0.07422,-0.17578 -1.93359,-4.30078 -7.33203,-4.30078zM3.86719,4.88281c-0.53906,0.73828 -0.86719,1.63672 -0.86719,2.61719c0,0.98438 0.32813,1.89063 0.86719,2.62891c-1.60937,-0.86328 -2.41797,-2.13672 -2.68359,-2.62891c0.26563,-0.49219 1.08203,-1.75 2.68359,-2.61719zM4.71875,5.42188l1.4375,1.44531c-0.08984,0.19141 -0.15625,0.40234 -0.15625,0.63281c0,0.82813 0.67188,1.5 1.5,1.5c0.23047,0 0.44141,-0.06641 0.63281,-0.15625l1.44531,1.4375c-0.58203,0.44141 -1.29297,0.71875 -2.07812,0.71875c-1.92969,0 -3.5,-1.57031 -3.5,-3.5c0,-0.78516 0.27734,-1.49609 0.71875,-2.07812z"></path></g>
3
+ </svg>
@@ -0,0 +1,23 @@
1
+ /** @typedef {typeof __propDef.props} HideProps */
2
+ /** @typedef {typeof __propDef.events} HideEvents */
3
+ /** @typedef {typeof __propDef.slots} HideSlots */
4
+ export default class Hide extends SvelteComponent<{
5
+ [x: string]: never;
6
+ }, {
7
+ [evt: string]: CustomEvent<any>;
8
+ }, {}> {
9
+ }
10
+ export type HideProps = typeof __propDef.props;
11
+ export type HideEvents = typeof __propDef.events;
12
+ export type HideSlots = typeof __propDef.slots;
13
+ import { SvelteComponent } from "svelte";
14
+ declare const __propDef: {
15
+ props: {
16
+ [x: string]: never;
17
+ };
18
+ events: {
19
+ [evt: string]: CustomEvent<any>;
20
+ };
21
+ slots: {};
22
+ };
23
+ export {};
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16" height="16" viewBox="0,0,256,256">
2
+ <g fill="currentColor" transform="translate(8,8) scale(16,16)"><path d="M7.5,1c-3.58203,0 -6.5,2.91797 -6.5,6.5c0,3.58203 2.91797,6.5 6.5,6.5c3.58203,0 6.5,-2.91797 6.5,-6.5c0,-3.58203 -2.91797,-6.5 -6.5,-6.5zM7.5,2c3.04297,0 5.5,2.45703 5.5,5.5c0,3.04297 -2.45703,5.5 -5.5,5.5c-3.04297,0 -5.5,-2.45703 -5.5,-5.5c0,-3.04297 2.45703,-5.5 5.5,-5.5zM7,4v1h1v-1zM7,6v5h1v-5z"></path></g>
3
+ </svg>
@@ -0,0 +1,23 @@
1
+ /** @typedef {typeof __propDef.props} InfoProps */
2
+ /** @typedef {typeof __propDef.events} InfoEvents */
3
+ /** @typedef {typeof __propDef.slots} InfoSlots */
4
+ export default class Info extends SvelteComponent<{
5
+ [x: string]: never;
6
+ }, {
7
+ [evt: string]: CustomEvent<any>;
8
+ }, {}> {
9
+ }
10
+ export type InfoProps = typeof __propDef.props;
11
+ export type InfoEvents = typeof __propDef.events;
12
+ export type InfoSlots = typeof __propDef.slots;
13
+ import { SvelteComponent } from "svelte";
14
+ declare const __propDef: {
15
+ props: {
16
+ [x: string]: never;
17
+ };
18
+ events: {
19
+ [evt: string]: CustomEvent<any>;
20
+ };
21
+ slots: {};
22
+ };
23
+ export {};
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16" height="16" viewBox="0 0 16 16">
2
+ <path fill="currentColor" d="M 11.378906 1 C 10.683594 1 10.027344 1.273438 9.539063 1.765625 L 7.730469 3.570313 C 7.082031 4.21875 6.851563 5.128906 7.039063 5.972656 L 8.039063 4.976563 C 8.109375 4.71875 8.238281 4.476563 8.4375 4.277344 L 10.246094 2.46875 C 10.550781 2.167969 10.953125 2 11.378906 2 C 11.808594 2 12.210938 2.167969 12.53125 2.488281 C 12.835938 2.792969 13.003906 3.195313 13.003906 3.625 C 13.003906 4.050781 12.835938 4.457031 12.53125 4.757813 L 10.726563 6.566406 C 10.535156 6.757813 10.292969 6.886719 10.039063 6.957031 L 9.027344 7.96875 C 9.210938 8.011719 9.398438 8.035156 9.59375 8.035156 C 10.289063 8.035156 10.941406 7.765625 11.433594 7.273438 L 13.238281 5.46875 C 14.253906 4.449219 14.257813 2.796875 13.222656 1.765625 C 12.730469 1.273438 12.078125 1 11.378906 1 Z M 9.492188 4.996094 C 9.363281 5 9.242188 5.054688 9.148438 5.148438 L 5.148438 9.148438 C 4.953125 9.339844 4.953125 9.660156 5.148438 9.855469 C 5.34375 10.050781 5.660156 10.050781 5.859375 9.855469 L 9.859375 5.855469 C 10.007813 5.710938 10.050781 5.492188 9.96875 5.300781 C 9.890625 5.109375 9.699219 4.988281 9.492188 4.996094 Z M 5.414063 6.964844 C 4.71875 6.964844 4.066406 7.234375 3.574219 7.726563 L 1.765625 9.535156 C 0.75 10.550781 0.75 12.203125 1.785156 13.238281 C 2.292969 13.746094 2.960938 14 3.625 14 C 4.292969 14 4.960938 13.746094 5.46875 13.238281 L 7.273438 11.433594 C 7.925781 10.78125 8.15625 9.871094 7.96875 9.03125 L 6.96875 10.027344 C 6.898438 10.28125 6.769531 10.523438 6.570313 10.722656 L 4.761719 12.53125 C 4.136719 13.15625 3.113281 13.15625 2.472656 12.511719 C 2.167969 12.207031 2.003906 11.804688 2.003906 11.375 C 2.003906 10.949219 2.167969 10.546875 2.472656 10.242188 L 4.28125 8.433594 C 4.476563 8.238281 4.71875 8.105469 4.976563 8.03125 L 5.980469 7.03125 C 5.796875 6.992188 5.609375 6.964844 5.414063 6.964844 Z"></path>
3
+ </svg>
@@ -0,0 +1,23 @@
1
+ /** @typedef {typeof __propDef.props} LinkProps */
2
+ /** @typedef {typeof __propDef.events} LinkEvents */
3
+ /** @typedef {typeof __propDef.slots} LinkSlots */
4
+ export default class Link extends SvelteComponent<{
5
+ [x: string]: never;
6
+ }, {
7
+ [evt: string]: CustomEvent<any>;
8
+ }, {}> {
9
+ }
10
+ export type LinkProps = typeof __propDef.props;
11
+ export type LinkEvents = typeof __propDef.events;
12
+ export type LinkSlots = typeof __propDef.slots;
13
+ import { SvelteComponent } from "svelte";
14
+ declare const __propDef: {
15
+ props: {
16
+ [x: string]: never;
17
+ };
18
+ events: {
19
+ [evt: string]: CustomEvent<any>;
20
+ };
21
+ slots: {};
22
+ };
23
+ export {};
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16" height="16" viewBox="0,0,256,256">
2
+ <g fill="currentColor" transform="translate(8.03125,-8) scale(16,16)"><path d="M7.5,4c-5.39453,0 -7.45312,4.28906 -7.45312,4.28906l-0.10156,0.21094l0.10156,0.21094c0,0 2.05859,4.28906 7.45313,4.28906c5.39453,0 7.45313,-4.28906 7.45313,-4.28906l0.09766,-0.21094l-0.09766,-0.21094c0,0 -2.05859,-4.28906 -7.45312,-4.28906zM7.5,5c1.9375,0 3.5,1.5625 3.5,3.5c0,1.9375 -1.5625,3.5 -3.5,3.5c-1.9375,0 -3.5,-1.5625 -3.5,-3.5c0,-1.9375 1.5625,-3.5 3.5,-3.5zM3.94141,5.77734c-0.58203,0.75781 -0.94141,1.69531 -0.94141,2.72266c0,1.02734 0.35938,1.96484 0.94141,2.72266c-1.91797,-0.95312 -2.69922,-2.46875 -2.82422,-2.72266c0.125,-0.25391 0.90625,-1.76953 2.82422,-2.72266zM11.05859,5.77734c1.91797,0.95313 2.69922,2.46875 2.82422,2.72266c-0.125,0.25391 -0.90625,1.76953 -2.82422,2.72266c0.58203,-0.75781 0.94141,-1.69531 0.94141,-2.72266c0,-1.02734 -0.35937,-1.96484 -0.94141,-2.72266zM7.5,7c-0.82812,0 -1.5,0.67188 -1.5,1.5c0,0.82813 0.67188,1.5 1.5,1.5c0.82813,0 1.5,-0.67187 1.5,-1.5c0,-0.82812 -0.67187,-1.5 -1.5,-1.5z"></path></g>
3
+ </svg>
@@ -0,0 +1,23 @@
1
+ /** @typedef {typeof __propDef.props} ShowProps */
2
+ /** @typedef {typeof __propDef.events} ShowEvents */
3
+ /** @typedef {typeof __propDef.slots} ShowSlots */
4
+ export default class Show extends SvelteComponent<{
5
+ [x: string]: never;
6
+ }, {
7
+ [evt: string]: CustomEvent<any>;
8
+ }, {}> {
9
+ }
10
+ export type ShowProps = typeof __propDef.props;
11
+ export type ShowEvents = typeof __propDef.events;
12
+ export type ShowSlots = typeof __propDef.slots;
13
+ import { SvelteComponent } from "svelte";
14
+ declare const __propDef: {
15
+ props: {
16
+ [x: string]: never;
17
+ };
18
+ events: {
19
+ [evt: string]: CustomEvent<any>;
20
+ };
21
+ slots: {};
22
+ };
23
+ export {};
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16" height="16" viewBox="0,0,256,256">
2
+ <g fill="currentColor" transform="translate(8,8) scale(16,16)"><path d="M7.5,1c-3.58203,0 -6.5,2.91797 -6.5,6.5c0,3.58203 2.91797,6.5 6.5,6.5c3.58203,0 6.5,-2.91797 6.5,-6.5c0,-3.58203 -2.91797,-6.5 -6.5,-6.5zM7.5,2c3.04297,0 5.5,2.45703 5.5,5.5c0,3.04297 -2.45703,5.5 -5.5,5.5c-3.04297,0 -5.5,-2.45703 -5.5,-5.5c0,-3.04297 2.45703,-5.5 5.5,-5.5zM10.14453,5.14844l-3.64453,3.64453l-1.64844,-1.64453l-0.70312,0.70313l2.35156,2.35547l4.35547,-4.35547z"></path></g>
3
+ </svg>
@@ -0,0 +1,23 @@
1
+ /** @typedef {typeof __propDef.props} SuccessProps */
2
+ /** @typedef {typeof __propDef.events} SuccessEvents */
3
+ /** @typedef {typeof __propDef.slots} SuccessSlots */
4
+ export default class Success extends SvelteComponent<{
5
+ [x: string]: never;
6
+ }, {
7
+ [evt: string]: CustomEvent<any>;
8
+ }, {}> {
9
+ }
10
+ export type SuccessProps = typeof __propDef.props;
11
+ export type SuccessEvents = typeof __propDef.events;
12
+ export type SuccessSlots = typeof __propDef.slots;
13
+ import { SvelteComponent } from "svelte";
14
+ declare const __propDef: {
15
+ props: {
16
+ [x: string]: never;
17
+ };
18
+ events: {
19
+ [evt: string]: CustomEvent<any>;
20
+ };
21
+ slots: {};
22
+ };
23
+ export {};
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16" height="16" viewBox="0,0,256,256">
2
+ <g fill="currentColor" transform="translate(8,8) scale(16,16)"><path d="M7.5,1c-3.58203,0 -6.5,2.91797 -6.5,6.5c0,3.58203 2.91797,6.5 6.5,6.5c3.58203,0 6.5,-2.91797 6.5,-6.5c0,-3.58203 -2.91797,-6.5 -6.5,-6.5zM7.5,2c3.04297,0 5.5,2.45703 5.5,5.5c0,3.04297 -2.45703,5.5 -5.5,5.5c-3.04297,0 -5.5,-2.45703 -5.5,-5.5c0,-3.04297 2.45703,-5.5 5.5,-5.5zM7,4v5h1v-5zM7,10v1h1v-1z"></path></g>
3
+ </svg>
@@ -0,0 +1,23 @@
1
+ /** @typedef {typeof __propDef.props} WarningProps */
2
+ /** @typedef {typeof __propDef.events} WarningEvents */
3
+ /** @typedef {typeof __propDef.slots} WarningSlots */
4
+ export default class Warning extends SvelteComponent<{
5
+ [x: string]: never;
6
+ }, {
7
+ [evt: string]: CustomEvent<any>;
8
+ }, {}> {
9
+ }
10
+ export type WarningProps = typeof __propDef.props;
11
+ export type WarningEvents = typeof __propDef.events;
12
+ export type WarningSlots = typeof __propDef.slots;
13
+ import { SvelteComponent } from "svelte";
14
+ declare const __propDef: {
15
+ props: {
16
+ [x: string]: never;
17
+ };
18
+ events: {
19
+ [evt: string]: CustomEvent<any>;
20
+ };
21
+ slots: {};
22
+ };
23
+ export {};
@@ -0,0 +1,43 @@
1
+ <script>import "../style.css";
2
+ import Theme from "./Theme.svelte";
3
+ let {
4
+ theme,
5
+ children
6
+ } = $props();
7
+ </script>
8
+
9
+ <!-- This is an SVG filter that makes text black or white based on the luminance of the background. -->
10
+ <svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="0" style="position:absolute; height:0; width:0; display: contents;">
11
+ <defs>
12
+ <filter id="bwFilter" color-interpolation-filters="sRGB">
13
+ <!-- Convert to grayscale based on luminance -->
14
+ <feColorMatrix type="matrix"
15
+ values="0.2126 0.7152 0.0722 0 0
16
+ 0.2126 0.7152 0.0722 0 0
17
+ 0.2126 0.7152 0.0722 0 0
18
+ 0 0 0 1 0"/>
19
+ <!-- Expand edges slightly to clean up any fringing -->
20
+ <feMorphology operator="dilate" radius="2"/>
21
+ <!-- Apply the threshold to determine if the color should be black or white -->
22
+ <feComponentTransfer>
23
+ <feFuncR type="linear" slope="-255" intercept="128"/>
24
+ <feFuncG type="linear" slope="-255" intercept="128"/>
25
+ <feFuncB type="linear" slope="-255" intercept="128"/>
26
+ </feComponentTransfer>
27
+ <!-- Composite step to clean up the result -->
28
+ <feComposite operator="in" in2="SourceGraphic"/>
29
+ </filter>
30
+ </defs>
31
+ </svg>
32
+
33
+ <div class="Layout">
34
+ <Theme theme={theme}>
35
+ {@render children()}
36
+ </Theme>
37
+ </div>
38
+
39
+ <style>
40
+ .Layout {
41
+ display: contents;
42
+ }
43
+ </style>
@@ -0,0 +1,21 @@
1
+ import { SvelteComponent } from "svelte";
2
+ import type { Snippet } from "svelte";
3
+ import "../style.css";
4
+ declare const __propDef: {
5
+ props: {
6
+ /** The theme to use for the layout. Leave empty to detect automatically or get from user preferences, if any exist. */
7
+ theme?: 'light' | 'dark' | undefined;
8
+ /** The content to display. */
9
+ children: Snippet;
10
+ };
11
+ events: {
12
+ [evt: string]: CustomEvent<any>;
13
+ };
14
+ slots: {};
15
+ };
16
+ export type LayoutProps = typeof __propDef.props;
17
+ export type LayoutEvents = typeof __propDef.events;
18
+ export type LayoutSlots = typeof __propDef.slots;
19
+ export default class Layout extends SvelteComponent<LayoutProps, LayoutEvents, LayoutSlots> {
20
+ }
21
+ export {};
@@ -0,0 +1,21 @@
1
+ <script>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>
@@ -0,0 +1,17 @@
1
+ import { SvelteComponent } from "svelte";
2
+ declare const __propDef: {
3
+ props: {
4
+ /** The copyright text to display. */
5
+ copyright?: string | undefined;
6
+ };
7
+ events: {
8
+ [evt: string]: CustomEvent<any>;
9
+ };
10
+ slots: {};
11
+ };
12
+ export type LayoutFooterProps = typeof __propDef.props;
13
+ export type LayoutFooterEvents = typeof __propDef.events;
14
+ export type LayoutFooterSlots = typeof __propDef.slots;
15
+ export default class LayoutFooter extends SvelteComponent<LayoutFooterProps, LayoutFooterEvents, LayoutFooterSlots> {
16
+ }
17
+ export {};
@@ -0,0 +1,51 @@
1
+ <script>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>
@@ -0,0 +1,30 @@
1
+ import { SvelteComponent } from "svelte";
2
+ import { type Snippet } from "svelte";
3
+ declare const __propDef: {
4
+ props: {
5
+ /** The header of the grid. */
6
+ header?: ((this: void) => typeof import("svelte").SnippetReturn & {
7
+ _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
8
+ }) | undefined;
9
+ /** The footer of the grid. */
10
+ footer?: ((this: void) => typeof import("svelte").SnippetReturn & {
11
+ _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
12
+ }) | undefined;
13
+ /** Add a subtle border to the header and footer. */
14
+ border?: boolean | undefined;
15
+ /** Make the header sticky. */
16
+ sticky?: boolean | undefined;
17
+ /** The main content of the grid. */
18
+ children: Snippet;
19
+ };
20
+ events: {
21
+ [evt: string]: CustomEvent<any>;
22
+ };
23
+ slots: {};
24
+ };
25
+ export type LayoutGridProps = typeof __propDef.props;
26
+ export type LayoutGridEvents = typeof __propDef.events;
27
+ export type LayoutGridSlots = typeof __propDef.slots;
28
+ export default class LayoutGrid extends SvelteComponent<LayoutGridProps, LayoutGridEvents, LayoutGridSlots> {
29
+ }
30
+ export {};