@3birds/midori-ui 0.0.26 → 0.0.28

package/dist/assets/calendar-month-gray.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <title>calendar-month</title>
+    <path
+      fill="#747476"
+      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"
+    />
+  </svg>

package/dist/assets/no-image.svg

@@ -0,0 +1,17 @@
+<svg width="1480" height="1571" viewBox="0 0 1480 1571" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="1480" height="1571" fill="#F5F5F5"/>
+<path d="M530.593 1068.66L498.479 1019.67V1068.66H488V998.718H497.803L529.917 1047.71V998.718H540.396V1068.66H530.593Z" fill="black"/>
+<path d="M609.355 1061.57C604.623 1066.3 598.538 1069 590.763 1069C583.326 1069 577.242 1066.3 572.509 1061.57C565.749 1054.81 565.749 1047.04 565.749 1033.52C565.749 1020.01 565.749 1012.23 572.509 1005.48C577.242 1000.75 583.326 998.042 590.763 998.042C598.2 998.042 604.285 1000.75 609.355 1005.48C616.116 1012.23 616.116 1020.01 616.116 1033.52C616.116 1047.04 616.116 1054.81 609.355 1061.57ZM601.243 1011.9C598.876 1009.19 594.82 1007.5 590.763 1007.5C586.707 1007.5 582.989 1009.19 580.284 1011.9C576.904 1015.61 576.228 1019.67 576.228 1033.52C576.228 1047.37 576.904 1051.43 580.284 1055.15C582.65 1057.85 586.707 1059.54 590.763 1059.54C594.82 1059.54 598.538 1057.85 601.243 1055.15C604.623 1051.43 605.299 1047.37 605.299 1033.52C605.299 1019.67 604.623 1015.61 601.243 1011.9Z" fill="black"/>
+<path d="M674.597 1068.66V998.718H685.076V1068.66H674.597Z" fill="black"/>
+<path d="M764.515 1068.66V1022.03L748.289 1056.16H740.514L723.95 1022.03V1068.66H713.471V998.718H723.95L744.233 1042.31L764.177 998.718H774.656V1068.66H764.515Z" fill="black"/>
+<path d="M842.94 1068.66L838.207 1054.81H810.488L805.755 1068.66H794.6L820.291 998.718H828.742L854.433 1068.66H842.94ZM824.685 1014.6L813.868 1045.69H835.503L824.685 1014.6Z" fill="black"/>
+<path d="M914.603 1061.23C909.195 1066.97 902.772 1069 895.335 1069C888.237 1069 881.814 1066.3 877.081 1061.57C870.32 1054.81 870.32 1047.04 870.32 1033.52C870.32 1020.01 870.32 1012.23 877.081 1005.48C881.814 1000.75 887.899 998.042 895.335 998.042C910.209 998.042 918.66 1007.84 920.688 1019.67H909.871C908.181 1011.9 903.11 1007.5 894.997 1007.5C890.941 1007.5 887.222 1009.19 884.856 1011.9C881.476 1015.61 880.8 1019.67 880.8 1033.52C880.8 1047.37 881.476 1051.43 884.856 1055.15C887.222 1057.85 890.941 1059.2 894.997 1059.2C899.73 1059.2 903.786 1057.51 906.491 1054.13C909.195 1051.09 909.871 1047.71 909.871 1043.32V1039.27H895.673V1030.14H921.026V1040.95C921.026 1050.42 919.336 1056.16 914.603 1061.23Z" fill="black"/>
+<path d="M946.379 1068.66V998.718H991V1008.18H956.858V1028.45H985.929V1037.91H956.858V1058.86H991V1068.32H946.379V1068.66Z" fill="black"/>
+<path d="M932.52 517.895L526.874 923.367" stroke="black" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M567.439 878.09C543.438 878.09 523.832 858.492 523.832 834.501V614.194C523.832 590.204 543.438 570.606 567.439 570.606H879.109" stroke="black" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M920.012 570.268C944.013 570.268 963.619 589.866 963.619 613.856V834.164C963.619 858.154 944.013 877.752 920.012 877.752H620.849" stroke="black" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M629.976 564.862L671.554 518.571C678.315 508.772 689.808 501 702.992 501H788.177C801.361 501 812.854 508.772 819.615 518.571L854.095 564.862" stroke="black" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M896.687 653.39C906.022 653.39 913.589 645.826 913.589 636.495C913.589 627.165 906.022 619.601 896.687 619.601C887.353 619.601 879.786 627.165 879.786 636.495C879.786 645.826 887.353 653.39 896.687 653.39Z" fill="black"/>
+<path d="M825.023 676.705C834.15 690.896 839.559 707.453 840.235 725.362C841.587 778.073 800.347 821.661 747.613 823.351C725.978 824.027 705.696 817.269 689.47 805.443" stroke="black" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M665.47 784.493C653.638 768.612 646.878 749.014 646.878 727.727C646.878 675.016 689.47 632.441 742.204 632.441C761.134 632.441 778.712 637.847 793.586 647.308" stroke="black" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/star-gray.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <title>star</title>
+    <path
+      fill="#747476"
+      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"
+    />
+  </svg>

package/dist/components/Crad.svelte

@@ -0,0 +1,45 @@
+<script lang="ts">
+	import { calendarMonthGraySvg, noImageSvg, StarGraySvg } from '..';
+	import type { ContentCasual } from '../types';
+
+	let { content }: { content: ContentCasual } = $props();
+
+	const onErrorImage = (e: Event): void => {
+		const target = e.currentTarget as HTMLImageElement;
+		target.src = noImageSvg;
+		target.onerror = null;
+	};
+</script>
+
+<a class="card w-full rounded-3xl card-sm" href="/contents/{content.id}">
+	<figure class="aspect-3/2 rounded-3xl">
+		<img
+			src={content.thumbnail}
+			alt={content.name}
+			class="h-full w-full object-cover"
+			onerror={onErrorImage}
+		/>
+	</figure>
+	<div class="card-body gap-0.5 px-1 py-2">
+		{#if content.schedules.length > 0}
+			<p class="flex min-w-0 items-center gap-0.5 text-base-content/60">
+				<img src={calendarMonthGraySvg} alt="スケジュール" class="size-3 shrink-0" />
+				<span class="block min-w-0 truncate">{content.schedules.join(',')}</span>
+			</p>
+		{/if}
+		<div class="flex">
+			<h2 class="card-title min-w-0">
+				<span class="block min-w-0 truncate">{content.name}</span>
+			</h2>
+			<p class="flex shrink-0 items-center justify-end gap-0.5 text-base-content/60">
+				<img src={StarGraySvg} alt="評価" class="size-3 shrink-0" />
+				{content.rate_average}
+			</p>
+		</div>
+		{#if content.parents}
+			<p class="flex items-center gap-1 text-base-content/60">
+				<span class="block min-w-0 truncate">{content.parents}</span>
+			</p>
+		{/if}
+	</div>
+</a>

package/dist/components/Crad.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { ContentCasual } from '../types';
+type $$ComponentProps = {
+    content: ContentCasual;
+};
+declare const Crad: import("svelte").Component<$$ComponentProps, {}, "">;
+type Crad = ReturnType<typeof Crad>;
+export default Crad;

package/dist/components/Fab.svelte

@@ -1,14 +1,16 @@
 <script lang="ts">
 	let {
+		class: className,
 		dial,
 		children
 	}: {
+		class?: string;
 		dial: import('svelte').Snippet;
 		children: import('svelte').Snippet;
 	} = $props();
 </script>
 
-<div class="fab">
+<div class="fab {className}">
 	<div tabindex="0" role="button" class="btn btn-circle btn-primary btn-xl">
 		{@render dial()}
 	</div>

package/dist/components/Fab.svelte.d.ts

@@ -1,4 +1,5 @@
 type $$ComponentProps = {
+    class?: string;
     dial: import('svelte').Snippet;
     children: import('svelte').Snippet;
 };

package/dist/components/Header.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { Btn } from '@3birds/midori-ui';
+
+	let { class: className, children }: { class?: string; children: import('svelte').Snippet } =
+		$props();
+</script>
+
+<header class="navbar top-0 hidden px-4 py-0 shadow-sm sm:flex {className}">
+	<div class="flex-1">
+		<Btn class="flex w-fit items-center btn-ghost text-2xl font-bold text-primary" href="/"
+			>Midori</Btn
+		>
+	</div>
+	<div class="flex gap-2">
+		{@render children()}
+	</div>
+</header>

package/dist/components/Header.svelte.d.ts

@@ -0,0 +1,7 @@
+type $$ComponentProps = {
+    class?: string;
+    children: import('svelte').Snippet;
+};
+declare const Header: import("svelte").Component<$$ComponentProps, {}, "">;
+type Header = ReturnType<typeof Header>;
+export default Header;

package/dist/components/Modal.svelte

@@ -3,11 +3,12 @@
 
 	let {
 		value = $bindable(),
+		class: className,
 		children
-	}: { value?: HTMLDialogElement; children: import('svelte').Snippet } = $props();
+	}: { value?: HTMLDialogElement; class?: string; children: import('svelte').Snippet } = $props();
 </script>
 
-<dialog bind:this={value} class="modal modal-bottom sm:modal-middle">
+<dialog bind:this={value} class="modal modal-bottom sm:modal-middle {className}">
 	<div class="modal-box rounded-t-3xl sm:rounded-3xl">
 		{@render children()}
 		<div class="modal-action">

package/dist/components/Modal.svelte.d.ts

@@ -1,5 +1,6 @@
 type $$ComponentProps = {
     value?: HTMLDialogElement;
+    class?: string;
     children: import('svelte').Snippet;
 };
 declare const Modal: import("svelte").Component<$$ComponentProps, {}, "value">;

package/dist/components/Pagination.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { Btn } from '@3birds/midori-ui';
+
+	let {
+		value = $bindable(),
+		per,
+		deadend,
+		class: className
+	}: { value: number; per: number; deadend: boolean; class?: string } = $props();
+
+	const onClickPrev = () => {
+		value--;
+	};
+
+	const onClickNext = () => {
+		value++;
+	};
+</script>
+
+<div class="join col-span-8 col-start-3 grid grid-cols-2 {className}">
+	<Btn class="join-item rounded-r-none btn-outline" disabled={value === 1} onclick={onClickPrev}
+		>前の{per}件</Btn
+	>
+	<Btn class="join-item rounded-l-none btn-outline" disabled={deadend} onclick={onClickNext}
+		>次の{per}件</Btn
+	>
+</div>

package/dist/components/Pagination.svelte.d.ts

@@ -0,0 +1,9 @@
+type $$ComponentProps = {
+    value: number;
+    per: number;
+    deadend: boolean;
+    class?: string;
+};
+declare const Pagination: import("svelte").Component<$$ComponentProps, {}, "value">;
+type Pagination = ReturnType<typeof Pagination>;
+export default Pagination;

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export { default as Filter } from './components/Filter.svelte';
 export { default as accountSvg } from './assets/account.svg';
 export { default as alertSvg } from './assets/alert.svg';
 export { default as calendarMonthSvg } from './assets/calendar-month.svg';
+export { default as calendarMonthGraySvg } from './assets/calendar-month^gray.svg';
 export { default as checkCircleSvg } from './assets/check-circle.svg';
 export { default as clipboardTextOutlineSvg } from './assets/clipboard-text-outline.svg';
 export { default as closeCircleSvg } from './assets/close-circle.svg';
@@ -36,13 +37,16 @@ export { default as mapOutlineSvg } from './assets/map-outline.svg';
 export { default as menuSvg } from './assets/menu.svg';
 export { default as menuWhiteSvg } from './assets/menu-white.svg';
 export { default as messageStarOutlineSvg } from './assets/message-star-outline.svg';
+export { default as noImageSvg } from './assets/no-image.svg';
 export { default as pencilSvg } from './assets/pencil.svg';
 export { default as refreshSvg } from './assets/refresh.svg';
 export { default as shapeOutlineSvg } from './assets/shape-outline.svg';
 export { default as StarSvg } from './assets/star.svg';
+export { default as StarGraySvg } from './assets/star-gray.svg';
 export { alert } from './alert';
 export { authState } from './auth.svelte.ts';
 export * as firebase from './auth';
 export { auth } from './firebase';
+export * as modal from './modals-context.ts';
 export { PRIORITIES } from './constants/index.ts';
 export type { BtnType, InputType, AlertType, AlertState, BreadcrumbsItem, FilterItem, Priority, PriorityChoice } from './types/index.ts';

package/dist/index.js

@@ -10,6 +10,7 @@ export { default as Filter } from './components/Filter.svelte';
 export { default as accountSvg } from './assets/account.svg';
 export { default as alertSvg } from './assets/alert.svg';
 export { default as calendarMonthSvg } from './assets/calendar-month.svg';
+export { default as calendarMonthGraySvg } from './assets/calendar-month^gray.svg';
 export { default as checkCircleSvg } from './assets/check-circle.svg';
 export { default as clipboardTextOutlineSvg } from './assets/clipboard-text-outline.svg';
 export { default as closeCircleSvg } from './assets/close-circle.svg';
@@ -37,12 +38,15 @@ export { default as mapOutlineSvg } from './assets/map-outline.svg';
 export { default as menuSvg } from './assets/menu.svg';
 export { default as menuWhiteSvg } from './assets/menu-white.svg';
 export { default as messageStarOutlineSvg } from './assets/message-star-outline.svg';
+export { default as noImageSvg } from './assets/no-image.svg';
 export { default as pencilSvg } from './assets/pencil.svg';
 export { default as refreshSvg } from './assets/refresh.svg';
 export { default as shapeOutlineSvg } from './assets/shape-outline.svg';
 export { default as StarSvg } from './assets/star.svg';
+export { default as StarGraySvg } from './assets/star-gray.svg';
 export { alert } from './alert';
 export { authState } from "./auth.svelte.js";
 export * as firebase from './auth';
 export { auth } from './firebase';
+export * as modal from "./modals-context.js";
 export { PRIORITIES } from "./constants/index.js";

package/dist/modals-context.d.ts

@@ -0,0 +1,7 @@
+export type ModalsContext = {
+    openSignin: () => void;
+    openSignup: () => void;
+    openPassword: () => void;
+};
+export declare function setModalsContext(value: ModalsContext): void;
+export declare function getModalsContext(): ModalsContext;

package/dist/modals-context.js

@@ -0,0 +1,8 @@
+import { getContext, setContext } from 'svelte';
+const MODALS_KEY = Symbol('modals');
+export function setModalsContext(value) {
+    setContext(MODALS_KEY, value);
+}
+export function getModalsContext() {
+    return getContext(MODALS_KEY);
+}

package/dist/types/index.d.ts

@@ -20,3 +20,14 @@ export interface PriorityChoice {
     label: string;
     value: Priority;
 }
+export interface ContentCasual {
+    id: string;
+    name: string;
+    latitude: number;
+    longitude: number;
+    address: string;
+    thumbnail: string;
+    parents: string;
+    rate_average: number;
+    schedules: string[];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@3birds/midori-ui",
-	"version": "0.0.26",
+	"version": "0.0.28",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",