zabi-components 5.0.19 → 5.0.21

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 (60) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +354 -81
  3. package/dist/atoms/Button.svelte +6 -3
  4. package/dist/atoms/Button.svelte.d.ts +1 -0
  5. package/dist/atoms/Card.svelte +23 -47
  6. package/dist/atoms/CardContent.svelte +12 -5
  7. package/dist/atoms/CardContent.svelte.d.ts +2 -0
  8. package/dist/atoms/CardHeader.svelte +22 -5
  9. package/dist/atoms/CardHeader.svelte.d.ts +3 -0
  10. package/dist/atoms/ColorPicker.svelte +271 -7
  11. package/dist/atoms/IconButton.svelte +88 -0
  12. package/dist/atoms/IconButton.svelte.d.ts +21 -0
  13. package/dist/atoms/Input.svelte +7 -6
  14. package/dist/atoms/Input.svelte.d.ts +3 -1
  15. package/dist/atoms/Progress.svelte +1 -3
  16. package/dist/atoms/Select.svelte +109 -24
  17. package/dist/atoms/Select.svelte.d.ts +10 -0
  18. package/dist/atoms/Skeleton.svelte +12 -2
  19. package/dist/atoms/Skeleton.svelte.d.ts +1 -0
  20. package/dist/atoms/Tooltip.svelte +15 -17
  21. package/dist/atoms/index.d.ts +1 -2
  22. package/dist/atoms/index.js +1 -2
  23. package/dist/components/atoms/index.d.ts +1 -2
  24. package/dist/components/atoms/index.d.ts.map +1 -1
  25. package/dist/components/molecules/index.d.ts +8 -0
  26. package/dist/components/molecules/index.d.ts.map +1 -1
  27. package/dist/molecules/Dropdown.svelte +101 -14
  28. package/dist/molecules/Dropdown.svelte.d.ts +7 -0
  29. package/dist/molecules/ImageUpload.svelte +4 -4
  30. package/dist/molecules/Modal.svelte +42 -26
  31. package/dist/molecules/Modal.svelte.d.ts +1 -0
  32. package/dist/molecules/NavigationMenu.svelte +158 -0
  33. package/dist/molecules/NavigationMenu.svelte.d.ts +25 -0
  34. package/dist/molecules/NavigationMenuContent.svelte +83 -0
  35. package/dist/molecules/NavigationMenuContent.svelte.d.ts +9 -0
  36. package/dist/molecules/NavigationMenuItem.svelte +36 -0
  37. package/dist/molecules/NavigationMenuItem.svelte.d.ts +9 -0
  38. package/dist/molecules/NavigationMenuLink.svelte +53 -0
  39. package/dist/molecules/NavigationMenuLink.svelte.d.ts +10 -0
  40. package/dist/molecules/NavigationMenuList.svelte +31 -0
  41. package/dist/molecules/NavigationMenuList.svelte.d.ts +8 -0
  42. package/dist/molecules/NavigationMenuTrigger.svelte +81 -0
  43. package/dist/molecules/NavigationMenuTrigger.svelte.d.ts +9 -0
  44. package/dist/molecules/Section.svelte +158 -0
  45. package/dist/molecules/Section.svelte.d.ts +27 -0
  46. package/dist/molecules/Sidebar.svelte +324 -0
  47. package/dist/molecules/Sidebar.svelte.d.ts +30 -0
  48. package/dist/molecules/SlideUp.svelte +2 -2
  49. package/dist/molecules/index.d.ts +8 -0
  50. package/dist/molecules/index.js +8 -0
  51. package/dist/organisms/Navigation.svelte +2 -2
  52. package/dist/zabi-components-colors.css +2 -2
  53. package/dist/zabi-components-theme-only.css +2 -2
  54. package/dist/zabi-components-theme.css +2 -2
  55. package/dist/zabi-components.css +299 -24
  56. package/package.json +3 -5
  57. package/dist/atoms/CardDescription.svelte +0 -24
  58. package/dist/atoms/CardDescription.svelte.d.ts +0 -8
  59. package/dist/atoms/CardTitle.svelte +0 -33
  60. package/dist/atoms/CardTitle.svelte.d.ts +0 -9
package/dist/atoms/CardDescription.svelte DELETED
@@ -1,24 +0,0 @@
1
- <script lang="ts">
2
- import type { Snippet } from "svelte";
3
-
4
- interface Props {
5
- className?: string;
6
- children?: Snippet;
7
- }
8
-
9
- let {
10
- className = "",
11
- children,
12
- ...restProps
13
- }: Props = $props();
14
- </script>
15
-
16
- <p
17
- class="text-sm text-description {className}"
18
- {...restProps}
19
- >
20
- {#if children}
21
- {@render children()}
22
- {/if}
23
- </p>
24
-
package/dist/atoms/CardDescription.svelte.d.ts DELETED
@@ -1,8 +0,0 @@
1
- import type { Snippet } from "svelte";
2
- interface Props {
3
- className?: string;
4
- children?: Snippet;
5
- }
6
- declare const CardDescription: import("svelte").Component<Props, {}, "">;
7
- type CardDescription = ReturnType<typeof CardDescription>;
8
- export default CardDescription;
package/dist/atoms/CardTitle.svelte DELETED
@@ -1,33 +0,0 @@
1
- <script lang="ts">
2
- import type { Snippet } from "svelte";
3
-
4
- interface Props {
5
- level?: 1 | 2 | 3 | 4 | 5 | 6;
6
- className?: string;
7
- children?: Snippet;
8
- }
9
-
10
- let {
11
- level = 3,
12
- className = "",
13
- children,
14
- ...restProps
15
- }: Props = $props();
16
-
17
- const headingTag = $derived(`h${level}`);
18
- const headingClasses = $derived(() => {
19
- const baseClasses = "text-2xl font-semibold leading-none tracking-tight text-headline";
20
- return `${baseClasses} ${className}`.trim();
21
- });
22
- </script>
23
-
24
- <svelte:element
25
- this={headingTag}
26
- class={headingClasses()}
27
- {...restProps}
28
- >
29
- {#if children}
30
- {@render children()}
31
- {/if}
32
- </svelte:element>
33
-
package/dist/atoms/CardTitle.svelte.d.ts DELETED
@@ -1,9 +0,0 @@
1
- import type { Snippet } from "svelte";
2
- interface Props {
3
- level?: 1 | 2 | 3 | 4 | 5 | 6;
4
- className?: string;
5
- children?: Snippet;
6
- }
7
- declare const CardTitle: import("svelte").Component<Props, {}, "">;
8
- type CardTitle = ReturnType<typeof CardTitle>;
9
- export default CardTitle;