@tomny-dev/uzi 0.5.0 → 0.6.0

package/dist/index63.js

@@ -1,63 +1,25 @@
-//#region src/components/data-table/data-table.module.css
-var wrapper = "uzi-data-table-module__wrapper__7521u";
-var tableContainer = "uzi-data-table-module__tableContainer__BJcbK";
-var table = "uzi-data-table-module__table__Mv5vN";
-var thead = "uzi-data-table-module__thead__dWIBv";
-var headerCell = "uzi-data-table-module__headerCell__kwwWs";
-var headerCellFixed = "uzi-data-table-module__headerCellFixed__8WRi5";
-var alignLeft = "uzi-data-table-module__alignLeft__Kwz-k";
-var alignCenter = "uzi-data-table-module__alignCenter__BxT33";
-var alignRight = "uzi-data-table-module__alignRight__B3fd1";
-var sortableHeader = "uzi-data-table-module__sortableHeader__aAEjv";
-var clickableHeader = "uzi-data-table-module__clickableHeader__8F9R3";
-var headerLabel = "uzi-data-table-module__headerLabel__bsfii";
-var sortIcon = "uzi-data-table-module__sortIcon__nAsRD";
-var tbody = "uzi-data-table-module__tbody__yWSPd";
-var row = "uzi-data-table-module__row__im568";
-var rowSelected = "uzi-data-table-module__rowSelected__U91El";
-var cell = "uzi-data-table-module__cell__I2qYk";
-var checkbox = "uzi-data-table-module__checkbox__XHo0c";
-var loadingCell = "uzi-data-table-module__loadingCell__YOsVj";
-var loadingRow = "uzi-data-table-module__loadingRow__TONNo";
-var skeletonBar = "uzi-data-table-module__skeletonBar__JTU6c";
-var shimmer = "uzi-data-table-module__shimmer__30BeV";
-var emptyCell = "uzi-data-table-module__emptyCell__CNH4t";
-var rowActions = "uzi-data-table-module__rowActions__NV6Ag";
-var actionBtn = "uzi-data-table-module__actionBtn__78gdR";
-var pagination = "uzi-data-table-module__pagination__qOgpw";
-var paginationButtons = "uzi-data-table-module__paginationButtons__v64jr";
-var pageBtn = "uzi-data-table-module__pageBtn__gdLj2";
-var data_table_module_default = {
-	wrapper,
-	tableContainer,
-	table,
-	thead,
-	headerCell,
-	headerCellFixed,
-	alignLeft,
-	alignCenter,
-	alignRight,
-	sortableHeader,
-	clickableHeader,
-	headerLabel,
-	sortIcon,
-	tbody,
-	row,
-	rowSelected,
-	cell,
-	checkbox,
-	loadingCell,
-	loadingRow,
-	skeletonBar,
-	shimmer,
-	emptyCell,
-	rowActions,
-	actionBtn,
-	pagination,
-	paginationButtons,
-	pageBtn
+//#region src/components/auth-card/auth-card.module.css
+var authLayout = "uzi-auth-card-module__authLayout__GHr1j";
+var authCard = "uzi-auth-card-module__authCard__ZYYit";
+var authBrand = "uzi-auth-card-module__authBrand__ZCDVm";
+var authHeader = "uzi-auth-card-module__authHeader__NB6UQ";
+var authTitle = "uzi-auth-card-module__authTitle__VtHLn";
+var authSubtitle = "uzi-auth-card-module__authSubtitle__ZupId";
+var authBody = "uzi-auth-card-module__authBody__PTyaL";
+var divider = "uzi-auth-card-module__divider__D8r12";
+var authFooter = "uzi-auth-card-module__authFooter__C5s--";
+var auth_card_module_default = {
+	authLayout,
+	authCard,
+	authBrand,
+	authHeader,
+	authTitle,
+	authSubtitle,
+	authBody,
+	divider,
+	authFooter
 };
 //#endregion
-export { actionBtn, alignCenter, alignLeft, alignRight, cell, checkbox, clickableHeader, data_table_module_default as default, emptyCell, headerCell, headerCellFixed, headerLabel, loadingCell, loadingRow, pageBtn, pagination, paginationButtons, row, rowActions, rowSelected, shimmer, skeletonBar, sortIcon, sortableHeader, table, tableContainer, tbody, thead, wrapper };
+export { authBody, authBrand, authCard, authFooter, authHeader, authLayout, authSubtitle, authTitle, auth_card_module_default as default, divider };
 
 //# sourceMappingURL=index63.js.map

package/dist/index63.js.map

@@ -1 +1 @@
-{"version":3,"file":"index63.js","names":[],"sources":["../src/components/data-table/data-table.module.css"],"sourcesContent":[".wrapper {\n  width: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.tableContainer {\n  width: 100%;\n  overflow-x: auto;\n}\n\n.table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.875rem;\n  text-align: left;\n  color: var(--foreground);\n}\n\n.thead {\n  border-bottom: 2px solid var(--border);\n}\n\n.headerCell {\n  padding: 0.75rem 1rem;\n  font-weight: 600;\n  font-size: 0.8rem;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--muted-foreground);\n  white-space: nowrap;\n  vertical-align: bottom;\n  border-bottom: 2px solid var(--border);\n}\n\n.headerCellFixed {\n  white-space: nowrap;\n}\n\n.alignLeft {\n  text-align: left;\n}\n\n.alignCenter {\n  text-align: center;\n}\n\n.alignRight {\n  text-align: right;\n}\n\n.sortableHeader {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  background: none;\n  border: none;\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  cursor: pointer;\n}\n\n.clickableHeader {\n  cursor: pointer;\n}\n\n.clickableHeader:hover {\n  color: var(--foreground);\n}\n\n.clickableHeader:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.headerLabel {\n  font: inherit;\n}\n\n.sortIcon {\n  font-size: 0.7rem;\n  opacity: 0.4;\n  user-select: none;\n}\n\n.tbody {\n  border-top: 1px solid var(--border);\n}\n\n.row {\n  border-bottom: 1px solid var(--border);\n  transition: background-color 0.12s ease;\n}\n\n.row:hover {\n  background-color: var(--muted);\n}\n\n.rowSelected {\n  background-color: color-mix(in srgb, var(--primary) 10%, transparent);\n}\n\n.cell {\n  padding: 0.75rem 1rem;\n  vertical-align: middle;\n  white-space: nowrap;\n}\n\n.checkbox {\n  width: 1rem;\n  height: 1rem;\n  accent-color: var(--primary);\n  cursor: pointer;\n  border-radius: 4px;\n}\n\n.loadingCell {\n  padding: 2rem 1rem;\n  text-align: center;\n}\n\n.loadingRow {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  margin-bottom: 0.75rem;\n  opacity: 0.6;\n}\n\n.skeletonBar {\n  height: 0.75rem;\n  border-radius: 4px;\n  background: linear-gradient(90deg, var(--muted) 25%, var(--secondary) 50%, var(--muted) 75%);\n  background-size: 200% 100%;\n  animation: shimmer 1.5s infinite;\n}\n\n@keyframes shimmer {\n  0% { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n.emptyCell {\n  padding: 2rem 1rem;\n  text-align: center;\n  color: var(--muted-foreground);\n  font-style: italic;\n}\n\n.rowActions {\n  display: inline-flex;\n  gap: 0.5rem;\n}\n\n.actionBtn {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.25rem;\n  background: none;\n  border: none;\n  color: var(--muted-foreground);\n  cursor: pointer;\n  font-size: 0.8rem;\n  padding: 0.25rem 0.5rem;\n  border-radius: 4px;\n  transition: color 0.12s, background-color 0.12s;\n}\n\n.actionBtn:hover {\n  color: var(--foreground);\n  background-color: var(--muted);\n}\n\n.actionBtn:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.pagination {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.75rem 1rem;\n  border-top: 1px solid var(--border);\n  font-size: 0.8rem;\n  color: var(--muted-foreground);\n}\n\n.paginationButtons {\n  display: inline-flex;\n  gap: 0.25rem;\n}\n\n.pageBtn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2rem;\n  height: 2rem;\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  background: var(--background);\n  color: var(--foreground);\n  cursor: pointer;\n  font-size: 0.85rem;\n  transition: background-color 0.12s, border-color 0.12s;\n}\n\n.pageBtn:hover:not(:disabled) {\n  background-color: var(--muted);\n  border-color: var(--accent);\n}\n\n.pageBtn:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.pageBtn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n"],"mappings":""}
+{"version":3,"file":"index63.js","names":[],"sources":["../src/components/auth-card/auth-card.module.css"],"sourcesContent":[".authLayout {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100vh;\n  min-height: 100dvh;\n  padding: 24px;\n  background: var(--background);\n}\n\n.authCard {\n  width: 100%;\n  max-width: 400px;\n  border-radius: var(--ts-card-radius, 12px);\n  border: 1px solid var(--ts-card-border, var(--border));\n  background: var(--ts-card-bg, var(--card));\n  color: var(--ts-card-fg, var(--foreground));\n  box-shadow: var(--ts-card-shadow, 0 16px 36px rgba(0, 0, 0, 0.28));\n  padding: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.authBrand {\n  display: flex;\n  justify-content: center;\n  margin-bottom: 8px;\n}\n\n.authBrand svg {\n  width: 40px;\n  height: 40px;\n  color: var(--primary);\n}\n\n.authHeader {\n  text-align: center;\n}\n\n.authTitle {\n  font-size: 1.25rem;\n  font-weight: 600;\n  line-height: 1.4;\n  margin: 0;\n  color: var(--foreground);\n}\n\n.authSubtitle {\n  font-size: 0.875rem;\n  color: var(--muted-foreground);\n  margin-top: 8px;\n  margin-bottom: 0;\n  line-height: 1.4;\n}\n\n.authBody {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.divider {\n  border: none;\n  border-top: 1px solid var(--border);\n  margin: 0;\n}\n\n.authFooter {\n  text-align: center;\n  font-size: 0.875rem;\n  color: var(--muted-foreground);\n  margin: 0;\n}\n\n.authFooter a {\n  color: var(--primary);\n  text-decoration: none;\n  font-weight: 500;\n}\n\n.authFooter a:hover {\n  text-decoration: underline;\n}\n"],"mappings":""}

package/dist/index64.cjs

@@ -1,91 +1,34 @@
-//#region src/components/data-table/data-table.module.css
-var wrapper = "uzi-data-table-module__wrapper__7521u";
-var tableContainer = "uzi-data-table-module__tableContainer__BJcbK";
-var table = "uzi-data-table-module__table__Mv5vN";
-var thead = "uzi-data-table-module__thead__dWIBv";
-var headerCell = "uzi-data-table-module__headerCell__kwwWs";
-var headerCellFixed = "uzi-data-table-module__headerCellFixed__8WRi5";
-var alignLeft = "uzi-data-table-module__alignLeft__Kwz-k";
-var alignCenter = "uzi-data-table-module__alignCenter__BxT33";
-var alignRight = "uzi-data-table-module__alignRight__B3fd1";
-var sortableHeader = "uzi-data-table-module__sortableHeader__aAEjv";
-var clickableHeader = "uzi-data-table-module__clickableHeader__8F9R3";
-var headerLabel = "uzi-data-table-module__headerLabel__bsfii";
-var sortIcon = "uzi-data-table-module__sortIcon__nAsRD";
-var tbody = "uzi-data-table-module__tbody__yWSPd";
-var row = "uzi-data-table-module__row__im568";
-var rowSelected = "uzi-data-table-module__rowSelected__U91El";
-var cell = "uzi-data-table-module__cell__I2qYk";
-var checkbox = "uzi-data-table-module__checkbox__XHo0c";
-var loadingCell = "uzi-data-table-module__loadingCell__YOsVj";
-var loadingRow = "uzi-data-table-module__loadingRow__TONNo";
-var skeletonBar = "uzi-data-table-module__skeletonBar__JTU6c";
-var shimmer = "uzi-data-table-module__shimmer__30BeV";
-var emptyCell = "uzi-data-table-module__emptyCell__CNH4t";
-var rowActions = "uzi-data-table-module__rowActions__NV6Ag";
-var actionBtn = "uzi-data-table-module__actionBtn__78gdR";
-var pagination = "uzi-data-table-module__pagination__qOgpw";
-var paginationButtons = "uzi-data-table-module__paginationButtons__v64jr";
-var pageBtn = "uzi-data-table-module__pageBtn__gdLj2";
-var data_table_module_default = {
-	wrapper,
-	tableContainer,
-	table,
-	thead,
-	headerCell,
-	headerCellFixed,
-	alignLeft,
-	alignCenter,
-	alignRight,
-	sortableHeader,
-	clickableHeader,
-	headerLabel,
-	sortIcon,
-	tbody,
-	row,
-	rowSelected,
-	cell,
-	checkbox,
-	loadingCell,
-	loadingRow,
-	skeletonBar,
-	shimmer,
-	emptyCell,
-	rowActions,
-	actionBtn,
-	pagination,
-	paginationButtons,
-	pageBtn
+//#region src/components/auth-card/auth-card.module.css
+var authLayout = "uzi-auth-card-module__authLayout__GHr1j";
+var authCard = "uzi-auth-card-module__authCard__ZYYit";
+var authBrand = "uzi-auth-card-module__authBrand__ZCDVm";
+var authHeader = "uzi-auth-card-module__authHeader__NB6UQ";
+var authTitle = "uzi-auth-card-module__authTitle__VtHLn";
+var authSubtitle = "uzi-auth-card-module__authSubtitle__ZupId";
+var authBody = "uzi-auth-card-module__authBody__PTyaL";
+var divider = "uzi-auth-card-module__divider__D8r12";
+var authFooter = "uzi-auth-card-module__authFooter__C5s--";
+var auth_card_module_default = {
+	authLayout,
+	authCard,
+	authBrand,
+	authHeader,
+	authTitle,
+	authSubtitle,
+	authBody,
+	divider,
+	authFooter
 };
 //#endregion
-exports.actionBtn = actionBtn;
-exports.alignCenter = alignCenter;
-exports.alignLeft = alignLeft;
-exports.alignRight = alignRight;
-exports.cell = cell;
-exports.checkbox = checkbox;
-exports.clickableHeader = clickableHeader;
-exports.default = data_table_module_default;
-exports.emptyCell = emptyCell;
-exports.headerCell = headerCell;
-exports.headerCellFixed = headerCellFixed;
-exports.headerLabel = headerLabel;
-exports.loadingCell = loadingCell;
-exports.loadingRow = loadingRow;
-exports.pageBtn = pageBtn;
-exports.pagination = pagination;
-exports.paginationButtons = paginationButtons;
-exports.row = row;
-exports.rowActions = rowActions;
-exports.rowSelected = rowSelected;
-exports.shimmer = shimmer;
-exports.skeletonBar = skeletonBar;
-exports.sortIcon = sortIcon;
-exports.sortableHeader = sortableHeader;
-exports.table = table;
-exports.tableContainer = tableContainer;
-exports.tbody = tbody;
-exports.thead = thead;
-exports.wrapper = wrapper;
+exports.authBody = authBody;
+exports.authBrand = authBrand;
+exports.authCard = authCard;
+exports.authFooter = authFooter;
+exports.authHeader = authHeader;
+exports.authLayout = authLayout;
+exports.authSubtitle = authSubtitle;
+exports.authTitle = authTitle;
+exports.default = auth_card_module_default;
+exports.divider = divider;
 
 //# sourceMappingURL=index64.cjs.map

package/dist/index64.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index64.cjs","names":[],"sources":["../src/components/data-table/data-table.module.css"],"sourcesContent":[".wrapper {\n  width: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.tableContainer {\n  width: 100%;\n  overflow-x: auto;\n}\n\n.table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.875rem;\n  text-align: left;\n  color: var(--foreground);\n}\n\n.thead {\n  border-bottom: 2px solid var(--border);\n}\n\n.headerCell {\n  padding: 0.75rem 1rem;\n  font-weight: 600;\n  font-size: 0.8rem;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--muted-foreground);\n  white-space: nowrap;\n  vertical-align: bottom;\n  border-bottom: 2px solid var(--border);\n}\n\n.headerCellFixed {\n  white-space: nowrap;\n}\n\n.alignLeft {\n  text-align: left;\n}\n\n.alignCenter {\n  text-align: center;\n}\n\n.alignRight {\n  text-align: right;\n}\n\n.sortableHeader {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  background: none;\n  border: none;\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  cursor: pointer;\n}\n\n.clickableHeader {\n  cursor: pointer;\n}\n\n.clickableHeader:hover {\n  color: var(--foreground);\n}\n\n.clickableHeader:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.headerLabel {\n  font: inherit;\n}\n\n.sortIcon {\n  font-size: 0.7rem;\n  opacity: 0.4;\n  user-select: none;\n}\n\n.tbody {\n  border-top: 1px solid var(--border);\n}\n\n.row {\n  border-bottom: 1px solid var(--border);\n  transition: background-color 0.12s ease;\n}\n\n.row:hover {\n  background-color: var(--muted);\n}\n\n.rowSelected {\n  background-color: color-mix(in srgb, var(--primary) 10%, transparent);\n}\n\n.cell {\n  padding: 0.75rem 1rem;\n  vertical-align: middle;\n  white-space: nowrap;\n}\n\n.checkbox {\n  width: 1rem;\n  height: 1rem;\n  accent-color: var(--primary);\n  cursor: pointer;\n  border-radius: 4px;\n}\n\n.loadingCell {\n  padding: 2rem 1rem;\n  text-align: center;\n}\n\n.loadingRow {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  margin-bottom: 0.75rem;\n  opacity: 0.6;\n}\n\n.skeletonBar {\n  height: 0.75rem;\n  border-radius: 4px;\n  background: linear-gradient(90deg, var(--muted) 25%, var(--secondary) 50%, var(--muted) 75%);\n  background-size: 200% 100%;\n  animation: shimmer 1.5s infinite;\n}\n\n@keyframes shimmer {\n  0% { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n.emptyCell {\n  padding: 2rem 1rem;\n  text-align: center;\n  color: var(--muted-foreground);\n  font-style: italic;\n}\n\n.rowActions {\n  display: inline-flex;\n  gap: 0.5rem;\n}\n\n.actionBtn {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.25rem;\n  background: none;\n  border: none;\n  color: var(--muted-foreground);\n  cursor: pointer;\n  font-size: 0.8rem;\n  padding: 0.25rem 0.5rem;\n  border-radius: 4px;\n  transition: color 0.12s, background-color 0.12s;\n}\n\n.actionBtn:hover {\n  color: var(--foreground);\n  background-color: var(--muted);\n}\n\n.actionBtn:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.pagination {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.75rem 1rem;\n  border-top: 1px solid var(--border);\n  font-size: 0.8rem;\n  color: var(--muted-foreground);\n}\n\n.paginationButtons {\n  display: inline-flex;\n  gap: 0.25rem;\n}\n\n.pageBtn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2rem;\n  height: 2rem;\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  background: var(--background);\n  color: var(--foreground);\n  cursor: pointer;\n  font-size: 0.85rem;\n  transition: background-color 0.12s, border-color 0.12s;\n}\n\n.pageBtn:hover:not(:disabled) {\n  background-color: var(--muted);\n  border-color: var(--accent);\n}\n\n.pageBtn:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.pageBtn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n"],"mappings":""}
+{"version":3,"file":"index64.cjs","names":[],"sources":["../src/components/auth-card/auth-card.module.css"],"sourcesContent":[".authLayout {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100vh;\n  min-height: 100dvh;\n  padding: 24px;\n  background: var(--background);\n}\n\n.authCard {\n  width: 100%;\n  max-width: 400px;\n  border-radius: var(--ts-card-radius, 12px);\n  border: 1px solid var(--ts-card-border, var(--border));\n  background: var(--ts-card-bg, var(--card));\n  color: var(--ts-card-fg, var(--foreground));\n  box-shadow: var(--ts-card-shadow, 0 16px 36px rgba(0, 0, 0, 0.28));\n  padding: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.authBrand {\n  display: flex;\n  justify-content: center;\n  margin-bottom: 8px;\n}\n\n.authBrand svg {\n  width: 40px;\n  height: 40px;\n  color: var(--primary);\n}\n\n.authHeader {\n  text-align: center;\n}\n\n.authTitle {\n  font-size: 1.25rem;\n  font-weight: 600;\n  line-height: 1.4;\n  margin: 0;\n  color: var(--foreground);\n}\n\n.authSubtitle {\n  font-size: 0.875rem;\n  color: var(--muted-foreground);\n  margin-top: 8px;\n  margin-bottom: 0;\n  line-height: 1.4;\n}\n\n.authBody {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.divider {\n  border: none;\n  border-top: 1px solid var(--border);\n  margin: 0;\n}\n\n.authFooter {\n  text-align: center;\n  font-size: 0.875rem;\n  color: var(--muted-foreground);\n  margin: 0;\n}\n\n.authFooter a {\n  color: var(--primary);\n  text-decoration: none;\n  font-weight: 500;\n}\n\n.authFooter a:hover {\n  text-decoration: underline;\n}\n"],"mappings":""}

package/dist/index64.js

@@ -1,246 +1,50 @@
-"use client";
 import { cx } from "./index3.js";
-import data_table_module_default from "./index63.js";
+import auth_card_module_default from "./index63.js";
 import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/data-table/DataTable.tsx
-function DataTable({ data, columns, onRowAction, onSelectionChange, loading = false, emptyMessage = "No data found", pageSize = 10, selectable = false, rowKey = (row) => String(row.id ?? ""), className }) {
-	const [sortKey, setSortKey] = React.useState(null);
-	const [sortDir, setSortDir] = React.useState("asc");
-	const [page, setPage] = React.useState(1);
-	const [selected, setSelected] = React.useState(/* @__PURE__ */ new Set());
-	const handleSort = (key) => {
-		if (key === sortKey) setSortDir((d) => d === "asc" ? "desc" : "asc");
-		else {
-			setSortKey(key);
-			setSortDir("asc");
-		}
-	};
-	const toggleRow = (id) => {
-		const next = new Set(selected);
-		if (next.has(id)) next.delete(id);
-		else next.add(id);
-		setSelected(next);
-		onSelectionChange?.(Array.from(next));
-	};
-	const toggleAll = () => {
-		const allKeys = displayedData.map((r) => rowKey(r));
-		const allSelected = allKeys.every((k) => selected.has(k));
-		const next = new Set(selected);
-		if (allSelected) allKeys.forEach((k) => next.delete(k));
-		else allKeys.forEach((k) => next.add(k));
-		setSelected(next);
-		onSelectionChange?.(Array.from(next));
-	};
-	const totalPages = Math.max(1, Math.ceil(data.length / pageSize));
-	const safePage = Math.min(page, totalPages);
-	const columnSpan = columns.length + (selectable ? 1 : 0) + (onRowAction && onRowAction.length > 0 ? 1 : 0);
-	React.useEffect(() => {
-		if (page > totalPages) setPage(totalPages);
-	}, [
-		data.length,
-		page,
-		totalPages
-	]);
-	const sortedData = React.useMemo(() => {
-		if (!sortKey) return data;
-		const sortColumn = columns.find((column) => column.key === sortKey);
-		const getSortValue = (row) => {
-			if (sortColumn?.accessor) {
-				const accessed = sortColumn.accessor(row);
-				if (typeof accessed === "string" || typeof accessed === "number") return accessed;
-			}
-			return row[sortKey];
-		};
-		return [...data].sort((a, b) => {
-			const aVal = getSortValue(a);
-			const bVal = getSortValue(b);
-			if (aVal == null) return 1;
-			if (bVal == null) return -1;
-			let cmp = 0;
-			if (typeof aVal === "number" && typeof bVal === "number") cmp = aVal - bVal;
-			else cmp = String(aVal).localeCompare(String(bVal));
-			return sortDir === "asc" ? cmp : -cmp;
-		});
-	}, [
-		columns,
-		data,
-		sortKey,
-		sortDir
-	]);
-	const displayedData = React.useMemo(() => {
-		const start = (safePage - 1) * pageSize;
-		return sortedData.slice(start, start + pageSize);
-	}, [
-		sortedData,
-		safePage,
-		pageSize
-	]);
-	const displayedKeys = React.useMemo(() => displayedData.map(rowKey), [displayedData, rowKey]);
-	const allPageSelected = displayedKeys.length > 0 && displayedKeys.every((k) => selected.has(k));
-	const somePageSelected = displayedKeys.length > 0 && displayedKeys.some((k) => selected.has(k));
-	return /* @__PURE__ */ jsxs("div", {
-		className: cx(data_table_module_default.wrapper, className),
-		children: [/* @__PURE__ */ jsx("div", {
-			className: data_table_module_default.tableContainer,
-			children: /* @__PURE__ */ jsxs("table", {
-				className: data_table_module_default.table,
-				children: [/* @__PURE__ */ jsx("thead", {
-					className: data_table_module_default.thead,
-					children: /* @__PURE__ */ jsxs("tr", { children: [
-						selectable && /* @__PURE__ */ jsx("th", {
-							className: data_table_module_default.headerCell,
-							"aria-label": "Select all",
-							children: /* @__PURE__ */ jsx("input", {
-								type: "checkbox",
-								checked: allPageSelected,
-								ref: (el) => {
-									if (el) el.indeterminate = somePageSelected && !allPageSelected;
-								},
-								onChange: toggleAll,
-								className: data_table_module_default.checkbox,
-								"aria-label": "Select all rows on this page"
-							})
-						}),
-						columns.map((col) => {
-							const ariaSort = col.sortable ? sortKey === col.key ? sortDir === "asc" ? "ascending" : "descending" : "none" : void 0;
-							return /* @__PURE__ */ jsx("th", {
-								className: cx(data_table_module_default.headerCell, col.width && data_table_module_default.headerCellFixed, col.align && data_table_module_default[`align${col.align.charAt(0).toUpperCase() + col.align.slice(1)}`]),
-								style: col.width ? { width: col.width } : void 0,
-								"aria-sort": ariaSort,
-								children: col.sortable ? /* @__PURE__ */ jsxs("button", {
-									type: "button",
-									className: cx(data_table_module_default.sortableHeader, data_table_module_default.clickableHeader),
-									onClick: () => handleSort(col.key),
-									children: [/* @__PURE__ */ jsx("span", {
-										className: data_table_module_default.headerLabel,
-										children: col.label
-									}), /* @__PURE__ */ jsx("span", {
-										className: data_table_module_default.sortIcon,
-										"aria-hidden": "true",
-										children: sortKey === col.key ? sortDir === "asc" ? "▲" : "▼" : "▲▼"
-									})]
-								}) : /* @__PURE__ */ jsx("span", {
-									className: data_table_module_default.headerLabel,
-									children: col.label
-								})
-							}, col.key);
-						}),
-						onRowAction && onRowAction.length > 0 && /* @__PURE__ */ jsx("th", {
-							className: data_table_module_default.headerCell,
-							style: { width: "5rem" },
-							children: /* @__PURE__ */ jsx("span", {
-								className: data_table_module_default.headerLabel,
-								children: "Actions"
-							})
-						})
-					] })
-				}), /* @__PURE__ */ jsx("tbody", {
-					className: data_table_module_default.tbody,
-					children: loading ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", {
-						colSpan: columnSpan,
-						className: data_table_module_default.loadingCell,
-						children: [
-							/* @__PURE__ */ jsxs("div", {
-								className: data_table_module_default.loadingRow,
-								"aria-busy": "true",
-								children: [
-									/* @__PURE__ */ jsx("div", { className: data_table_module_default.skeletonBar }),
-									/* @__PURE__ */ jsx("div", { className: data_table_module_default.skeletonBar }),
-									/* @__PURE__ */ jsx("div", { className: data_table_module_default.skeletonBar })
-								]
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: data_table_module_default.loadingRow,
-								"aria-busy": "true",
-								children: [
-									/* @__PURE__ */ jsx("div", { className: data_table_module_default.skeletonBar }),
-									/* @__PURE__ */ jsx("div", { className: data_table_module_default.skeletonBar }),
-									/* @__PURE__ */ jsx("div", { className: data_table_module_default.skeletonBar })
-								]
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: data_table_module_default.loadingRow,
-								"aria-busy": "true",
-								children: [
-									/* @__PURE__ */ jsx("div", { className: data_table_module_default.skeletonBar }),
-									/* @__PURE__ */ jsx("div", { className: data_table_module_default.skeletonBar }),
-									/* @__PURE__ */ jsx("div", { className: data_table_module_default.skeletonBar })
-								]
-							})
-						]
-					}) }) : data.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
-						colSpan: columnSpan,
-						className: data_table_module_default.emptyCell,
-						children: emptyMessage
-					}) }) : displayedData.map((row) => {
-						const id = rowKey(row);
-						return /* @__PURE__ */ jsxs("tr", {
-							className: cx(data_table_module_default.row, selected.has(id) && data_table_module_default.rowSelected),
-							children: [
-								selectable && /* @__PURE__ */ jsx("td", {
-									className: data_table_module_default.cell,
-									children: /* @__PURE__ */ jsx("input", {
-										type: "checkbox",
-										checked: selected.has(id),
-										onChange: () => toggleRow(id),
-										className: data_table_module_default.checkbox,
-										"aria-label": `Select row ${id}`
-									})
-								}),
-								columns.map((col) => /* @__PURE__ */ jsx("td", {
-									className: cx(data_table_module_default.cell, col.align && data_table_module_default[`align${col.align.charAt(0).toUpperCase() + col.align.slice(1)}`]),
-									children: col.accessor ? col.accessor(row) : String(row[col.key] ?? "")
-								}, `${id}-${col.key}`)),
-								onRowAction && onRowAction.length > 0 && /* @__PURE__ */ jsx("td", {
-									className: data_table_module_default.cell,
-									children: /* @__PURE__ */ jsx("div", {
-										className: data_table_module_default.rowActions,
-										children: onRowAction.map((action) => /* @__PURE__ */ jsx("button", {
-											type: "button",
-											className: data_table_module_default.actionBtn,
-											onClick: () => action.onClick(row),
-											children: action.label
-										}, action.label))
-									})
-								})
-							]
-						}, id);
-					})
-				})]
-			})
-		}), data.length > pageSize && /* @__PURE__ */ jsxs("div", {
-			className: data_table_module_default.pagination,
-			children: [/* @__PURE__ */ jsxs("span", {
-				className: data_table_module_default.paginationInfo,
-				children: [
-					"Page ",
-					safePage,
-					" of ",
-					totalPages
-				]
-			}), /* @__PURE__ */ jsxs("div", {
-				className: data_table_module_default.paginationButtons,
-				children: [/* @__PURE__ */ jsx("button", {
-					type: "button",
-					className: data_table_module_default.pageBtn,
-					disabled: safePage <= 1,
-					onClick: () => setPage((p) => Math.max(1, p - 1)),
-					"aria-label": "Previous page",
-					children: "←"
-				}), /* @__PURE__ */ jsx("button", {
-					type: "button",
-					className: data_table_module_default.pageBtn,
-					disabled: safePage >= totalPages,
-					onClick: () => setPage((p) => Math.min(totalPages, p + 1)),
-					"aria-label": "Next page",
-					children: "→"
-				})]
-			})]
-		})]
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/auth-card/AuthCard.tsx
+/**
+* AuthCard — a centered card layout for auth pages.
+*
+* - Centered vertically and horizontally on screen
+* - Brand → title → subtitle → form → divider → footer
+* - No auth logic — just the visual template
+*/
+var AuthCard = React.forwardRef(({ title, subtitle, children, footer, brand, className }, ref) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(auth_card_module_default.authLayout, className),
+		ref,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: auth_card_module_default.authCard,
+			children: [
+				brand && /* @__PURE__ */ jsx("div", {
+					className: auth_card_module_default.authBrand,
+					children: brand
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: auth_card_module_default.authHeader,
+					children: [/* @__PURE__ */ jsx("h1", {
+						className: auth_card_module_default.authTitle,
+						children: title
+					}), subtitle && /* @__PURE__ */ jsx("p", {
+						className: auth_card_module_default.authSubtitle,
+						children: subtitle
+					})]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: auth_card_module_default.authBody,
+					children
+				}),
+				footer && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("hr", { className: auth_card_module_default.divider }), /* @__PURE__ */ jsx("p", {
+					className: auth_card_module_default.authFooter,
+					children: footer
+				})] })
+			]
+		})
 	});
-}
+});
+AuthCard.displayName = "AuthCard";
 //#endregion
-export { DataTable };
+export { AuthCard };
 
 //# sourceMappingURL=index64.js.map

package/dist/index64.js.map

@@ -1 +1 @@
-{"version":3,"file":"index64.js","names":[],"sources":["../src/components/data-table/DataTable.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./data-table.module.css\";\n\nexport type SortDirection = \"asc\" | \"desc\";\n\nexport interface Column<T = Record<string, unknown>> {\n  key: string;\n  label: React.ReactNode;\n  accessor?: (row: T) => React.ReactNode;\n  sortable?: boolean;\n  width?: string;\n  align?: \"left\" | \"center\" | \"right\";\n}\n\nexport type DataTableRowAction = {\n  label: string;\n  onClick: (row: Record<string, unknown>) => void;\n};\n\nexport interface DataTableProps<T = Record<string, unknown>> {\n  data: T[];\n  columns: readonly Column<T>[];\n  /** Array of action buttons to render per row */\n  onRowAction?: DataTableRowAction[];\n  /** Called when rows are selected; receives selected row IDs */\n  onSelectionChange?: (selectedIds: string[]) => void;\n  /** Whether the table is in a loading state */\n  loading?: boolean;\n  /** Message displayed when data is empty */\n  emptyMessage?: string;\n  /** Number of rows per page */\n  pageSize?: number;\n  /** Whether rows are selectable via checkbox */\n  selectable?: boolean;\n  /** Custom row key extractor (defaults to row.id) */\n  rowKey?: (row: T) => string;\n  /** Additional class name for the table wrapper */\n  className?: string;\n}\n\nexport function DataTable<T extends Record<string, unknown> = Record<string, unknown>>({\n  data,\n  columns,\n  onRowAction,\n  onSelectionChange,\n  loading = false,\n  emptyMessage = \"No data found\",\n  pageSize = 10,\n  selectable = false,\n  rowKey = (row: T) => String(row.id ?? \"\"),\n  className,\n}: DataTableProps<T>) {\n  const [sortKey, setSortKey] = React.useState<string | null>(null);\n  const [sortDir, setSortDir] = React.useState<SortDirection>(\"asc\");\n  const [page, setPage] = React.useState(1);\n  const [selected, setSelected] = React.useState<Set<string>>(new Set());\n\n  const handleSort = (key: string) => {\n    if (key === sortKey) {\n      setSortDir((d) => (d === \"asc\" ? \"desc\" : \"asc\"));\n    } else {\n      setSortKey(key);\n      setSortDir(\"asc\");\n    }\n  };\n\n  const toggleRow = (id: string) => {\n    const next = new Set(selected);\n    if (next.has(id)) {\n      next.delete(id);\n    } else {\n      next.add(id);\n    }\n    setSelected(next);\n    onSelectionChange?.(Array.from(next));\n  };\n\n  const toggleAll = () => {\n    const allKeys = displayedData.map((r) => rowKey(r));\n    const allSelected = allKeys.every((k) => selected.has(k));\n    const next = new Set(selected);\n    if (allSelected) {\n      allKeys.forEach((k) => next.delete(k));\n    } else {\n      allKeys.forEach((k) => next.add(k));\n    }\n    setSelected(next);\n    onSelectionChange?.(Array.from(next));\n  };\n\n  const totalPages = Math.max(1, Math.ceil(data.length / pageSize));\n  const safePage = Math.min(page, totalPages);\n  const columnSpan =\n    columns.length + (selectable ? 1 : 0) + (onRowAction && onRowAction.length > 0 ? 1 : 0);\n\n  React.useEffect(() => {\n    if (page > totalPages) {\n      setPage(totalPages);\n    }\n  }, [data.length, page, totalPages]);\n\n  const sortedData = React.useMemo(() => {\n    if (!sortKey) return data;\n\n    const sortColumn = columns.find((column) => column.key === sortKey);\n    const getSortValue = (row: T): unknown => {\n      if (sortColumn?.accessor) {\n        const accessed = sortColumn.accessor(row);\n        if (typeof accessed === \"string\" || typeof accessed === \"number\") {\n          return accessed;\n        }\n      }\n      return row[sortKey as keyof T];\n    };\n\n    return [...data].sort((a, b) => {\n      const aVal = getSortValue(a);\n      const bVal = getSortValue(b);\n      if (aVal == null) return 1;\n      if (bVal == null) return -1;\n      let cmp = 0;\n      if (typeof aVal === \"number\" && typeof bVal === \"number\") {\n        cmp = aVal - bVal;\n      } else {\n        cmp = String(aVal).localeCompare(String(bVal));\n      }\n      return sortDir === \"asc\" ? cmp : -cmp;\n    });\n  }, [columns, data, sortKey, sortDir]);\n\n  const displayedData = React.useMemo(() => {\n    const start = (safePage - 1) * pageSize;\n    return sortedData.slice(start, start + pageSize);\n  }, [sortedData, safePage, pageSize]);\n\n  const displayedKeys = React.useMemo(() => displayedData.map(rowKey), [displayedData, rowKey]);\n  const allPageSelected =\n    displayedKeys.length > 0 && displayedKeys.every((k) => selected.has(k));\n  const somePageSelected =\n    displayedKeys.length > 0 && displayedKeys.some((k) => selected.has(k));\n\n  return (\n    <div className={cx(styles.wrapper, className)}>\n      <div className={styles.tableContainer}>\n        <table className={styles.table}>\n          <thead className={styles.thead}>\n            <tr>\n              {selectable && (\n                <th className={styles.headerCell} aria-label=\"Select all\">\n                  <input\n                    type=\"checkbox\"\n                    checked={allPageSelected}\n                    ref={(el) => {\n                      if (el) el.indeterminate = somePageSelected && !allPageSelected;\n                    }}\n                    onChange={toggleAll}\n                    className={styles.checkbox}\n                    aria-label=\"Select all rows on this page\"\n                  />\n                </th>\n              )}\n              {columns.map((col) => {\n                const ariaSort = col.sortable\n                  ? sortKey === col.key\n                    ? sortDir === \"asc\"\n                      ? \"ascending\"\n                      : \"descending\"\n                    : \"none\"\n                  : undefined;\n\n                return (\n                  <th\n                    key={col.key}\n                    className={cx(\n                      styles.headerCell,\n                      col.width && styles.headerCellFixed,\n                      col.align && styles[`align${col.align.charAt(0).toUpperCase() + col.align.slice(1)}`],\n                    )}\n                    style={col.width ? { width: col.width } : undefined}\n                    aria-sort={ariaSort}\n                  >\n                    {col.sortable ? (\n                      <button\n                        type=\"button\"\n                        className={cx(styles.sortableHeader, styles.clickableHeader)}\n                        onClick={() => handleSort(col.key)}\n                      >\n                        <span className={styles.headerLabel}>{col.label}</span>\n                        <span className={styles.sortIcon} aria-hidden=\"true\">\n                          {sortKey === col.key ? (\n                            sortDir === \"asc\" ? (\n                              \"\\u25B2\"\n                            ) : (\n                              \"\\u25BC\"\n                            )\n                          ) : (\n                            \"\\u25B2\\u25BC\"\n                          )}\n                        </span>\n                      </button>\n                    ) : (\n                      <span className={styles.headerLabel}>{col.label}</span>\n                    )}\n                  </th>\n                );\n              })}\n              {onRowAction && onRowAction.length > 0 && (\n                <th className={styles.headerCell} style={{ width: \"5rem\" }}>\n                  <span className={styles.headerLabel}>Actions</span>\n                </th>\n              )}\n            </tr>\n          </thead>\n          <tbody className={styles.tbody}>\n            {loading ? (\n              <tr>\n                <td colSpan={columnSpan} className={styles.loadingCell}>\n                  <div className={styles.loadingRow} aria-busy=\"true\">\n                    <div className={styles.skeletonBar} />\n                    <div className={styles.skeletonBar} />\n                    <div className={styles.skeletonBar} />\n                  </div>\n                  <div className={styles.loadingRow} aria-busy=\"true\">\n                    <div className={styles.skeletonBar} />\n                    <div className={styles.skeletonBar} />\n                    <div className={styles.skeletonBar} />\n                  </div>\n                  <div className={styles.loadingRow} aria-busy=\"true\">\n                    <div className={styles.skeletonBar} />\n                    <div className={styles.skeletonBar} />\n                    <div className={styles.skeletonBar} />\n                  </div>\n                </td>\n              </tr>\n            ) : data.length === 0 ? (\n              <tr>\n                <td colSpan={columnSpan} className={styles.emptyCell}>\n                  {emptyMessage}\n                </td>\n              </tr>\n            ) : (\n              displayedData.map((row) => {\n                const id = rowKey(row);\n                return (\n                  <tr key={id} className={cx(styles.row, selected.has(id) && styles.rowSelected)}>\n                    {selectable && (\n                      <td className={styles.cell}>\n                        <input\n                          type=\"checkbox\"\n                          checked={selected.has(id)}\n                          onChange={() => toggleRow(id)}\n                          className={styles.checkbox}\n                          aria-label={`Select row ${id}`}\n                        />\n                      </td>\n                    )}\n                    {columns.map((col) => (\n                      <td\n                        key={`${id}-${col.key}`}\n                        className={cx(\n                          styles.cell,\n                          col.align && styles[`align${col.align.charAt(0).toUpperCase() + col.align.slice(1)}`],\n                        )}\n                      >\n                        {col.accessor ? col.accessor(row) : String(row[col.key as keyof T] ?? \"\")}\n                      </td>\n                    ))}\n                    {onRowAction && onRowAction.length > 0 && (\n                      <td className={styles.cell}>\n                        <div className={styles.rowActions}>\n                          {onRowAction.map((action) => (\n                            <button\n                              key={action.label}\n                              type=\"button\"\n                              className={styles.actionBtn}\n                              onClick={() => action.onClick(row)}\n                            >\n                              {action.label}\n                            </button>\n                          ))}\n                        </div>\n                      </td>\n                    )}\n                  </tr>\n                );\n              })\n            )}\n          </tbody>\n        </table>\n      </div>\n\n      {data.length > pageSize && (\n        <div className={styles.pagination}>\n          <span className={styles.paginationInfo}>\n            Page {safePage} of {totalPages}\n          </span>\n          <div className={styles.paginationButtons}>\n            <button\n              type=\"button\"\n              className={styles.pageBtn}\n              disabled={safePage <= 1}\n              onClick={() => setPage((p) => Math.max(1, p - 1))}\n              aria-label=\"Previous page\"\n            >\n              &larr;\n            </button>\n            <button\n              type=\"button\"\n              className={styles.pageBtn}\n              disabled={safePage >= totalPages}\n              onClick={() => setPage((p) => Math.min(totalPages, p + 1))}\n              aria-label=\"Next page\"\n            >\n              &rarr;\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index64.js","names":[],"sources":["../src/components/auth-card/AuthCard.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./auth-card.module.css\";\n\nexport interface AuthCardProps {\n  /** Title displayed at the top of the card. */\n  title: React.ReactNode;\n  /** Subtitle displayed below the title. */\n  subtitle?: React.ReactNode;\n  /** Primary form content rendered in the card body. */\n  children: React.ReactNode;\n  /** Footer links rendered below the divider (e.g., \"No account? Sign up\"). */\n  footer?: React.ReactNode;\n  /** Optional brand/logo element rendered above the title. */\n  brand?: React.ReactNode;\n  /** Additional class name for the outer wrapper. */\n  className?: string;\n}\n\n/**\n * AuthCard — a centered card layout for auth pages.\n *\n * - Centered vertically and horizontally on screen\n * - Brand → title → subtitle → form → divider → footer\n * - No auth logic — just the visual template\n */\nexport const AuthCard = React.forwardRef<HTMLDivElement, AuthCardProps>(\n  ({ title, subtitle, children, footer, brand, className }, ref) => {\n    return (\n      <div className={cx(styles.authLayout, className)} ref={ref}>\n        <div className={styles.authCard}>\n          {brand && <div className={styles.authBrand}>{brand}</div>}\n          <div className={styles.authHeader}>\n            <h1 className={styles.authTitle}>{title}</h1>\n            {subtitle && <p className={styles.authSubtitle}>{subtitle}</p>}\n          </div>\n          <div className={styles.authBody}>{children}</div>\n          {footer && (\n            <>\n              <hr className={styles.divider} />\n              <p className={styles.authFooter}>{footer}</p>\n            </>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nAuthCard.displayName = \"AuthCard\";\n"],"mappings":";;;;;;;;;;;;AA0BA,IAAa,WAAW,MAAM,YAC3B,EAAE,OAAO,UAAU,UAAU,QAAQ,OAAO,aAAa,QAAQ;CAChE,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,yBAAO,YAAY,SAAS;EAAQ;YACrD,qBAAC,OAAD;GAAK,WAAW,yBAAO;aAAvB;IACG,SAAS,oBAAC,OAAD;KAAK,WAAW,yBAAO;eAAY;IAAW,CAAA;IACxD,qBAAC,OAAD;KAAK,WAAW,yBAAO;eAAvB,CACE,oBAAC,MAAD;MAAI,WAAW,yBAAO;gBAAY;KAAU,CAAA,GAC3C,YAAY,oBAAC,KAAD;MAAG,WAAW,yBAAO;gBAAe;KAAY,CAAA,CAC1D;;IACL,oBAAC,OAAD;KAAK,WAAW,yBAAO;KAAW;IAAc,CAAA;IAC/C,UACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,MAAD,EAAI,WAAW,yBAAO,QAAU,CAAA,GAChC,oBAAC,KAAD;KAAG,WAAW,yBAAO;eAAa;IAAU,CAAA,CAC5C,EAAA,CAAA;GAED;;CACF,CAAA;AAET,CACF;AAEA,SAAS,cAAc"}