@dvcol/neo-svelte 0.1.2 → 0.1.4

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 (152) hide show
  1. package/CHANGELOG.md +83 -0
  2. package/README.md +25 -26
  3. package/dist/buttons/NeoButton.svelte +140 -128
  4. package/dist/buttons/NeoButtonGroup.svelte +99 -108
  5. package/dist/buttons/neo-button-group.model.d.ts +18 -19
  6. package/dist/buttons/neo-button.model.d.ts +6 -10
  7. package/dist/cards/NeoCard.svelte +176 -73
  8. package/dist/cards/NeoCard.svelte.d.ts +1 -1
  9. package/dist/cards/neo-card.model.d.ts +29 -1
  10. package/dist/containers/NeoTransitionContainer.svelte +13 -2
  11. package/dist/containers/neo-transition-container.model.d.ts +9 -1
  12. package/dist/divider/NeoDivider.svelte +11 -11
  13. package/dist/icons/IconAccount.svelte +10 -2
  14. package/dist/icons/IconAdd.svelte +10 -2
  15. package/dist/icons/IconAlert.svelte +2 -2
  16. package/dist/icons/IconCalendar.svelte +23 -0
  17. package/dist/icons/IconCalendar.svelte.d.ts +26 -0
  18. package/dist/icons/IconCheckbox.svelte +87 -0
  19. package/dist/icons/IconCheckbox.svelte.d.ts +55 -0
  20. package/dist/icons/IconCircleLoading.svelte +2 -2
  21. package/dist/icons/IconClear.svelte +10 -2
  22. package/dist/icons/IconClose.svelte +2 -2
  23. package/dist/icons/IconConfirm.svelte +2 -2
  24. package/dist/icons/IconDownload.svelte +17 -0
  25. package/dist/icons/IconDownload.svelte.d.ts +26 -0
  26. package/dist/icons/IconEmpty.svelte +2 -2
  27. package/dist/icons/IconFileUpload.svelte +2 -2
  28. package/dist/icons/IconGithub.svelte +2 -2
  29. package/dist/icons/IconImage.svelte +2 -2
  30. package/dist/icons/IconMinus.svelte +2 -2
  31. package/dist/icons/IconMoon.svelte +2 -2
  32. package/dist/icons/IconPaint.svelte +19 -0
  33. package/dist/icons/{IconSunrise.svelte.d.ts → IconPaint.svelte.d.ts} +3 -3
  34. package/dist/icons/IconPencil.svelte +13 -0
  35. package/dist/icons/IconPencil.svelte.d.ts +26 -0
  36. package/dist/icons/IconRadio.svelte +14 -0
  37. package/dist/icons/IconRadio.svelte.d.ts +22 -0
  38. package/dist/icons/IconSave.svelte +1 -1
  39. package/dist/icons/IconSave.svelte.d.ts +3 -3
  40. package/dist/icons/IconSaveOff.svelte +1 -1
  41. package/dist/icons/IconSaveOff.svelte.d.ts +3 -3
  42. package/dist/icons/IconSearch.svelte +2 -2
  43. package/dist/icons/IconSun.svelte +3 -3
  44. package/dist/icons/{IconSunrise.svelte → IconSunFull.svelte} +5 -4
  45. package/dist/icons/IconSunFull.svelte.d.ts +26 -0
  46. package/dist/icons/IconVideo.svelte +2 -2
  47. package/dist/icons/IconWatch.svelte +2 -2
  48. package/dist/icons/IconWatchOff.svelte +2 -2
  49. package/dist/inputs/NeoCheckbox.svelte +316 -0
  50. package/dist/inputs/NeoCheckbox.svelte.d.ts +19 -0
  51. package/dist/inputs/NeoColorPicker.svelte +140 -0
  52. package/dist/inputs/NeoColorPicker.svelte.d.ts +19 -0
  53. package/dist/inputs/NeoDateTime.svelte +96 -0
  54. package/dist/inputs/NeoDateTime.svelte.d.ts +19 -0
  55. package/dist/inputs/NeoFilePicker.svelte +528 -0
  56. package/dist/inputs/NeoFilePicker.svelte.d.ts +19 -0
  57. package/dist/inputs/NeoFilePickerCard.svelte +314 -0
  58. package/dist/inputs/NeoFilePickerCard.svelte.d.ts +19 -0
  59. package/dist/inputs/NeoNumberStep.svelte +174 -0
  60. package/dist/inputs/NeoNumberStep.svelte.d.ts +19 -0
  61. package/dist/inputs/NeoPassword.svelte +86 -17
  62. package/dist/inputs/NeoPassword.svelte.d.ts +19 -16
  63. package/dist/inputs/NeoPin.svelte +589 -0
  64. package/dist/inputs/NeoPin.svelte.d.ts +19 -0
  65. package/dist/inputs/NeoRadio.svelte +254 -0
  66. package/dist/inputs/NeoRadio.svelte.d.ts +19 -0
  67. package/dist/inputs/NeoRange.svelte +518 -0
  68. package/dist/inputs/NeoRange.svelte.d.ts +18 -0
  69. package/dist/inputs/NeoSwitch.svelte +373 -0
  70. package/dist/inputs/NeoSwitch.svelte.d.ts +19 -0
  71. package/dist/inputs/NeoTextarea.svelte +335 -301
  72. package/dist/inputs/NeoTextarea.svelte.d.ts +5 -2
  73. package/dist/inputs/common/NeoAffix.svelte +166 -0
  74. package/dist/inputs/common/NeoAffix.svelte.d.ts +19 -0
  75. package/dist/inputs/common/NeoBaseInput.svelte +338 -0
  76. package/dist/inputs/common/NeoBaseInput.svelte.d.ts +30 -0
  77. package/dist/inputs/common/NeoInput.svelte +684 -0
  78. package/dist/inputs/{NeoInput.svelte.d.ts → common/NeoInput.svelte.d.ts} +2 -10
  79. package/dist/inputs/common/NeoInputValidation.svelte +45 -0
  80. package/dist/inputs/common/NeoInputValidation.svelte.d.ts +22 -0
  81. package/dist/inputs/common/NeoLabel.svelte +93 -0
  82. package/dist/inputs/common/NeoLabel.svelte.d.ts +19 -0
  83. package/dist/inputs/{NeoValidation.svelte → common/NeoValidation.svelte} +9 -16
  84. package/dist/inputs/common/NeoValidation.svelte.d.ts +22 -0
  85. package/dist/inputs/common/neo-affix.model.d.ts +32 -0
  86. package/dist/inputs/common/neo-input-validation.model.d.ts +20 -0
  87. package/dist/inputs/common/neo-input-validation.model.js +1 -0
  88. package/dist/inputs/{neo-input.model.d.ts → common/neo-input.model.d.ts} +148 -68
  89. package/dist/inputs/common/neo-label.model.d.ts +36 -0
  90. package/dist/inputs/common/neo-label.model.js +1 -0
  91. package/dist/inputs/common/neo-validation.model.d.ts +70 -0
  92. package/dist/inputs/common/neo-validation.model.js +1 -0
  93. package/dist/inputs/index.d.ts +2 -2
  94. package/dist/inputs/index.js +1 -1
  95. package/dist/inputs/neo-checkbox.model.d.ts +9 -0
  96. package/dist/inputs/neo-checkbox.model.js +1 -0
  97. package/dist/inputs/neo-color-picker.model.d.ts +17 -0
  98. package/dist/inputs/neo-color-picker.model.js +1 -0
  99. package/dist/inputs/neo-date-time.model.d.ts +8 -0
  100. package/dist/inputs/neo-date-time.model.js +1 -0
  101. package/dist/inputs/neo-file-picker.model.d.ts +138 -0
  102. package/dist/inputs/neo-file-picker.model.js +1 -0
  103. package/dist/inputs/neo-number-step.model.d.ts +24 -0
  104. package/dist/inputs/neo-number-step.model.js +1 -0
  105. package/dist/inputs/neo-password.model.d.ts +13 -0
  106. package/dist/inputs/neo-password.model.js +1 -0
  107. package/dist/inputs/neo-pin.model.d.ts +47 -0
  108. package/dist/inputs/neo-pin.model.js +1 -0
  109. package/dist/inputs/neo-radio.model.d.ts +3 -0
  110. package/dist/inputs/neo-radio.model.js +1 -0
  111. package/dist/inputs/neo-switch.model.d.ts +9 -0
  112. package/dist/inputs/neo-switch.model.js +1 -0
  113. package/dist/nav/NeoTab.svelte +29 -25
  114. package/dist/nav/NeoTabPanel.svelte +1 -1
  115. package/dist/nav/NeoTabs.svelte +51 -44
  116. package/dist/nav/NeoTabsCard.svelte +8 -10
  117. package/dist/nav/neo-tabs-context.svelte.d.ts +2 -11
  118. package/dist/nav/neo-tabs-context.svelte.js +1 -41
  119. package/dist/nav/neo-tabs.model.d.ts +6 -0
  120. package/dist/providers/NeoThemeProvider.svelte +417 -305
  121. package/dist/providers/NeoThemeSelector.svelte +10 -10
  122. package/dist/providers/neo-theme-provider-context.svelte.js +16 -15
  123. package/dist/providers/neo-theme-provider.model.d.ts +6 -6
  124. package/dist/providers/neo-theme-provider.model.js +17 -12
  125. package/dist/providers/neo-theme-selector.model.d.ts +2 -2
  126. package/dist/skeletons/NeoSkeletonMedia.svelte +4 -4
  127. package/dist/skeletons/NeoSkeletonText.svelte +12 -12
  128. package/dist/styles/common/colors.scss +85 -97
  129. package/dist/styles/common/filters.scss +17 -0
  130. package/dist/styles/common/shadows.scss +531 -293
  131. package/dist/styles/common/spacing.scss +7 -3
  132. package/dist/styles/common/typography.scss +1 -1
  133. package/dist/styles/common/utils.scss +1 -1
  134. package/dist/styles/common/z-index.scss +1 -1
  135. package/dist/styles/mixin.scss +80 -27
  136. package/dist/styles/reset.scss +8 -1
  137. package/dist/styles/theme.scss +39 -16
  138. package/dist/utils/html-element.utils.d.ts +3 -0
  139. package/dist/utils/regex.utils.d.ts +3 -0
  140. package/dist/utils/regex.utils.js +3 -0
  141. package/dist/utils/shadow.utils.d.ts +30 -3
  142. package/dist/utils/shadow.utils.js +41 -14
  143. package/dist/utils/transition.utils.d.ts +4 -0
  144. package/dist/utils/transition.utils.js +10 -1
  145. package/dist/utils/utils.svelte.d.ts +6 -0
  146. package/dist/utils/utils.svelte.js +13 -0
  147. package/package.json +13 -12
  148. package/dist/inputs/NeoInput.svelte +0 -750
  149. package/dist/inputs/NeoValidation.svelte.d.ts +0 -22
  150. package/dist/inputs/neo-validation.model.d.ts +0 -40
  151. /package/dist/inputs/{neo-validation.model.js → common/neo-affix.model.js} +0 -0
  152. /package/dist/inputs/{neo-input.model.js → common/neo-input.model.js} +0 -0
@@ -0,0 +1,23 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" {...$$props} style:scale={$$props.scale} scale={undefined}>
2
+ <rect width="14" height="0" x="5" y="5" fill="currentColor">
3
+ <animate fill="freeze" attributeName="height" begin="0.6s" dur="0.2s" values="0;3" />
4
+ </rect>
5
+ <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={$$props.stroke ?? 1.5}>
6
+ <path
7
+ stroke-dasharray="64"
8
+ stroke-dashoffset="64"
9
+ d="M12 4h7c0.55 0 1 0.45 1 1v14c0 0.55 -0.45 1 -1 1h-14c-0.55 0 -1 -0.45 -1 -1v-14c0 -0.55 0.45 -1 1 -1Z"
10
+ >
11
+ <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="64;0" />
12
+ </path>
13
+ <path stroke-dasharray="4" stroke-dashoffset="4" d="M7 4v-2M17 4v-2">
14
+ <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="4;0" />
15
+ </path>
16
+ <path stroke-dasharray="12" stroke-dashoffset="12" d="M7 11h10">
17
+ <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.8s" dur="0.2s" values="12;0" />
18
+ </path>
19
+ <path stroke-dasharray="8" stroke-dashoffset="8" d="M7 15h7">
20
+ <animate fill="freeze" attributeName="stroke-dashoffset" begin="1s" dur="0.2s" values="8;0" />
21
+ </path>
22
+ </g>
23
+ </svg>
@@ -0,0 +1,26 @@
1
+ export default IconCalendar;
2
+ type IconCalendar = SvelteComponent<{
3
+ [x: string]: any;
4
+ }, {
5
+ [evt: string]: CustomEvent<any>;
6
+ }, {}> & {
7
+ $$bindings?: string | undefined;
8
+ };
9
+ declare const IconCalendar: $$__sveltets_2_IsomorphicComponent<{
10
+ [x: string]: any;
11
+ }, {
12
+ [evt: string]: CustomEvent<any>;
13
+ }, {}, {}, string>;
14
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
15
+ new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
16
+ $$bindings?: Bindings;
17
+ } & Exports;
18
+ (internal: unknown, props: Props & {
19
+ $$events?: Events;
20
+ $$slots?: Slots;
21
+ }): Exports & {
22
+ $set?: any;
23
+ $on?: any;
24
+ };
25
+ z_$$bindings?: Bindings;
26
+ }
@@ -0,0 +1,87 @@
1
+ <script lang="ts">
2
+ const {
3
+ box = 1.25,
4
+ check = 2,
5
+ scale = 1.6,
6
+ border = false,
7
+ circle = false,
8
+ draw = false,
9
+ enter = true,
10
+ checked = false,
11
+ indeterminate = false,
12
+ ...rest
13
+ }: {
14
+ /**
15
+ * The stroke width of the border.
16
+ */
17
+ box?: number;
18
+ /**
19
+ * The stroke width of the checkmark.
20
+ */
21
+ check?: number;
22
+ /**
23
+ * The scale of the icon.
24
+ */
25
+ scale?: number;
26
+ /**
27
+ * Whether to render the border.
28
+ */
29
+ border?: boolean;
30
+ /**
31
+ * Whether to render a square or circle checkbox.
32
+ */
33
+ circle?: boolean;
34
+ /**
35
+ * Whether to draw the border on enter.
36
+ */
37
+ draw?: boolean;
38
+ /**
39
+ * Whether to animate on enter.
40
+ */
41
+ enter?: boolean;
42
+ /**
43
+ * If the checkbox is checked.
44
+ */
45
+ checked?: boolean;
46
+ /**
47
+ * If the checkbox is indeterminate.
48
+ */
49
+ indeterminate?: boolean;
50
+ } = $props();
51
+
52
+ const circlePath = 'M3 12c0 -4.97 4.03 -9 9 -9c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9Z';
53
+ const squarePath = 'M4 12v-7c0 -0.55 0.45 -1 1 -1h14c0.55 0 1 0.45 1 1v14c0 0.55 -0.45 1 -1 1h-14c-0.55 0 -1 -0.45 -1 -1Z';
54
+ </script>
55
+
56
+ <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" style:scale {...rest}>
57
+ <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={box}>
58
+ {#if border}
59
+ <path stroke-opacity="0.5" stroke-dasharray="64" stroke-dashoffset={!checked || !draw ? 0 : 64} d={circle ? circlePath : squarePath}>
60
+ {#if draw}
61
+ <animate
62
+ fill="freeze"
63
+ attributeName="stroke-dashoffset"
64
+ begin={checked ? 0 : '0.2s'}
65
+ dur={enter && draw ? '0.6s' : 0}
66
+ values={checked ? '64;0' : '0;64'}
67
+ />
68
+ {/if}
69
+ </path>
70
+ {/if}
71
+ {#if indeterminate}
72
+ <path stroke-dasharray="12" stroke-dashoffset="12" d="M7 12h10">
73
+ <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12;0" />
74
+ </path>
75
+ {:else}
76
+ <path stroke-dasharray="14" stroke-dashoffset="14" d="M8 12l3 3l5 -5" stroke-width={check}>
77
+ <animate
78
+ fill="freeze"
79
+ attributeName="stroke-dashoffset"
80
+ begin={!checked || !draw || !enter ? 0 : '0.6s'}
81
+ dur={enter ? '0.2s' : 0}
82
+ values={checked || !enter ? '14;0' : '0;14'}
83
+ />
84
+ </path>
85
+ {/if}
86
+ </g>
87
+ </svg>
@@ -0,0 +1,55 @@
1
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
2
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
3
+ $$bindings?: Bindings;
4
+ } & Exports;
5
+ (internal: unknown, props: Props & {
6
+ $$events?: Events;
7
+ $$slots?: Slots;
8
+ }): Exports & {
9
+ $set?: any;
10
+ $on?: any;
11
+ };
12
+ z_$$bindings?: Bindings;
13
+ }
14
+ declare const IconCheckbox: $$__sveltets_2_IsomorphicComponent<{
15
+ /**
16
+ * The stroke width of the border.
17
+ */
18
+ box?: number;
19
+ /**
20
+ * The stroke width of the checkmark.
21
+ */
22
+ check?: number;
23
+ /**
24
+ * The scale of the icon.
25
+ */
26
+ scale?: number;
27
+ /**
28
+ * Whether to render the border.
29
+ */
30
+ border?: boolean;
31
+ /**
32
+ * Whether to render a square or circle checkbox.
33
+ */
34
+ circle?: boolean;
35
+ /**
36
+ * Whether to draw the border on enter.
37
+ */
38
+ draw?: boolean;
39
+ /**
40
+ * Whether to animate on enter.
41
+ */
42
+ enter?: boolean;
43
+ /**
44
+ * If the checkbox is checked.
45
+ */
46
+ checked?: boolean;
47
+ /**
48
+ * If the checkbox is indeterminate.
49
+ */
50
+ indeterminate?: boolean;
51
+ }, {
52
+ [evt: string]: CustomEvent<any>;
53
+ }, {}, {}, "">;
54
+ type IconCheckbox = InstanceType<typeof IconCheckbox>;
55
+ export default IconCheckbox;
@@ -1,5 +1,5 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props}>
2
- <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props} style:scale={$$props.scale} scale={undefined}>
2
+ <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={$$props.stroke ?? 1.5}>
3
3
  <path stroke-dasharray="16" stroke-dashoffset="16" d="M12 3c4.97 0 9 4.03 9 9">
4
4
  <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="16;0" />
5
5
  <animateTransform attributeName="transform" dur="1.5s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12" />
@@ -1,5 +1,13 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props}>
2
- <g fill="none" stroke="currentColor" stroke-dasharray="16" stroke-dashoffset="16" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props} style:scale={$$props.scale} scale={undefined}>
2
+ <g
3
+ fill="none"
4
+ stroke="currentColor"
5
+ stroke-dasharray="16"
6
+ stroke-dashoffset="16"
7
+ stroke-linecap="round"
8
+ stroke-linejoin="round"
9
+ stroke-width={$$props.stroke ?? 1.5}
10
+ >
3
11
  <path d="M7 7l10 10">
4
12
  <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="16;0" />
5
13
  </path>
@@ -1,4 +1,4 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props}>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props} style:scale={$$props.scale} scale={undefined}>
2
2
  <path
3
3
  fill="none"
4
4
  stroke="currentColor"
@@ -6,7 +6,7 @@
6
6
  stroke-dashoffset="12"
7
7
  stroke-linecap="round"
8
8
  stroke-linejoin="round"
9
- stroke-width="1.5"
9
+ stroke-width={$$props.stroke ?? 1.5}
10
10
  d="M12 12l7 7M12 12l-7 -7M12 12l-7 7M12 12l7 -7"
11
11
  >
12
12
  <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="12;0" />
@@ -1,5 +1,5 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props}>
2
- <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props} style:scale={$$props.scale} scale={undefined}>
2
+ <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={$$props.stroke ?? 1.5}>
3
3
  <path stroke-dasharray="64" stroke-dashoffset="64" d="M3 12c0 -4.97 4.03 -9 9 -9c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9Z">
4
4
  <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="64;0" />
5
5
  </path>
@@ -0,0 +1,17 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" {...$$props} style:scale={$$props.scale} scale={undefined}>
2
+ <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={$$props.stroke ?? 1.5}>
3
+ <path stroke-dasharray="20" stroke-dashoffset="20" d="M12 4h2v6h2.5l-4.5 4.5M12 4h-2v6h-2.5l4.5 4.5">
4
+ <animate
5
+ attributeName="d"
6
+ begin="0.5s"
7
+ dur="1.5s"
8
+ repeatCount="indefinite"
9
+ values="M12 4h2v6h2.5l-4.5 4.5M12 4h-2v6h-2.5l4.5 4.5;M12 4h2v3h2.5l-4.5 4.5M12 4h-2v3h-2.5l4.5 4.5;M12 4h2v6h2.5l-4.5 4.5M12 4h-2v6h-2.5l4.5 4.5"
10
+ />
11
+ <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.4s" values="20;0" />
12
+ </path>
13
+ <path stroke-dasharray="14" stroke-dashoffset="14" d="M6 19h12">
14
+ <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.2s" dur="0.2s" values="-14;0" />
15
+ </path>
16
+ </g>
17
+ </svg>
@@ -0,0 +1,26 @@
1
+ export default IconDownload;
2
+ type IconDownload = SvelteComponent<{
3
+ [x: string]: any;
4
+ }, {
5
+ [evt: string]: CustomEvent<any>;
6
+ }, {}> & {
7
+ $$bindings?: string | undefined;
8
+ };
9
+ declare const IconDownload: $$__sveltets_2_IsomorphicComponent<{
10
+ [x: string]: any;
11
+ }, {
12
+ [evt: string]: CustomEvent<any>;
13
+ }, {}, {}, string>;
14
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
15
+ new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
16
+ $$bindings?: Bindings;
17
+ } & Exports;
18
+ (internal: unknown, props: Props & {
19
+ $$events?: Events;
20
+ $$slots?: Slots;
21
+ }): Exports & {
22
+ $set?: any;
23
+ $on?: any;
24
+ };
25
+ z_$$bindings?: Bindings;
26
+ }
@@ -1,5 +1,5 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props}>
2
- <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props} style:scale={$$props.scale} scale={undefined}>
2
+ <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={$$props.stroke ?? 1.5}>
3
3
  <path stroke-dasharray="64" stroke-dashoffset="64" d="M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z">
4
4
  <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="64;0" />
5
5
  </path>
@@ -1,8 +1,8 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props}>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props} style:scale={$$props.scale} scale={undefined}>
2
2
  <path fill="currentColor" d="M12 18l4 0h-2.5v0h-3v0h-2.5z">
3
3
  <animate fill="freeze" attributeName="d" begin="0.8s" dur="0.2s" values="M12 18l4 0h-2.5v0h-3v0h-2.5z;M12 11l4 4h-2.5v3h-3v-3h-2.5Z" />
4
4
  </path>
5
- <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
5
+ <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={$$props.stroke ?? 1.5}>
6
6
  <path
7
7
  stroke-dasharray="64"
8
8
  stroke-dashoffset="64"
@@ -1,11 +1,11 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props}>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props} style:scale={$$props.scale} scale={undefined}>
2
2
  <mask id="lineMdGithubLoop0" width="24" height="24" x="0" y="0">
3
3
  <g fill="#fff">
4
4
  <ellipse cx="9.5" cy="9" rx="1.5" ry="1" />
5
5
  <ellipse cx="14.5" cy="9" rx="1.5" ry="1" />
6
6
  </g>
7
7
  </mask>
8
- <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
8
+ <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={$$props.stroke ?? 1.5}>
9
9
  <path
10
10
  stroke-dasharray="32"
11
11
  stroke-dashoffset="32"
@@ -1,5 +1,5 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props}>
2
- <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props} style:scale={$$props.scale} scale={undefined}>
2
+ <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={$$props.stroke ?? 1.5}>
3
3
  <path stroke-dasharray="72" stroke-dashoffset="72" d="M3 14v-9h18v14h-18v-5">
4
4
  <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="72;0" />
5
5
  </path>
@@ -1,4 +1,4 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props}>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props} style:scale={$$props.scale} scale={undefined}>
2
2
  <path
3
3
  fill="none"
4
4
  stroke="currentColor"
@@ -6,7 +6,7 @@
6
6
  stroke-dashoffset="16"
7
7
  stroke-linecap="round"
8
8
  stroke-linejoin="round"
9
- stroke-width="1.5"
9
+ stroke-width={$$props.stroke ?? 1.5}
10
10
  d="M5 12h14"
11
11
  >
12
12
  <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.4s" values="16;0" />
@@ -1,4 +1,4 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props}>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props} style:scale={$$props.scale} scale={undefined}>
2
2
  <path fill-opacity="0" d="M15.22 6.03l2.53-1.94L14.56 4L13.5 1l-1.06 3l-3.19.09l2.53 1.94l-.91 3.06l2.63-1.81l2.63 1.81z" fill="currentColor">
3
3
  <animate
4
4
  id="lineMdSunnyFilledLoopToMoonFilledLoopTransition0"
@@ -26,7 +26,7 @@
26
26
  <animate fill="freeze" attributeName="fill-opacity" begin="lineMdSunnyFilledLoopToMoonFilledLoopTransition0.begin+3.4s" dur="0.4s" values="0;1" />
27
27
  <animate fill="freeze" attributeName="fill-opacity" begin="lineMdSunnyFilledLoopToMoonFilledLoopTransition0.begin+5.6s" dur="0.4s" values="1;0" />
28
28
  </path>
29
- <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
29
+ <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={$$props.stroke ?? 1.5}>
30
30
  <g>
31
31
  <path stroke-dasharray="2" stroke-dashoffset="4" d="M12 21v1M21 12h1M12 3v-1M3 12h-1">
32
32
  <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="4;2" />
@@ -0,0 +1,19 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" {...$$props} style:scale={$$props.scale} scale={undefined}>
2
+ <path
3
+ fill="currentColor"
4
+ fill-opacity="0"
5
+ stroke="currentColor"
6
+ stroke-dasharray="28"
7
+ stroke-dashoffset="28"
8
+ stroke-linecap="round"
9
+ stroke-linejoin="round"
10
+ stroke-width={$$props.stroke ?? 1.5}
11
+ d="M12 3c0 0 7 6 7 12c0 2 -1 6 -7 6M12 3c0 0 -7 6 -7 12c0 2 1 6 7 6"
12
+ >
13
+ <animate fill="freeze" attributeName="fill-opacity" begin="0.6s" dur="0.15s" values="0;0.3" />
14
+ <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="28;0" />
15
+ </path>
16
+ <path fill="currentColor" fill-opacity="0" d="M12 3C12 3 15.27 5.81 17.34 9.5L6 18.41C5.21 17.24 5 15.91 5 15C5 9 12 3 12 3Z">
17
+ <animate fill="freeze" attributeName="fill-opacity" begin="0.6s" dur="0.5s" values="0;1" />
18
+ </path>
19
+ </svg>
@@ -1,12 +1,12 @@
1
- export default IconSunrise;
2
- type IconSunrise = SvelteComponent<{
1
+ export default IconPaint;
2
+ type IconPaint = SvelteComponent<{
3
3
  [x: string]: any;
4
4
  }, {
5
5
  [evt: string]: CustomEvent<any>;
6
6
  }, {}> & {
7
7
  $$bindings?: string | undefined;
8
8
  };
9
- declare const IconSunrise: $$__sveltets_2_IsomorphicComponent<{
9
+ declare const IconPaint: $$__sveltets_2_IsomorphicComponent<{
10
10
  [x: string]: any;
11
11
  }, {
12
12
  [evt: string]: CustomEvent<any>;
@@ -0,0 +1,13 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" {...$$props} style:scale={$$props.scale} scale={undefined}>
2
+ <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={$$props.stroke ?? 1.5}>
3
+ <path stroke-dasharray="56" stroke-dashoffset="56" d="M3 21l2 -6l11 -11c1 -1 3 -1 4 0c1 1 1 3 0 4l-11 11l-6 2">
4
+ <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="56;0" />
5
+ </path>
6
+ <path stroke-dasharray="8" stroke-dashoffset="8" d="M15 5l4 4">
7
+ <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="8;0" />
8
+ </path>
9
+ <path stroke-dasharray="6" stroke-dashoffset="6" stroke-width="1" d="M6 15l3 3">
10
+ <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="6;0" />
11
+ </path>
12
+ </g>
13
+ </svg>
@@ -0,0 +1,26 @@
1
+ export default IconPencil;
2
+ type IconPencil = SvelteComponent<{
3
+ [x: string]: any;
4
+ }, {
5
+ [evt: string]: CustomEvent<any>;
6
+ }, {}> & {
7
+ $$bindings?: string | undefined;
8
+ };
9
+ declare const IconPencil: $$__sveltets_2_IsomorphicComponent<{
10
+ [x: string]: any;
11
+ }, {
12
+ [evt: string]: CustomEvent<any>;
13
+ }, {}, {}, string>;
14
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
15
+ new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
16
+ $$bindings?: Bindings;
17
+ } & Exports;
18
+ (internal: unknown, props: Props & {
19
+ $$events?: Events;
20
+ $$slots?: Slots;
21
+ }): Exports & {
22
+ $set?: any;
23
+ $on?: any;
24
+ };
25
+ z_$$bindings?: Bindings;
26
+ }
@@ -0,0 +1,14 @@
1
+ <script lang="ts">
2
+ const { scale = 1, checked = false, circle = false, ...rest } = $props();
3
+
4
+ const circlePath = 'M3 12c0 -4.97 4.03 -9 9 -9c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9Z';
5
+ const squarePath = 'M4 12v-7c0 -0.55 0.45 -1 1 -1h14c0.55 0 1 0.45 1 1v14c0 0.55 -0.45 1 -1 1h-14c-0.55 0 -1 -0.45 -1 -1Z';
6
+ </script>
7
+
8
+ <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" style:scale {...rest}>
9
+ <g stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
10
+ <path fill="currentColor" fill-opacity="0" stroke-dasharray="64" d={circle ? circlePath : squarePath}>
11
+ <animate fill="freeze" attributeName="fill-opacity" dur="0.2s" values={checked ? '0;1' : '1;0'} />
12
+ </path>
13
+ </g>
14
+ </svg>
@@ -0,0 +1,22 @@
1
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
2
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
3
+ $$bindings?: Bindings;
4
+ } & Exports;
5
+ (internal: unknown, props: Props & {
6
+ $$events?: Events;
7
+ $$slots?: Slots;
8
+ }): Exports & {
9
+ $set?: any;
10
+ $on?: any;
11
+ };
12
+ z_$$bindings?: Bindings;
13
+ }
14
+ declare const IconRadio: $$__sveltets_2_IsomorphicComponent<{
15
+ scale?: number;
16
+ checked?: boolean;
17
+ circle?: boolean;
18
+ } & Record<string, unknown>, {
19
+ [evt: string]: CustomEvent<any>;
20
+ }, {}, {}, "">;
21
+ type IconRadio = InstanceType<typeof IconRadio>;
22
+ export default IconRadio;
@@ -5,7 +5,7 @@
5
5
  viewBox="0 0 24 24"
6
6
  fill="none"
7
7
  stroke="currentColor"
8
- stroke-width="2"
8
+ stroke-width={$$props.stroke ?? 2}
9
9
  stroke-linecap="round"
10
10
  stroke-linejoin="round"
11
11
  >
@@ -1,13 +1,13 @@
1
1
  export default IconSave;
2
2
  type IconSave = SvelteComponent<{
3
- [x: string]: never;
3
+ [x: string]: any;
4
4
  }, {
5
5
  [evt: string]: CustomEvent<any>;
6
6
  }, {}> & {
7
7
  $$bindings?: string | undefined;
8
8
  };
9
9
  declare const IconSave: $$__sveltets_2_IsomorphicComponent<{
10
- [x: string]: never;
10
+ [x: string]: any;
11
11
  }, {
12
12
  [evt: string]: CustomEvent<any>;
13
13
  }, {}, {}, string>;
@@ -15,7 +15,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
15
15
  new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
16
16
  $$bindings?: Bindings;
17
17
  } & Exports;
18
- (internal: unknown, props: {
18
+ (internal: unknown, props: Props & {
19
19
  $$events?: Events;
20
20
  $$slots?: Slots;
21
21
  }): Exports & {
@@ -5,7 +5,7 @@
5
5
  viewBox="0 0 24 24"
6
6
  fill="none"
7
7
  stroke="currentColor"
8
- stroke-width="2"
8
+ stroke-width={$$props.stroke ?? 2}
9
9
  stroke-linecap="round"
10
10
  stroke-linejoin="round"
11
11
  >
@@ -1,13 +1,13 @@
1
1
  export default IconSaveOff;
2
2
  type IconSaveOff = SvelteComponent<{
3
- [x: string]: never;
3
+ [x: string]: any;
4
4
  }, {
5
5
  [evt: string]: CustomEvent<any>;
6
6
  }, {}> & {
7
7
  $$bindings?: string | undefined;
8
8
  };
9
9
  declare const IconSaveOff: $$__sveltets_2_IsomorphicComponent<{
10
- [x: string]: never;
10
+ [x: string]: any;
11
11
  }, {
12
12
  [evt: string]: CustomEvent<any>;
13
13
  }, {}, {}, string>;
@@ -15,7 +15,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
15
15
  new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
16
16
  $$bindings?: Bindings;
17
17
  } & Exports;
18
- (internal: unknown, props: {
18
+ (internal: unknown, props: Props & {
19
19
  $$events?: Events;
20
20
  $$slots?: Slots;
21
21
  }): Exports & {
@@ -1,5 +1,5 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props}>
2
- <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props} style:scale={$$props.scale} scale={undefined}>
2
+ <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={$$props.stroke ?? 1.5}>
3
3
  <path
4
4
  stroke-dasharray="40"
5
5
  stroke-dashoffset="40"
@@ -1,5 +1,5 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props}>
2
- <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props} style:scale={$$props.scale} scale={undefined}>
2
+ <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={$$props.stroke ?? 1.5}>
3
3
  <path stroke-dasharray="2" stroke-dashoffset="2" d="M12 19v1M19 12h1M12 5v-1M5 12h-1">
4
4
  <animate fill="freeze" attributeName="d" begin="1.2s" dur="0.2s" values="M12 19v1M19 12h1M12 5v-1M5 12h-1;M12 21v1M21 12h1M12 3v-1M3 12h-1" />
5
5
  <animate fill="freeze" attributeName="stroke-dashoffset" begin="1.2s" dur="0.2s" values="2;0" />
@@ -29,7 +29,7 @@
29
29
  stroke="currentColor"
30
30
  stroke-linecap="round"
31
31
  stroke-linejoin="round"
32
- stroke-width="1.5"
32
+ stroke-width={$$props.stroke ?? 1.5}
33
33
  d="M7 6 C7 12.08 11.92 17 18 17 C18.53 17 19.05 16.96 19.56 16.89 C17.95 19.36 15.17 21 12 21 C7.03 21 3 16.97 3 12 C3 8.83 4.64 6.05 7.11 4.44 C7.04 4.95 7 5.47 7 6 Z"
34
34
  >
35
35
  <set fill="freeze" attributeName="opacity" begin="0.6s" to="0" />
@@ -1,7 +1,8 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props}>
2
- <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
3
- <circle cx="12" cy="32" r="6" fill="currentColor">
4
- <animate fill="freeze" attributeName="cy" dur="0.6s" values="32;12" />
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...$$props} style:scale={$$props.scale} scale={undefined}>
2
+ <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={$$props.stroke ?? 1.5}>
3
+ <circle cx="12" cy="12" r="6" fill="currentColor" opacity="1">
4
+ <animate attributeName="r" dur="0.6s" values="2;6" />
5
+ <animate attributeName="opacity" dur="0.4s" values="0.6;1" />
5
6
  </circle>
6
7
  <g>
7
8
  <path stroke-dasharray="2" stroke-dashoffset="2" d="M12 19v1M19 12h1M12 5v-1M5 12h-1">
@@ -0,0 +1,26 @@
1
+ export default IconSunFull;
2
+ type IconSunFull = SvelteComponent<{
3
+ [x: string]: any;
4
+ }, {
5
+ [evt: string]: CustomEvent<any>;
6
+ }, {}> & {
7
+ $$bindings?: string | undefined;
8
+ };
9
+ declare const IconSunFull: $$__sveltets_2_IsomorphicComponent<{
10
+ [x: string]: any;
11
+ }, {
12
+ [evt: string]: CustomEvent<any>;
13
+ }, {}, {}, string>;
14
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
15
+ new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
16
+ $$bindings?: Bindings;
17
+ } & Exports;
18
+ (internal: unknown, props: Props & {
19
+ $$events?: Events;
20
+ $$slots?: Slots;
21
+ }): Exports & {
22
+ $set?: any;
23
+ $on?: any;
24
+ };
25
+ z_$$bindings?: Bindings;
26
+ }