@bysages/svelte 0.2.2 → 0.3.0

package/dist/calendar-0tSnHuLj.mjs

@@ -0,0 +1,471 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { DatePicker } from "@ark-ui/svelte/date-picker";
+//#region src/components/calendar/Calendar.svelte
+const title = ($$anchor, dp = $.noop) => {
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	var consequent = ($$anchor) => {
+		const decade = $.derived(() => Math.floor(dp().focusedValue.year / 10) * 10);
+		var text = $.text();
+		$.template_effect(() => $.set_text(text, `${$.get(decade) ?? ""} - ${$.get(decade) + 9}`));
+		$.append($$anchor, text);
+	};
+	var consequent_1 = ($$anchor) => {
+		var text_1 = $.text();
+		$.template_effect(($0) => $.set_text(text_1, $0), [() => dp().format(dp().focusedValue, { year: "numeric" })]);
+		$.append($$anchor, text_1);
+	};
+	var alternate = ($$anchor) => {
+		var text_2 = $.text();
+		$.template_effect(($0) => $.set_text(text_2, $0), [() => dp().format(dp().focusedValue, {
+			month: "long",
+			year: "numeric"
+		})]);
+		$.append($$anchor, text_2);
+	};
+	$.if(node, ($$render) => {
+		if (dp().view === "year") $$render(consequent);
+		else if (dp().view === "month") $$render(consequent_1, 1);
+		else $$render(alternate, -1);
+	});
+	$.append($$anchor, fragment);
+};
+const header = ($$anchor) => {
+	var div = root_3();
+	var node_1 = $.child(div);
+	$.component(node_1, () => DatePicker.ViewControl, ($$anchor, ArkDatePicker_ViewControl) => {
+		ArkDatePicker_ViewControl($$anchor, {
+			children: ($$anchor, $$slotProps) => {
+				var fragment_4 = root_2();
+				var node_2 = $.first_child(fragment_4);
+				$.component(node_2, () => DatePicker.PrevTrigger, ($$anchor, ArkDatePicker_PrevTrigger) => {
+					ArkDatePicker_PrevTrigger($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							var svg = root();
+							$.append($$anchor, svg);
+						},
+						$$slots: { default: true }
+					});
+				});
+				var node_3 = $.sibling(node_2, 2);
+				$.component(node_3, () => DatePicker.ViewTrigger, ($$anchor, ArkDatePicker_ViewTrigger) => {
+					ArkDatePicker_ViewTrigger($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							var fragment_5 = $.comment();
+							var node_4 = $.first_child(fragment_5);
+							{
+								const children = ($$anchor, dp = $.noop) => {
+									title($$anchor, dp);
+								};
+								$.component(node_4, () => DatePicker.Context, ($$anchor, ArkDatePicker_Context) => {
+									ArkDatePicker_Context($$anchor, {
+										children,
+										$$slots: { default: true }
+									});
+								});
+							}
+							$.append($$anchor, fragment_5);
+						},
+						$$slots: { default: true }
+					});
+				});
+				var node_5 = $.sibling(node_3, 2);
+				$.component(node_5, () => DatePicker.NextTrigger, ($$anchor, ArkDatePicker_NextTrigger) => {
+					ArkDatePicker_NextTrigger($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							var svg_1 = root_1();
+							$.append($$anchor, svg_1);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_4);
+			},
+			$$slots: { default: true }
+		});
+	});
+	$.reset(div);
+	$.append($$anchor, div);
+};
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"min",
+	"max",
+	"onValueChange",
+	"children"
+]);
+var root = $.from_svg(`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true" style="transform: rotate(180deg)"><path d="m9 5 7 7-7 7"></path></svg>`);
+var root_1 = $.from_svg(`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><path d="m9 5 7 7-7 7"></path></svg>`);
+var root_2 = $.from_html(`<!> <!> <!>`, 1);
+var root_3 = $.from_html(`<div data-scope="calendar" data-part="header"><!></div>`);
+var root_4 = $.from_html(`<!> <!>`, 1);
+var root_5 = $.from_html(`<div><!> <!></div>`);
+function Calendar$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("calendar");
+	let rest = $.rest_props($$props, rest_excludes);
+	var div_1 = root_5();
+	$.attribute_effect(div_1, () => ({
+		...rest,
+		"data-scope": "calendar",
+		"data-part": "root"
+	}));
+	var node_6 = $.child(div_1);
+	$.component(node_6, () => DatePicker.Root, ($$anchor, ArkDatePicker_Root) => {
+		ArkDatePicker_Root($$anchor, {
+			open: true,
+			closeOnSelect: true,
+			inline: true,
+			get value() {
+				return $$props.value;
+			},
+			get min() {
+				return $$props.min;
+			},
+			get max() {
+				return $$props.max;
+			},
+			onValueChange: (details) => $$props.onValueChange?.(details.value),
+			children: ($$anchor, $$slotProps) => {
+				var fragment_7 = root_2();
+				var node_7 = $.first_child(fragment_7);
+				$.component(node_7, () => DatePicker.View, ($$anchor, ArkDatePicker_View) => {
+					ArkDatePicker_View($$anchor, {
+						view: "day",
+						children: ($$anchor, $$slotProps) => {
+							var fragment_8 = root_4();
+							var node_8 = $.first_child(fragment_8);
+							header(node_8);
+							var node_9 = $.sibling(node_8, 2);
+							{
+								const children = ($$anchor, dp = $.noop) => {
+									var fragment_9 = $.comment();
+									var node_10 = $.first_child(fragment_9);
+									$.component(node_10, () => DatePicker.Table, ($$anchor, ArkDatePicker_Table) => {
+										ArkDatePicker_Table($$anchor, {
+											children: ($$anchor, $$slotProps) => {
+												var fragment_10 = root_4();
+												var node_11 = $.first_child(fragment_10);
+												$.component(node_11, () => DatePicker.TableHead, ($$anchor, ArkDatePicker_TableHead) => {
+													ArkDatePicker_TableHead($$anchor, {
+														children: ($$anchor, $$slotProps) => {
+															var fragment_11 = $.comment();
+															var node_12 = $.first_child(fragment_11);
+															$.component(node_12, () => DatePicker.TableRow, ($$anchor, ArkDatePicker_TableRow) => {
+																ArkDatePicker_TableRow($$anchor, {
+																	children: ($$anchor, $$slotProps) => {
+																		var fragment_12 = $.comment();
+																		var node_13 = $.first_child(fragment_12);
+																		$.each(node_13, 17, () => dp().weekDays, $.index, ($$anchor, day) => {
+																			var fragment_13 = $.comment();
+																			var node_14 = $.first_child(fragment_13);
+																			$.component(node_14, () => DatePicker.TableHeader, ($$anchor, ArkDatePicker_TableHeader) => {
+																				ArkDatePicker_TableHeader($$anchor, {
+																					get "aria-label"() {
+																						return $.get(day).long;
+																					},
+																					children: ($$anchor, $$slotProps) => {
+																						$.next();
+																						var text_3 = $.text();
+																						$.template_effect(() => $.set_text(text_3, $.get(day).narrow));
+																						$.append($$anchor, text_3);
+																					},
+																					$$slots: { default: true }
+																				});
+																			});
+																			$.append($$anchor, fragment_13);
+																		});
+																		$.append($$anchor, fragment_12);
+																	},
+																	$$slots: { default: true }
+																});
+															});
+															$.append($$anchor, fragment_11);
+														},
+														$$slots: { default: true }
+													});
+												});
+												var node_15 = $.sibling(node_11, 2);
+												$.component(node_15, () => DatePicker.TableBody, ($$anchor, ArkDatePicker_TableBody) => {
+													ArkDatePicker_TableBody($$anchor, {
+														children: ($$anchor, $$slotProps) => {
+															var fragment_15 = $.comment();
+															var node_16 = $.first_child(fragment_15);
+															$.each(node_16, 17, () => dp().weeks, $.index, ($$anchor, week) => {
+																var fragment_16 = $.comment();
+																var node_17 = $.first_child(fragment_16);
+																$.component(node_17, () => DatePicker.TableRow, ($$anchor, ArkDatePicker_TableRow_1) => {
+																	ArkDatePicker_TableRow_1($$anchor, {
+																		children: ($$anchor, $$slotProps) => {
+																			var fragment_17 = $.comment();
+																			var node_18 = $.first_child(fragment_17);
+																			$.each(node_18, 17, () => $.get(week), $.index, ($$anchor, day) => {
+																				var fragment_18 = $.comment();
+																				var node_19 = $.first_child(fragment_18);
+																				$.component(node_19, () => DatePicker.TableCell, ($$anchor, ArkDatePicker_TableCell) => {
+																					ArkDatePicker_TableCell($$anchor, {
+																						get value() {
+																							return $.get(day);
+																						},
+																						children: ($$anchor, $$slotProps) => {
+																							var fragment_19 = $.comment();
+																							var node_20 = $.first_child(fragment_19);
+																							$.component(node_20, () => DatePicker.TableCellTrigger, ($$anchor, ArkDatePicker_TableCellTrigger) => {
+																								ArkDatePicker_TableCellTrigger($$anchor, {
+																									children: ($$anchor, $$slotProps) => {
+																										$.next();
+																										var text_4 = $.text();
+																										$.template_effect(() => $.set_text(text_4, $.get(day).day));
+																										$.append($$anchor, text_4);
+																									},
+																									$$slots: { default: true }
+																								});
+																							});
+																							$.append($$anchor, fragment_19);
+																						},
+																						$$slots: { default: true }
+																					});
+																				});
+																				$.append($$anchor, fragment_18);
+																			});
+																			$.append($$anchor, fragment_17);
+																		},
+																		$$slots: { default: true }
+																	});
+																});
+																$.append($$anchor, fragment_16);
+															});
+															$.append($$anchor, fragment_15);
+														},
+														$$slots: { default: true }
+													});
+												});
+												$.append($$anchor, fragment_10);
+											},
+											$$slots: { default: true }
+										});
+									});
+									$.append($$anchor, fragment_9);
+								};
+								$.component(node_9, () => DatePicker.Context, ($$anchor, ArkDatePicker_Context_1) => {
+									ArkDatePicker_Context_1($$anchor, {
+										children,
+										$$slots: { default: true }
+									});
+								});
+							}
+							$.append($$anchor, fragment_8);
+						},
+						$$slots: { default: true }
+					});
+				});
+				var node_21 = $.sibling(node_7, 2);
+				$.component(node_21, () => DatePicker.View, ($$anchor, ArkDatePicker_View_1) => {
+					ArkDatePicker_View_1($$anchor, {
+						view: "month",
+						children: ($$anchor, $$slotProps) => {
+							var fragment_21 = root_4();
+							var node_22 = $.first_child(fragment_21);
+							header(node_22);
+							var node_23 = $.sibling(node_22, 2);
+							{
+								const children = ($$anchor, dp = $.noop) => {
+									var fragment_22 = $.comment();
+									var node_24 = $.first_child(fragment_22);
+									$.component(node_24, () => DatePicker.Table, ($$anchor, ArkDatePicker_Table_1) => {
+										ArkDatePicker_Table_1($$anchor, {
+											columns: 3,
+											children: ($$anchor, $$slotProps) => {
+												var fragment_23 = $.comment();
+												var node_25 = $.first_child(fragment_23);
+												$.component(node_25, () => DatePicker.TableBody, ($$anchor, ArkDatePicker_TableBody_1) => {
+													ArkDatePicker_TableBody_1($$anchor, {
+														children: ($$anchor, $$slotProps) => {
+															var fragment_24 = $.comment();
+															var node_26 = $.first_child(fragment_24);
+															$.each(node_26, 17, () => dp().getMonthsGrid({ columns: 3 }), $.index, ($$anchor, months) => {
+																var fragment_25 = $.comment();
+																var node_27 = $.first_child(fragment_25);
+																$.component(node_27, () => DatePicker.TableRow, ($$anchor, ArkDatePicker_TableRow_2) => {
+																	ArkDatePicker_TableRow_2($$anchor, {
+																		children: ($$anchor, $$slotProps) => {
+																			var fragment_26 = $.comment();
+																			var node_28 = $.first_child(fragment_26);
+																			$.each(node_28, 17, () => $.get(months), $.index, ($$anchor, month) => {
+																				var fragment_27 = $.comment();
+																				var node_29 = $.first_child(fragment_27);
+																				$.component(node_29, () => DatePicker.TableCell, ($$anchor, ArkDatePicker_TableCell_1) => {
+																					ArkDatePicker_TableCell_1($$anchor, {
+																						get value() {
+																							return $.get(month).value;
+																						},
+																						columns: 3,
+																						children: ($$anchor, $$slotProps) => {
+																							var fragment_28 = $.comment();
+																							var node_30 = $.first_child(fragment_28);
+																							$.component(node_30, () => DatePicker.TableCellTrigger, ($$anchor, ArkDatePicker_TableCellTrigger_1) => {
+																								ArkDatePicker_TableCellTrigger_1($$anchor, {
+																									children: ($$anchor, $$slotProps) => {
+																										$.next();
+																										var text_5 = $.text();
+																										$.template_effect(() => $.set_text(text_5, $.get(month).label));
+																										$.append($$anchor, text_5);
+																									},
+																									$$slots: { default: true }
+																								});
+																							});
+																							$.append($$anchor, fragment_28);
+																						},
+																						$$slots: { default: true }
+																					});
+																				});
+																				$.append($$anchor, fragment_27);
+																			});
+																			$.append($$anchor, fragment_26);
+																		},
+																		$$slots: { default: true }
+																	});
+																});
+																$.append($$anchor, fragment_25);
+															});
+															$.append($$anchor, fragment_24);
+														},
+														$$slots: { default: true }
+													});
+												});
+												$.append($$anchor, fragment_23);
+											},
+											$$slots: { default: true }
+										});
+									});
+									$.append($$anchor, fragment_22);
+								};
+								$.component(node_23, () => DatePicker.Context, ($$anchor, ArkDatePicker_Context_2) => {
+									ArkDatePicker_Context_2($$anchor, {
+										children,
+										$$slots: { default: true }
+									});
+								});
+							}
+							$.append($$anchor, fragment_21);
+						},
+						$$slots: { default: true }
+					});
+				});
+				var node_31 = $.sibling(node_21, 2);
+				$.component(node_31, () => DatePicker.View, ($$anchor, ArkDatePicker_View_2) => {
+					ArkDatePicker_View_2($$anchor, {
+						view: "year",
+						children: ($$anchor, $$slotProps) => {
+							var fragment_30 = root_4();
+							var node_32 = $.first_child(fragment_30);
+							header(node_32);
+							var node_33 = $.sibling(node_32, 2);
+							{
+								const children = ($$anchor, dp = $.noop) => {
+									var fragment_31 = $.comment();
+									var node_34 = $.first_child(fragment_31);
+									$.component(node_34, () => DatePicker.Table, ($$anchor, ArkDatePicker_Table_2) => {
+										ArkDatePicker_Table_2($$anchor, {
+											columns: 3,
+											children: ($$anchor, $$slotProps) => {
+												var fragment_32 = $.comment();
+												var node_35 = $.first_child(fragment_32);
+												$.component(node_35, () => DatePicker.TableBody, ($$anchor, ArkDatePicker_TableBody_2) => {
+													ArkDatePicker_TableBody_2($$anchor, {
+														children: ($$anchor, $$slotProps) => {
+															var fragment_33 = $.comment();
+															var node_36 = $.first_child(fragment_33);
+															$.each(node_36, 17, () => dp().getYearsGrid({ columns: 3 }), $.index, ($$anchor, years) => {
+																var fragment_34 = $.comment();
+																var node_37 = $.first_child(fragment_34);
+																$.component(node_37, () => DatePicker.TableRow, ($$anchor, ArkDatePicker_TableRow_3) => {
+																	ArkDatePicker_TableRow_3($$anchor, {
+																		children: ($$anchor, $$slotProps) => {
+																			var fragment_35 = $.comment();
+																			var node_38 = $.first_child(fragment_35);
+																			$.each(node_38, 17, () => $.get(years), $.index, ($$anchor, year) => {
+																				var fragment_36 = $.comment();
+																				var node_39 = $.first_child(fragment_36);
+																				$.component(node_39, () => DatePicker.TableCell, ($$anchor, ArkDatePicker_TableCell_2) => {
+																					ArkDatePicker_TableCell_2($$anchor, {
+																						get value() {
+																							return $.get(year).value;
+																						},
+																						columns: 3,
+																						children: ($$anchor, $$slotProps) => {
+																							var fragment_37 = $.comment();
+																							var node_40 = $.first_child(fragment_37);
+																							$.component(node_40, () => DatePicker.TableCellTrigger, ($$anchor, ArkDatePicker_TableCellTrigger_2) => {
+																								ArkDatePicker_TableCellTrigger_2($$anchor, {
+																									children: ($$anchor, $$slotProps) => {
+																										$.next();
+																										var text_6 = $.text();
+																										$.template_effect(() => $.set_text(text_6, $.get(year).label));
+																										$.append($$anchor, text_6);
+																									},
+																									$$slots: { default: true }
+																								});
+																							});
+																							$.append($$anchor, fragment_37);
+																						},
+																						$$slots: { default: true }
+																					});
+																				});
+																				$.append($$anchor, fragment_36);
+																			});
+																			$.append($$anchor, fragment_35);
+																		},
+																		$$slots: { default: true }
+																	});
+																});
+																$.append($$anchor, fragment_34);
+															});
+															$.append($$anchor, fragment_33);
+														},
+														$$slots: { default: true }
+													});
+												});
+												$.append($$anchor, fragment_32);
+											},
+											$$slots: { default: true }
+										});
+									});
+									$.append($$anchor, fragment_31);
+								};
+								$.component(node_33, () => DatePicker.Context, ($$anchor, ArkDatePicker_Context_3) => {
+									ArkDatePicker_Context_3($$anchor, {
+										children,
+										$$slots: { default: true }
+									});
+								});
+							}
+							$.append($$anchor, fragment_30);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_7);
+			},
+			$$slots: { default: true }
+		});
+	});
+	var node_41 = $.sibling(node_6, 2);
+	$.snippet(node_41, () => $$props.children ?? $.noop);
+	$.reset(div_1);
+	$.append($$anchor, div_1);
+	$.pop();
+}
+//#endregion
+//#region src/components/calendar/index.ts
+/** The date-picker's month grid, standing on the page without its
+* popup: always open, the trigger gone, the vessel a quiet card. */
+const Calendar = Calendar$1;
+injectComponentStyle("date-picker");
+//#endregion
+export { Calendar as t };

package/dist/card-Bc3B7MYz.mjs

@@ -0,0 +1,167 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/card/Card.svelte
+var rest_excludes$5 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$5 = $.from_html(`<section><!></section>`);
+function Card$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("card");
+	let rest = $.rest_props($$props, rest_excludes$5);
+	var section = root$5();
+	$.attribute_effect(section, () => ({
+		...rest,
+		"data-scope": "card",
+		"data-part": "root"
+	}));
+	var node = $.child(section);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(section);
+	$.append($$anchor, section);
+	$.pop();
+}
+//#endregion
+//#region src/components/card/CardContent.svelte
+var rest_excludes$4 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$4 = $.from_html(`<div><!></div>`);
+function CardContent($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("card");
+	let rest = $.rest_props($$props, rest_excludes$4);
+	var div = root$4();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "card",
+		"data-part": "content"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/card/CardDescription.svelte
+var rest_excludes$3 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$3 = $.from_html(`<p><!></p>`);
+function CardDescription($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("card");
+	let rest = $.rest_props($$props, rest_excludes$3);
+	var p = root$3();
+	$.attribute_effect(p, () => ({
+		...rest,
+		"data-scope": "card",
+		"data-part": "description"
+	}));
+	var node = $.child(p);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(p);
+	$.append($$anchor, p);
+	$.pop();
+}
+//#endregion
+//#region src/components/card/CardFooter.svelte
+var rest_excludes$2 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$2 = $.from_html(`<footer><!></footer>`);
+function CardFooter($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("card");
+	let rest = $.rest_props($$props, rest_excludes$2);
+	var footer = root$2();
+	$.attribute_effect(footer, () => ({
+		...rest,
+		"data-scope": "card",
+		"data-part": "footer"
+	}));
+	var node = $.child(footer);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(footer);
+	$.append($$anchor, footer);
+	$.pop();
+}
+//#endregion
+//#region src/components/card/CardHeader.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$1 = $.from_html(`<header><!></header>`);
+function CardHeader($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("card");
+	let rest = $.rest_props($$props, rest_excludes$1);
+	var header = root$1();
+	$.attribute_effect(header, () => ({
+		...rest,
+		"data-scope": "card",
+		"data-part": "header"
+	}));
+	var node = $.child(header);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(header);
+	$.append($$anchor, header);
+	$.pop();
+}
+//#endregion
+//#region src/components/card/CardTitle.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root = $.from_html(`<h3><!></h3>`);
+function CardTitle($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("card");
+	let rest = $.rest_props($$props, rest_excludes);
+	var h3 = root();
+	$.attribute_effect(h3, () => ({
+		...rest,
+		"data-scope": "card",
+		"data-part": "title"
+	}));
+	var node = $.child(h3);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(h3);
+	$.append($$anchor, h3);
+	$.pop();
+}
+//#endregion
+//#region src/components/card/index.ts
+/** A vessel: round, resting at the first elevation, one hairline for its
+* edge. Root, Header, Title, Description, Content, Footer — sections
+* carry their own whitespace, so any subset composes. */
+const Card = Object.assign(Card$1, {
+	Root: Card$1,
+	Header: CardHeader,
+	Title: CardTitle,
+	Description: CardDescription,
+	Content: CardContent,
+	Footer: CardFooter
+});
+//#endregion
+export { Card as t };