@tomny-dev/uzi 0.2.12 → 0.3.0

package/dist/index48.js

@@ -1,50 +1,35 @@
 import { cx } from "./index3.js";
-import auth_card_module_default from "./index47.js";
-import * as React from "react";
-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
-				})] })
-			]
-		})
+import empty_state_module_default from "./index47.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/empty-state/EmptyState.tsx
+function EmptyState({ title, description, visual, primaryAction, secondaryAction, size = "default", headingLevel = 2, className, ...rest }) {
+	const Heading = `h${headingLevel}`;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(empty_state_module_default.root, size === "compact" && empty_state_module_default.compact, className),
+		...rest,
+		children: [
+			visual != null && /* @__PURE__ */ jsx("div", {
+				className: empty_state_module_default.visual,
+				children: visual
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: empty_state_module_default.content,
+				children: [/* @__PURE__ */ jsx(Heading, {
+					className: empty_state_module_default.title,
+					children: title
+				}), description != null && /* @__PURE__ */ jsx("div", {
+					className: empty_state_module_default.description,
+					children: description
+				})]
+			}),
+			(primaryAction != null || secondaryAction != null) && /* @__PURE__ */ jsxs("div", {
+				className: empty_state_module_default.actions,
+				children: [primaryAction, secondaryAction]
+			})
+		]
 	});
-});
-AuthCard.displayName = "AuthCard";
+}
 //#endregion
-export { AuthCard };
+export { EmptyState };
 
 //# sourceMappingURL=index48.js.map

package/dist/index48.js.map

@@ -1 +1 @@
-{"version":3,"file":"index48.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"}
+{"version":3,"file":"index48.js","names":[],"sources":["../src/components/empty-state/EmptyState.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./empty-state.module.css\";\n\nexport type EmptyStateSize = \"compact\" | \"default\";\nexport type EmptyStateHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport type EmptyStateProps = Omit<HTMLAttributes<HTMLDivElement>, \"title\"> & {\n  title: ReactNode;\n  description?: ReactNode;\n  visual?: ReactNode;\n  primaryAction?: ReactNode;\n  secondaryAction?: ReactNode;\n  size?: EmptyStateSize;\n  headingLevel?: EmptyStateHeadingLevel;\n};\n\nexport function EmptyState({\n  title,\n  description,\n  visual,\n  primaryAction,\n  secondaryAction,\n  size = \"default\",\n  headingLevel = 2,\n  className,\n  ...rest\n}: EmptyStateProps) {\n  const Heading = `h${headingLevel}` as `h${EmptyStateHeadingLevel}`;\n\n  return (\n    <div\n      className={cx(styles.root, size === \"compact\" && styles.compact, className)}\n      {...rest}\n    >\n      {visual != null && <div className={styles.visual}>{visual}</div>}\n      <div className={styles.content}>\n        <Heading className={styles.title}>{title}</Heading>\n        {description != null && <div className={styles.description}>{description}</div>}\n      </div>\n      {(primaryAction != null || secondaryAction != null) && (\n        <div className={styles.actions}>\n          {primaryAction}\n          {secondaryAction}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;AAiBA,SAAgB,WAAW,EACzB,OACA,aACA,QACA,eACA,iBACA,OAAO,WACP,eAAe,GACf,WACA,GAAG,QACe;CAClB,MAAM,UAAU,IAAI;CAEpB,OACE,qBAAC,OAAD;EACE,WAAW,GAAG,2BAAO,MAAM,SAAS,aAAa,2BAAO,SAAS,SAAS;EAC1E,GAAI;YAFN;GAIG,UAAU,QAAQ,oBAAC,OAAD;IAAK,WAAW,2BAAO;cAAS;GAAY,CAAA;GAC/D,qBAAC,OAAD;IAAK,WAAW,2BAAO;cAAvB,CACE,oBAAC,SAAD;KAAS,WAAW,2BAAO;eAAQ;IAAe,CAAA,GACjD,eAAe,QAAQ,oBAAC,OAAD;KAAK,WAAW,2BAAO;eAAc;IAAiB,CAAA,CAC3E;;IACH,iBAAiB,QAAQ,mBAAmB,SAC5C,qBAAC,OAAD;IAAK,WAAW,2BAAO;cAAvB,CACG,eACA,eACE;;EAEJ;;AAET"}

package/dist/index49.cjs

@@ -1,52 +1,35 @@
-const require_runtime = require("./index2.cjs");
 const require_cx = require("./index4.cjs");
-const require_auth_card_module = require("./index48.cjs");
-let react = require("react");
-react = require_runtime.__toESM(react, 1);
+const require_empty_state_module = require("./index48.cjs");
 let react_jsx_runtime = require("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__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_cx.cx(require_auth_card_module.default.authLayout, className),
-		ref,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: require_auth_card_module.default.authCard,
-			children: [
-				brand && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: require_auth_card_module.default.authBrand,
-					children: brand
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: require_auth_card_module.default.authHeader,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
-						className: require_auth_card_module.default.authTitle,
-						children: title
-					}), subtitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: require_auth_card_module.default.authSubtitle,
-						children: subtitle
-					})]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: require_auth_card_module.default.authBody,
-					children
-				}),
-				footer && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", { className: require_auth_card_module.default.divider }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: require_auth_card_module.default.authFooter,
-					children: footer
-				})] })
-			]
-		})
+//#region src/components/empty-state/EmptyState.tsx
+function EmptyState({ title, description, visual, primaryAction, secondaryAction, size = "default", headingLevel = 2, className, ...rest }) {
+	const Heading = `h${headingLevel}`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_cx.cx(require_empty_state_module.default.root, size === "compact" && require_empty_state_module.default.compact, className),
+		...rest,
+		children: [
+			visual != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_empty_state_module.default.visual,
+				children: visual
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: require_empty_state_module.default.content,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Heading, {
+					className: require_empty_state_module.default.title,
+					children: title
+				}), description != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: require_empty_state_module.default.description,
+					children: description
+				})]
+			}),
+			(primaryAction != null || secondaryAction != null) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: require_empty_state_module.default.actions,
+				children: [primaryAction, secondaryAction]
+			})
+		]
 	});
-});
-AuthCard.displayName = "AuthCard";
+}
 //#endregion
-exports.AuthCard = AuthCard;
+exports.EmptyState = EmptyState;
 
 //# sourceMappingURL=index49.cjs.map

package/dist/index49.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index49.cjs","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,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,yBAAA,QAAO,YAAY,SAAS;EAAQ;YACrD,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAW,yBAAA,QAAO;aAAvB;IACG,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAW,yBAAA,QAAO;eAAY;IAAW,CAAA;IACxD,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,WAAW,yBAAA,QAAO;eAAvB,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;MAAI,WAAW,yBAAA,QAAO;gBAAY;KAAU,CAAA,GAC3C,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;MAAG,WAAW,yBAAA,QAAO;gBAAe;KAAY,CAAA,CAC1D;;IACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAW,yBAAA,QAAO;KAAW;IAAc,CAAA;IAC/C,UACC,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD,EAAI,WAAW,yBAAA,QAAO,QAAU,CAAA,GAChC,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;KAAG,WAAW,yBAAA,QAAO;eAAa;IAAU,CAAA,CAC5C,EAAA,CAAA;GAED;;CACF,CAAA;AAET,CACF;AAEA,SAAS,cAAc"}
+{"version":3,"file":"index49.cjs","names":[],"sources":["../src/components/empty-state/EmptyState.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./empty-state.module.css\";\n\nexport type EmptyStateSize = \"compact\" | \"default\";\nexport type EmptyStateHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport type EmptyStateProps = Omit<HTMLAttributes<HTMLDivElement>, \"title\"> & {\n  title: ReactNode;\n  description?: ReactNode;\n  visual?: ReactNode;\n  primaryAction?: ReactNode;\n  secondaryAction?: ReactNode;\n  size?: EmptyStateSize;\n  headingLevel?: EmptyStateHeadingLevel;\n};\n\nexport function EmptyState({\n  title,\n  description,\n  visual,\n  primaryAction,\n  secondaryAction,\n  size = \"default\",\n  headingLevel = 2,\n  className,\n  ...rest\n}: EmptyStateProps) {\n  const Heading = `h${headingLevel}` as `h${EmptyStateHeadingLevel}`;\n\n  return (\n    <div\n      className={cx(styles.root, size === \"compact\" && styles.compact, className)}\n      {...rest}\n    >\n      {visual != null && <div className={styles.visual}>{visual}</div>}\n      <div className={styles.content}>\n        <Heading className={styles.title}>{title}</Heading>\n        {description != null && <div className={styles.description}>{description}</div>}\n      </div>\n      {(primaryAction != null || secondaryAction != null) && (\n        <div className={styles.actions}>\n          {primaryAction}\n          {secondaryAction}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;AAiBA,SAAgB,WAAW,EACzB,OACA,aACA,QACA,eACA,iBACA,OAAO,WACP,eAAe,GACf,WACA,GAAG,QACe;CAClB,MAAM,UAAU,IAAI;CAEpB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,WAAW,WAAA,GAAG,2BAAA,QAAO,MAAM,SAAS,aAAa,2BAAA,QAAO,SAAS,SAAS;EAC1E,GAAI;YAFN;GAIG,UAAU,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAW,2BAAA,QAAO;cAAS;GAAY,CAAA;GAC/D,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAW,2BAAA,QAAO;cAAvB,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;KAAS,WAAW,2BAAA,QAAO;eAAQ;IAAe,CAAA,GACjD,eAAe,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAW,2BAAA,QAAO;eAAc;IAAiB,CAAA,CAC3E;;IACH,iBAAiB,QAAQ,mBAAmB,SAC5C,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAW,2BAAA,QAAO;cAAvB,CACG,eACA,eACE;;EAEJ;;AAET"}

package/dist/index49.js

@@ -1,61 +1,18 @@
-//#region src/components/auth-pages/auth-pages.module.css
-var authLayout = "uzi-auth-pages-module__authLayout__i-FlB";
-var authCard = "uzi-auth-pages-module__authCard__toOGS";
-var authBrand = "uzi-auth-pages-module__authBrand__7yOdw";
-var authHeader = "uzi-auth-pages-module__authHeader__V-wcl";
-var authTitle = "uzi-auth-pages-module__authTitle__1bgLI";
-var authSubtitle = "uzi-auth-pages-module__authSubtitle__sGXxg";
-var authForm = "uzi-auth-pages-module__authForm__4MucP";
-var field = "uzi-auth-pages-module__field__Ajl6w";
-var label = "uzi-auth-pages-module__label__MdsqJ";
-var input = "uzi-auth-pages-module__input__yijT9";
-var error = "uzi-auth-pages-module__error__7Mhyi";
-var passwordWrapper = "uzi-auth-pages-module__passwordWrapper__P0bez";
-var toggle = "uzi-auth-pages-module__toggle__T7HaZ";
-var eyeIcon = "uzi-auth-pages-module__eyeIcon__ab2Ts";
-var checkboxRow = "uzi-auth-pages-module__checkboxRow__Rq-84";
-var checkboxLabel = "uzi-auth-pages-module__checkboxLabel__poKs-";
-var checkbox = "uzi-auth-pages-module__checkbox__KOQQe";
-var forgotLink = "uzi-auth-pages-module__forgotLink__5q-vL";
-var checkboxLink = "uzi-auth-pages-module__checkboxLink__kAkKg";
-var submitButton = "uzi-auth-pages-module__submitButton__mlGxT";
-var spinner = "uzi-auth-pages-module__spinner__seK4F";
-var spin = "uzi-auth-pages-module__spin__hYpWH";
-var divider = "uzi-auth-pages-module__divider__Debmu";
-var authFooter = "uzi-auth-pages-module__authFooter__SEaGh";
-var sentMessage = "uzi-auth-pages-module__sentMessage__vLBoY";
-var sentText = "uzi-auth-pages-module__sentText__qyJkF";
-var backLink = "uzi-auth-pages-module__backLink__ezB3X";
-var auth_pages_module_default = {
-	authLayout,
-	authCard,
-	authBrand,
-	authHeader,
-	authTitle,
-	authSubtitle,
-	authForm,
-	field,
-	label,
-	input,
-	error,
-	passwordWrapper,
-	toggle,
-	eyeIcon,
-	checkboxRow,
-	checkboxLabel,
-	checkbox,
-	forgotLink,
-	checkboxLink,
-	submitButton,
-	spinner,
-	spin,
-	divider,
-	authFooter,
-	sentMessage,
-	sentText,
-	backLink
+//#region src/components/layout-primitives/layout-primitives.module.css
+var stack = "uzi-layout-primitives-module__stack__1hBwu";
+var inline = "uzi-layout-primitives-module__inline__ACaEQ";
+var nowrap = "uzi-layout-primitives-module__nowrap__VuAAL";
+var layout_primitives_module_default = {
+	stack,
+	inline,
+	nowrap,
+	"gap-xs": "uzi-layout-primitives-module__gap-xs__e3Tkz",
+	"gap-sm": "uzi-layout-primitives-module__gap-sm__9ng--",
+	"gap-md": "uzi-layout-primitives-module__gap-md__tHIwH",
+	"gap-lg": "uzi-layout-primitives-module__gap-lg__iUm9X",
+	"gap-xl": "uzi-layout-primitives-module__gap-xl__O-6Na"
 };
 //#endregion
-export { authBrand, authCard, authFooter, authForm, authHeader, authLayout, authSubtitle, authTitle, backLink, checkbox, checkboxLabel, checkboxLink, checkboxRow, auth_pages_module_default as default, divider, error, eyeIcon, field, forgotLink, input, label, passwordWrapper, sentMessage, sentText, spin, spinner, submitButton, toggle };
+export { layout_primitives_module_default as default, inline, nowrap, stack };
 
 //# sourceMappingURL=index49.js.map

package/dist/index49.js.map

@@ -1 +1 @@
-{"version":3,"file":"index49.js","names":[],"sources":["../src/components/auth-pages/auth-pages.module.css"],"sourcesContent":["/* ── Layout ── */\n.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: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.authBrand {\n  display: flex;\n  justify-content: center;\n  margin-bottom: 4px;\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: 4px;\n  margin-bottom: 0;\n  line-height: 1.4;\n}\n\n/* ── Form ── */\n.authForm {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n/* ── Field ── */\n.field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.label {\n  font-size: 0.875rem;\n  font-weight: 500;\n  line-height: 1.2;\n  color: var(--foreground);\n}\n\n.input {\n  display: flex;\n  width: 100%;\n  min-height: 2.25rem;\n  border-radius: 0.5rem;\n  border: 1px solid var(--input);\n  background: var(--background);\n  color: var(--foreground);\n  padding: 0.25rem 0.75rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  box-shadow: var(--ts-input-shadow, 0 1px 2px rgba(0, 0, 0, 0.04));\n  transition: border-color 0.15s ease, background 0.15s ease;\n  font-family: inherit;\n}\n\n.input::placeholder {\n  color: var(--muted-foreground);\n}\n\n.input:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.input:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* ── Error ── */\n.error {\n  font-size: 0.8rem;\n  color: var(--destructive);\n  margin-top: 2px;\n}\n\n/* ── Password wrapper ── */\n.passwordWrapper {\n  position: relative;\n}\n\n.passwordWrapper .input {\n  padding-right: 2.5rem;\n}\n\n.toggle {\n  position: absolute;\n  right: 0.5rem;\n  top: 50%;\n  transform: translateY(-50%);\n  background: none;\n  border: none;\n  padding: 0.25rem;\n  cursor: pointer;\n  color: var(--muted-foreground);\n  border-radius: 4px;\n  transition: color 0.15s, background 0.15s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.toggle:hover {\n  color: var(--foreground);\n  background: var(--accent);\n}\n\n.toggle:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.eyeIcon {\n  width: 1.125rem;\n  height: 1.125rem;\n}\n\n/* ── Checkbox row ── */\n.checkboxRow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.checkboxLabel {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.875rem;\n  color: var(--foreground);\n  cursor: pointer;\n}\n\n.checkbox {\n  width: 1rem;\n  height: 1rem;\n  accent-color: var(--primary);\n  border-radius: 4px;\n  cursor: pointer;\n}\n\n.checkbox:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.forgotLink {\n  font-size: 0.875rem;\n  color: var(--primary);\n  text-decoration: none;\n  font-weight: 500;\n}\n\n.forgotLink:hover {\n  text-decoration: underline;\n}\n\n.checkboxLink {\n  color: var(--primary);\n  text-decoration: none;\n  font-weight: 500;\n}\n\n.checkboxLink:hover {\n  text-decoration: underline;\n}\n\n/* ── Submit button ── */\n.submitButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  font-family: inherit;\n  font-weight: 600;\n  border-radius: 8px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  text-decoration: none;\n  transition: opacity 0.15s, border-color 0.15s, color 0.15s, background 0.15s;\n  white-space: nowrap;\n  line-height: 1;\n  font-size: 0.95rem;\n  min-height: 2.25rem;\n  padding: 10px 22px;\n  background: var(--primary);\n  color: var(--primary-foreground);\n}\n\n.submitButton:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.submitButton:disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n\n.submitButton:hover:not(:disabled) {\n  opacity: 0.88;\n}\n\n/* ── Spinner ── */\n.spinner {\n  width: 1rem;\n  height: 1rem;\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-top-color: white;\n  border-radius: 50%;\n  animation: spin 0.6s linear infinite;\n}\n\n@keyframes spin {\n  to { transform: rotate(360deg); }\n}\n\n/* ── Divider ── */\n.divider {\n  border: none;\n  border-top: 1px solid var(--border);\n  margin: 0;\n}\n\n/* ── Footer ── */\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\n/* ── Sent state ── */\n.sentMessage {\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.sentText {\n  font-size: 0.875rem;\n  color: var(--foreground);\n  line-height: 1.5;\n}\n\n.sentText strong {\n  font-weight: 600;\n}\n\n.backLink {\n  font-size: 0.875rem;\n  color: var(--primary);\n  text-decoration: none;\n  font-weight: 500;\n}\n\n.backLink:hover {\n  text-decoration: underline;\n}\n"],"mappings":""}
+{"version":3,"file":"index49.js","names":[],"sources":["../src/components/layout-primitives/layout-primitives.module.css"],"sourcesContent":[".stack {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n}\n\n.inline {\n  display: flex;\n  min-width: 0;\n  flex-wrap: wrap;\n}\n\n.nowrap {\n  flex-wrap: nowrap;\n}\n\n.gap-xs { gap: 0.25rem; }\n.gap-sm { gap: 0.5rem; }\n.gap-md { gap: 1rem; }\n.gap-lg { gap: 1.5rem; }\n.gap-xl { gap: 2rem; }\n"],"mappings":""}

package/dist/index50.cjs

@@ -1,88 +1,21 @@
-//#region src/components/auth-pages/auth-pages.module.css
-var authLayout = "uzi-auth-pages-module__authLayout__i-FlB";
-var authCard = "uzi-auth-pages-module__authCard__toOGS";
-var authBrand = "uzi-auth-pages-module__authBrand__7yOdw";
-var authHeader = "uzi-auth-pages-module__authHeader__V-wcl";
-var authTitle = "uzi-auth-pages-module__authTitle__1bgLI";
-var authSubtitle = "uzi-auth-pages-module__authSubtitle__sGXxg";
-var authForm = "uzi-auth-pages-module__authForm__4MucP";
-var field = "uzi-auth-pages-module__field__Ajl6w";
-var label = "uzi-auth-pages-module__label__MdsqJ";
-var input = "uzi-auth-pages-module__input__yijT9";
-var error = "uzi-auth-pages-module__error__7Mhyi";
-var passwordWrapper = "uzi-auth-pages-module__passwordWrapper__P0bez";
-var toggle = "uzi-auth-pages-module__toggle__T7HaZ";
-var eyeIcon = "uzi-auth-pages-module__eyeIcon__ab2Ts";
-var checkboxRow = "uzi-auth-pages-module__checkboxRow__Rq-84";
-var checkboxLabel = "uzi-auth-pages-module__checkboxLabel__poKs-";
-var checkbox = "uzi-auth-pages-module__checkbox__KOQQe";
-var forgotLink = "uzi-auth-pages-module__forgotLink__5q-vL";
-var checkboxLink = "uzi-auth-pages-module__checkboxLink__kAkKg";
-var submitButton = "uzi-auth-pages-module__submitButton__mlGxT";
-var spinner = "uzi-auth-pages-module__spinner__seK4F";
-var spin = "uzi-auth-pages-module__spin__hYpWH";
-var divider = "uzi-auth-pages-module__divider__Debmu";
-var authFooter = "uzi-auth-pages-module__authFooter__SEaGh";
-var sentMessage = "uzi-auth-pages-module__sentMessage__vLBoY";
-var sentText = "uzi-auth-pages-module__sentText__qyJkF";
-var backLink = "uzi-auth-pages-module__backLink__ezB3X";
-var auth_pages_module_default = {
-	authLayout,
-	authCard,
-	authBrand,
-	authHeader,
-	authTitle,
-	authSubtitle,
-	authForm,
-	field,
-	label,
-	input,
-	error,
-	passwordWrapper,
-	toggle,
-	eyeIcon,
-	checkboxRow,
-	checkboxLabel,
-	checkbox,
-	forgotLink,
-	checkboxLink,
-	submitButton,
-	spinner,
-	spin,
-	divider,
-	authFooter,
-	sentMessage,
-	sentText,
-	backLink
+//#region src/components/layout-primitives/layout-primitives.module.css
+var stack = "uzi-layout-primitives-module__stack__1hBwu";
+var inline = "uzi-layout-primitives-module__inline__ACaEQ";
+var nowrap = "uzi-layout-primitives-module__nowrap__VuAAL";
+var layout_primitives_module_default = {
+	stack,
+	inline,
+	nowrap,
+	"gap-xs": "uzi-layout-primitives-module__gap-xs__e3Tkz",
+	"gap-sm": "uzi-layout-primitives-module__gap-sm__9ng--",
+	"gap-md": "uzi-layout-primitives-module__gap-md__tHIwH",
+	"gap-lg": "uzi-layout-primitives-module__gap-lg__iUm9X",
+	"gap-xl": "uzi-layout-primitives-module__gap-xl__O-6Na"
 };
 //#endregion
-exports.authBrand = authBrand;
-exports.authCard = authCard;
-exports.authFooter = authFooter;
-exports.authForm = authForm;
-exports.authHeader = authHeader;
-exports.authLayout = authLayout;
-exports.authSubtitle = authSubtitle;
-exports.authTitle = authTitle;
-exports.backLink = backLink;
-exports.checkbox = checkbox;
-exports.checkboxLabel = checkboxLabel;
-exports.checkboxLink = checkboxLink;
-exports.checkboxRow = checkboxRow;
-exports.default = auth_pages_module_default;
-exports.divider = divider;
-exports.error = error;
-exports.eyeIcon = eyeIcon;
-exports.field = field;
-exports.forgotLink = forgotLink;
-exports.input = input;
-exports.label = label;
-exports.passwordWrapper = passwordWrapper;
-exports.sentMessage = sentMessage;
-exports.sentText = sentText;
-exports.spin = spin;
-exports.spinner = spinner;
-exports.submitButton = submitButton;
-exports.toggle = toggle;
+exports.default = layout_primitives_module_default;
+exports.inline = inline;
+exports.nowrap = nowrap;
+exports.stack = stack;
 
 //# sourceMappingURL=index50.cjs.map

package/dist/index50.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index50.cjs","names":[],"sources":["../src/components/auth-pages/auth-pages.module.css"],"sourcesContent":["/* ── Layout ── */\n.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: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.authBrand {\n  display: flex;\n  justify-content: center;\n  margin-bottom: 4px;\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: 4px;\n  margin-bottom: 0;\n  line-height: 1.4;\n}\n\n/* ── Form ── */\n.authForm {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n/* ── Field ── */\n.field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.label {\n  font-size: 0.875rem;\n  font-weight: 500;\n  line-height: 1.2;\n  color: var(--foreground);\n}\n\n.input {\n  display: flex;\n  width: 100%;\n  min-height: 2.25rem;\n  border-radius: 0.5rem;\n  border: 1px solid var(--input);\n  background: var(--background);\n  color: var(--foreground);\n  padding: 0.25rem 0.75rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  box-shadow: var(--ts-input-shadow, 0 1px 2px rgba(0, 0, 0, 0.04));\n  transition: border-color 0.15s ease, background 0.15s ease;\n  font-family: inherit;\n}\n\n.input::placeholder {\n  color: var(--muted-foreground);\n}\n\n.input:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.input:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* ── Error ── */\n.error {\n  font-size: 0.8rem;\n  color: var(--destructive);\n  margin-top: 2px;\n}\n\n/* ── Password wrapper ── */\n.passwordWrapper {\n  position: relative;\n}\n\n.passwordWrapper .input {\n  padding-right: 2.5rem;\n}\n\n.toggle {\n  position: absolute;\n  right: 0.5rem;\n  top: 50%;\n  transform: translateY(-50%);\n  background: none;\n  border: none;\n  padding: 0.25rem;\n  cursor: pointer;\n  color: var(--muted-foreground);\n  border-radius: 4px;\n  transition: color 0.15s, background 0.15s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.toggle:hover {\n  color: var(--foreground);\n  background: var(--accent);\n}\n\n.toggle:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.eyeIcon {\n  width: 1.125rem;\n  height: 1.125rem;\n}\n\n/* ── Checkbox row ── */\n.checkboxRow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.checkboxLabel {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.875rem;\n  color: var(--foreground);\n  cursor: pointer;\n}\n\n.checkbox {\n  width: 1rem;\n  height: 1rem;\n  accent-color: var(--primary);\n  border-radius: 4px;\n  cursor: pointer;\n}\n\n.checkbox:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.forgotLink {\n  font-size: 0.875rem;\n  color: var(--primary);\n  text-decoration: none;\n  font-weight: 500;\n}\n\n.forgotLink:hover {\n  text-decoration: underline;\n}\n\n.checkboxLink {\n  color: var(--primary);\n  text-decoration: none;\n  font-weight: 500;\n}\n\n.checkboxLink:hover {\n  text-decoration: underline;\n}\n\n/* ── Submit button ── */\n.submitButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  font-family: inherit;\n  font-weight: 600;\n  border-radius: 8px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  text-decoration: none;\n  transition: opacity 0.15s, border-color 0.15s, color 0.15s, background 0.15s;\n  white-space: nowrap;\n  line-height: 1;\n  font-size: 0.95rem;\n  min-height: 2.25rem;\n  padding: 10px 22px;\n  background: var(--primary);\n  color: var(--primary-foreground);\n}\n\n.submitButton:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.submitButton:disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n\n.submitButton:hover:not(:disabled) {\n  opacity: 0.88;\n}\n\n/* ── Spinner ── */\n.spinner {\n  width: 1rem;\n  height: 1rem;\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-top-color: white;\n  border-radius: 50%;\n  animation: spin 0.6s linear infinite;\n}\n\n@keyframes spin {\n  to { transform: rotate(360deg); }\n}\n\n/* ── Divider ── */\n.divider {\n  border: none;\n  border-top: 1px solid var(--border);\n  margin: 0;\n}\n\n/* ── Footer ── */\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\n/* ── Sent state ── */\n.sentMessage {\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.sentText {\n  font-size: 0.875rem;\n  color: var(--foreground);\n  line-height: 1.5;\n}\n\n.sentText strong {\n  font-weight: 600;\n}\n\n.backLink {\n  font-size: 0.875rem;\n  color: var(--primary);\n  text-decoration: none;\n  font-weight: 500;\n}\n\n.backLink:hover {\n  text-decoration: underline;\n}\n"],"mappings":""}
+{"version":3,"file":"index50.cjs","names":[],"sources":["../src/components/layout-primitives/layout-primitives.module.css"],"sourcesContent":[".stack {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n}\n\n.inline {\n  display: flex;\n  min-width: 0;\n  flex-wrap: wrap;\n}\n\n.nowrap {\n  flex-wrap: nowrap;\n}\n\n.gap-xs { gap: 0.25rem; }\n.gap-sm { gap: 0.5rem; }\n.gap-md { gap: 1rem; }\n.gap-lg { gap: 1.5rem; }\n.gap-xl { gap: 2rem; }\n"],"mappings":""}