@3birds/midori-ui 0.0.6 → 0.0.8

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 (36) hide show
  1. package/dist/assets/account.svg +7 -0
  2. package/dist/assets/alert.svg +4 -0
  3. package/dist/assets/calendar-month.svg +7 -0
  4. package/dist/assets/check-circle.svg +7 -0
  5. package/dist/assets/clipboard-text-outline.svg +7 -0
  6. package/dist/assets/close-circle.svg +7 -0
  7. package/dist/assets/cog-outline.svg +7 -0
  8. package/dist/assets/crosshairs-gps.svg +7 -0
  9. package/dist/assets/delete.svg +4 -0
  10. package/dist/assets/email-outline.svg +7 -0
  11. package/dist/assets/face-agent.svg +7 -0
  12. package/dist/assets/forest-outline.svg +7 -0
  13. package/dist/assets/heart-outline.svg +7 -0
  14. package/dist/assets/home-outline.svg +4 -0
  15. package/dist/assets/human-male-female.svg +7 -0
  16. package/dist/assets/information.svg +7 -0
  17. package/dist/assets/key.svg +7 -0
  18. package/dist/assets/login.svg +7 -0
  19. package/dist/assets/logout.svg +7 -0
  20. package/dist/assets/magnify.svg +7 -0
  21. package/dist/assets/map-outline.svg +7 -0
  22. package/dist/assets/message-star-outline.svg +7 -0
  23. package/dist/assets/pencil.svg +7 -0
  24. package/dist/assets/refresh.svg +7 -0
  25. package/dist/assets/shape-outline.svg +7 -0
  26. package/dist/assets/star.svg +7 -0
  27. package/dist/components/Btn.svelte +2 -2
  28. package/dist/components/Btn.svelte.d.ts +1 -1
  29. package/dist/components/Input.svelte +61 -0
  30. package/dist/components/Input.svelte.d.ts +19 -0
  31. package/dist/components/Modal.svelte +24 -0
  32. package/dist/components/Modal.svelte.d.ts +7 -0
  33. package/dist/index.d.ts +31 -2
  34. package/dist/index.js +31 -2
  35. package/dist/types/index.d.ts +1 -0
  36. package/package.json +1 -1
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>account</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>alert</title>
3
+ <path fill="currentColor" d="M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z" />
4
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>calendar-month</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M9,10V12H7V10H9M13,10V12H11V10H13M17,10V12H15V10H17M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H6V1H8V3H16V1H18V3H19M19,19V8H5V19H19M9,14V16H7V14H9M13,14V16H11V14H13M17,14V16H15V14H17Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>check-circle</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>clipboard-text-outline</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M19,3H14.82C14.25,1.44 12.53,0.64 11,1.2C10.14,1.5 9.5,2.16 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M7,7H17V5H19V19H5V5H7V7M17,11H7V9H17V11M15,15H7V13H15V15Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>close-circle</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>cog-outline</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>crosshairs-gps</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M3.05,13H1V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1H13V3.05C17.17,3.5 20.5,6.83 20.95,11H23V13H20.95C20.5,17.17 17.17,20.5 13,20.95V23H11V20.95C6.83,20.5 3.5,17.17 3.05,13M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>delete</title>
3
+ <path fill="currentColor" d="M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z" />
4
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>email-outline</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M22 6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6M20 6L12 11L4 6H20M20 18H4V8L12 13L20 8V18Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>face-agent</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M18.72,14.76C19.07,13.91 19.26,13 19.26,12C19.26,11.28 19.15,10.59 18.96,9.95C18.31,10.1 17.63,10.18 16.92,10.18C13.86,10.18 11.15,8.67 9.5,6.34C8.61,8.5 6.91,10.26 4.77,11.22C4.73,11.47 4.73,11.74 4.73,12A7.27,7.27 0 0,0 12,19.27C13.05,19.27 14.06,19.04 14.97,18.63C15.54,19.72 15.8,20.26 15.78,20.26C14.14,20.81 12.87,21.08 12,21.08C9.58,21.08 7.27,20.13 5.57,18.42C4.53,17.38 3.76,16.11 3.33,14.73H2V10.18H3.09C3.93,6.04 7.6,2.92 12,2.92C14.4,2.92 16.71,3.87 18.42,5.58C19.69,6.84 20.54,8.45 20.89,10.18H22V14.67H22V14.69L22,14.73H21.94L18.38,18L13.08,17.4V15.73H17.91L18.72,14.76M9.27,11.77C9.57,11.77 9.86,11.89 10.07,12.11C10.28,12.32 10.4,12.61 10.4,12.91C10.4,13.21 10.28,13.5 10.07,13.71C9.86,13.92 9.57,14.04 9.27,14.04C8.64,14.04 8.13,13.54 8.13,12.91C8.13,12.28 8.64,11.77 9.27,11.77M14.72,11.77C15.35,11.77 15.85,12.28 15.85,12.91C15.85,13.54 15.35,14.04 14.72,14.04C14.09,14.04 13.58,13.54 13.58,12.91A1.14,1.14 0 0,1 14.72,11.77Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>forest-outline</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M19.19 18H24L20.14 12H22L15 2L12.61 5.41L17.92 13H15.97L19.19 18M16 12L9 2L2 12H3.86L0 18H7V22H11V18H18L14.14 12H16M12.16 10H10.5L14.34 16H3.67L7.53 10H5.84L9 5.5L12.16 10M13 19V22H17V19H13Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>heart-outline</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M12.1,18.55L12,18.65L11.89,18.55C7.14,14.24 4,11.39 4,8.5C4,6.5 5.5,5 7.5,5C9.04,5 10.54,6 11.07,7.36H12.93C13.46,6 14.96,5 16.5,5C18.5,5 20,6.5 20,8.5C20,11.39 16.86,14.24 12.1,18.55M16.5,3C14.76,3 13.09,3.81 12,5.08C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.41 2,8.5C2,12.27 5.4,15.36 10.55,20.03L12,21.35L13.45,20.03C18.6,15.36 22,12.27 22,8.5C22,5.41 19.58,3 16.5,3Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>home-outline</title>
3
+ <path fill="currentColor" d="M12 5.69L17 10.19V18H15V12H9V18H7V10.19L12 5.69M12 3L2 12H5V20H11V14H13V20H19V12H22" />
4
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>human-male-female</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M7.5,2A2,2 0 0,1 9.5,4A2,2 0 0,1 7.5,6A2,2 0 0,1 5.5,4A2,2 0 0,1 7.5,2M6,7H9A2,2 0 0,1 11,9V14.5H9.5V22H5.5V14.5H4V9A2,2 0 0,1 6,7M16.5,2A2,2 0 0,1 18.5,4A2,2 0 0,1 16.5,6A2,2 0 0,1 14.5,4A2,2 0 0,1 16.5,2M15,22V16H12L14.59,8.41C14.84,7.59 15.6,7 16.5,7C17.4,7 18.16,7.59 18.41,8.41L21,16H18V22H15Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>information</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>key</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M7 14C5.9 14 5 13.1 5 12S5.9 10 7 10 9 10.9 9 12 8.1 14 7 14M12.6 10C11.8 7.7 9.6 6 7 6C3.7 6 1 8.7 1 12S3.7 18 7 18C9.6 18 11.8 16.3 12.6 14H16V18H20V14H23V10H12.6Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>login</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M11 7L9.6 8.4L12.2 11H2V13H12.2L9.6 15.6L11 17L16 12L11 7M20 19H12V21H20C21.1 21 22 20.1 22 19V5C22 3.9 21.1 3 20 3H12V5H20V19Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>logout</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M17 7L15.59 8.41L18.17 11H8V13H18.17L15.59 15.58L17 17L22 12M4 5H12V3H4C2.9 3 2 3.9 2 5V19C2 20.1 2.9 21 4 21H12V19H4V5Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>magnify</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>map-outline</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M20.5,3L20.34,3.03L15,5.1L9,3L3.36,4.9C3.15,4.97 3,5.15 3,5.38V20.5A0.5,0.5 0 0,0 3.5,21L3.66,20.97L9,18.9L15,21L20.64,19.1C20.85,19.03 21,18.85 21,18.62V3.5A0.5,0.5 0 0,0 20.5,3M10,5.47L14,6.87V18.53L10,17.13V5.47M5,6.46L8,5.45V17.15L5,18.31V6.46M19,17.54L16,18.55V6.86L19,5.7V17.54Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>message-star-outline</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16M12 12.4L14.6 14L13.9 11L16.2 9L13.2 8.7L12 6L10.8 8.8L7.8 9L10.1 11L9.4 14L12 12.4Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>pencil</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>refresh</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M17.65,6.35C16.2,4.9 14.21,4 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C15.73,20 18.84,17.45 19.73,14H17.65C16.83,16.33 14.61,18 12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.66,6 15.14,6.69 16.22,7.78L13,11H20V4L17.65,6.35Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>shape-outline</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M11,13.5V21.5H3V13.5H11M9,15.5H5V19.5H9V15.5M12,2L17.5,11H6.5L12,2M12,5.86L10.08,9H13.92L12,5.86M17.5,13C20,13 22,15 22,17.5C22,20 20,22 17.5,22C15,22 13,20 13,17.5C13,15 15,13 17.5,13M17.5,15A2.5,2.5 0 0,0 15,17.5A2.5,2.5 0 0,0 17.5,20A2.5,2.5 0 0,0 20,17.5A2.5,2.5 0 0,0 17.5,15Z"
6
+ />
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>star</title>
3
+ <path
4
+ fill="currentColor"
5
+ d="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z"
6
+ />
7
+ </svg>
@@ -1,6 +1,6 @@
1
1
  <script lang="ts">
2
- import Loading from './Loading.svelte';
3
- import { type BtnType } from '../types';
2
+ import { Loading } from '..';
3
+ import type { BtnType } from '../types';
4
4
 
5
5
  let {
6
6
  type = 'button',
@@ -1,4 +1,4 @@
1
- import { type BtnType } from '../types';
1
+ import type { BtnType } from '../types';
2
2
  type $$ComponentProps = {
3
3
  type?: BtnType;
4
4
  class?: string;
@@ -0,0 +1,61 @@
1
+ <script lang="ts">
2
+ import type { InputType } from '../types';
3
+
4
+ let {
5
+ type,
6
+ required,
7
+ pattern,
8
+ maxlength,
9
+ readonly,
10
+ disabled,
11
+ min,
12
+ max,
13
+ label,
14
+ icon,
15
+ placeholder,
16
+ option,
17
+ value = $bindable()
18
+ }: {
19
+ type: InputType;
20
+ required?: boolean;
21
+ pattern?: string;
22
+ maxlength?: number;
23
+ readonly?: boolean;
24
+ disabled?: boolean;
25
+ min?: number;
26
+ max?: number;
27
+ label?: string;
28
+ icon?: string;
29
+ placeholder?: string;
30
+ option?: string;
31
+ value: any;
32
+ } = $props();
33
+ </script>
34
+
35
+ <div class="w-lg">
36
+ <fieldset class="fieldset w-full">
37
+ {#if label}
38
+ <legend class="fieldset-legend">{label}</legend>
39
+ {/if}
40
+ <label class="input w-full rounded-full {icon ? '' : 'px-5'}">
41
+ {#if icon}
42
+ <img src={icon} class="size-4" alt="アイコン" />
43
+ {/if}
44
+ <input
45
+ {type}
46
+ {required}
47
+ {readonly}
48
+ {pattern}
49
+ {disabled}
50
+ {maxlength}
51
+ {min}
52
+ {max}
53
+ {placeholder}
54
+ {value}
55
+ />
56
+ </label>
57
+ {#if icon}
58
+ <p class="label">{option}</p>
59
+ {/if}
60
+ </fieldset>
61
+ </div>
@@ -0,0 +1,19 @@
1
+ import type { InputType } from '../types';
2
+ type $$ComponentProps = {
3
+ type: InputType;
4
+ required?: boolean;
5
+ pattern?: string;
6
+ maxlength?: number;
7
+ readonly?: boolean;
8
+ disabled?: boolean;
9
+ min?: number;
10
+ max?: number;
11
+ label?: string;
12
+ icon?: string;
13
+ placeholder?: string;
14
+ option?: string;
15
+ value: any;
16
+ };
17
+ declare const Input: import("svelte").Component<$$ComponentProps, {}, "value">;
18
+ type Input = ReturnType<typeof Input>;
19
+ export default Input;
@@ -0,0 +1,24 @@
1
+ <script lang="ts">
2
+ import { Btn, closeSvg } from '..';
3
+
4
+ let {
5
+ value = $bindable(),
6
+ children
7
+ }: { value?: HTMLDialogElement; children: import('svelte').Snippet } = $props();
8
+ </script>
9
+
10
+ <dialog bind:this={value} class="modal modal-bottom sm:modal-middle">
11
+ <div class="modal-box">
12
+ {@render children()}
13
+ <div class="modal-action">
14
+ <form method="dialog">
15
+ <Btn class="absolute top-2 right-2 btn-circle btn-ghost btn-sm" type="submit">
16
+ <img src={closeSvg} alt="閉じる" class="size-6" />
17
+ </Btn>
18
+ </form>
19
+ </div>
20
+ </div>
21
+ <form method="dialog" class="modal-backdrop">
22
+ <button>close</button>
23
+ </form>
24
+ </dialog>
@@ -0,0 +1,7 @@
1
+ type $$ComponentProps = {
2
+ value?: HTMLDialogElement;
3
+ children: import('svelte').Snippet;
4
+ };
5
+ declare const Modal: import("svelte").Component<$$ComponentProps, {}, "value">;
6
+ type Modal = ReturnType<typeof Modal>;
7
+ export default Modal;
package/dist/index.d.ts CHANGED
@@ -1,6 +1,35 @@
1
+ export { default as Loading } from './components/Loading.svelte';
1
2
  export { default as Btn } from './components/Btn.svelte';
2
3
  export { default as Fab } from './components/Fab.svelte';
3
- export { default as faviconSvg } from './assets/favicon.svg';
4
+ export { default as Input } from './components/Input.svelte';
5
+ export { default as Modal } from './components/Modal.svelte';
6
+ export { default as accountSvg } from './assets/account.svg';
7
+ export { default as alertSvg } from './assets/alert.svg';
8
+ export { default as calendarMonthSvg } from './assets/calendar-month.svg';
9
+ export { default as checkCircleSvg } from './assets/check-circle.svg';
10
+ export { default as clipboardTextOutlineSvg } from './assets/clipboard-text-outline.svg';
11
+ export { default as closeCircleSvg } from './assets/close-circle.svg';
12
+ export { default as closeSvg } from './assets/close.svg';
13
+ export { default as cogOutlineSvg } from './assets/cog-outline.svg';
14
+ export { default as crosshairsGpsSvg } from './assets/crosshairs-gps.svg';
15
+ export { default as deleteSvg } from './assets/delete.svg';
16
+ export { default as emailOutlineSvg } from './assets/email-outline.svg';
17
+ export { default as faceAgentSvg } from './assets/face-agent.svg';
4
18
  export { default as faceManSvg } from './assets/face-man.svg';
19
+ export { default as faviconSvg } from './assets/favicon.svg';
20
+ export { default as forestOutlineSvg } from './assets/forest-outline.svg';
21
+ export { default as heartOutlineSvg } from './assets/heart-outline.svg';
22
+ export { default as homeOutlineSvg } from './assets/home-outline.svg';
23
+ export { default as humanMaleFemaleSvg } from './assets/human-male-female.svg';
24
+ export { default as informationSvg } from './assets/information.svg';
25
+ export { default as keySvg } from './assets/key.svg';
26
+ export { default as loginSvg } from './assets/login.svg';
27
+ export { default as logoutSvg } from './assets/logout.svg';
28
+ export { default as magnifySvg } from './assets/magnify.svg';
29
+ export { default as mapOutlineSvg } from './assets/map-outline.svg';
5
30
  export { default as menuSvg } from './assets/menu.svg';
6
- export { default as closeSvg } from './assets/close.svg';
31
+ export { default as messageStarOutlineSvg } from './assets/message-star-outline.svg';
32
+ export { default as pencilSvg } from './assets/pencil.svg';
33
+ export { default as refreshSvg } from './assets/refresh.svg';
34
+ export { default as shapeOutlineSvg } from './assets/shape-outline.svg';
35
+ export { default as StarSvg } from './assets/star.svg';
package/dist/index.js CHANGED
@@ -1,7 +1,36 @@
1
1
  // place files you want to export through the `$lib` alias in this folder.
2
+ export { default as Loading } from './components/Loading.svelte';
2
3
  export { default as Btn } from './components/Btn.svelte';
3
4
  export { default as Fab } from './components/Fab.svelte';
4
- export { default as faviconSvg } from './assets/favicon.svg';
5
+ export { default as Input } from './components/Input.svelte';
6
+ export { default as Modal } from './components/Modal.svelte';
7
+ export { default as accountSvg } from './assets/account.svg';
8
+ export { default as alertSvg } from './assets/alert.svg';
9
+ export { default as calendarMonthSvg } from './assets/calendar-month.svg';
10
+ export { default as checkCircleSvg } from './assets/check-circle.svg';
11
+ export { default as clipboardTextOutlineSvg } from './assets/clipboard-text-outline.svg';
12
+ export { default as closeCircleSvg } from './assets/close-circle.svg';
13
+ export { default as closeSvg } from './assets/close.svg';
14
+ export { default as cogOutlineSvg } from './assets/cog-outline.svg';
15
+ export { default as crosshairsGpsSvg } from './assets/crosshairs-gps.svg';
16
+ export { default as deleteSvg } from './assets/delete.svg';
17
+ export { default as emailOutlineSvg } from './assets/email-outline.svg';
18
+ export { default as faceAgentSvg } from './assets/face-agent.svg';
5
19
  export { default as faceManSvg } from './assets/face-man.svg';
20
+ export { default as faviconSvg } from './assets/favicon.svg';
21
+ export { default as forestOutlineSvg } from './assets/forest-outline.svg';
22
+ export { default as heartOutlineSvg } from './assets/heart-outline.svg';
23
+ export { default as homeOutlineSvg } from './assets/home-outline.svg';
24
+ export { default as humanMaleFemaleSvg } from './assets/human-male-female.svg';
25
+ export { default as informationSvg } from './assets/information.svg';
26
+ export { default as keySvg } from './assets/key.svg';
27
+ export { default as loginSvg } from './assets/login.svg';
28
+ export { default as logoutSvg } from './assets/logout.svg';
29
+ export { default as magnifySvg } from './assets/magnify.svg';
30
+ export { default as mapOutlineSvg } from './assets/map-outline.svg';
6
31
  export { default as menuSvg } from './assets/menu.svg';
7
- export { default as closeSvg } from './assets/close.svg';
32
+ export { default as messageStarOutlineSvg } from './assets/message-star-outline.svg';
33
+ export { default as pencilSvg } from './assets/pencil.svg';
34
+ export { default as refreshSvg } from './assets/refresh.svg';
35
+ export { default as shapeOutlineSvg } from './assets/shape-outline.svg';
36
+ export { default as StarSvg } from './assets/star.svg';
@@ -1 +1,2 @@
1
1
  export type BtnType = 'button' | 'submit';
2
+ export type InputType = 'text' | 'email' | 'search' | 'tel' | 'url' | 'none' | 'numeric' | 'decimal';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@3birds/midori-ui",
3
- "version": "0.0.6",
3
+ "version": "0.0.8",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "dev": "vite dev",