@proyecto-viviana/ui 0.3.4 → 0.4.0

package/dist/ProfileCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileCard.js","names":[],"sources":["../src/custom/profile-card/index.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { Show } from \"solid-js\";\nimport { Avatar } from \"@proyecto-viviana/solid-spectrum\";\n// Styled via the S2 style() macro through viviana's own seam (../../style →\n// src/style.ts). Mirrors S2's UserCard shape (avatar + title/description +\n// footer actions) on the S2 spacing/radius/elevation ramps, in Silapse colors.\nimport { style } from \"../../style\" with { type: \"macro\" };\n\nexport interface ProfileCardProps {\n  username: string;\n  avatar?: string;\n  bio?: string;\n  followers?: number;\n  following?: number;\n  /**\n   * Actions to display below the profile.\n   * Use a function returning JSX for SSR compatibility: `actions={() => <Button>...</Button>}`\n   */\n  actions?: JSX.Element | (() => JSX.Element);\n  class?: string;\n}\n\nconst card = style({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: 16,\n  padding: 16,\n  borderRadius: \"lg\",\n  backgroundColor: \"[var(--color-bg-200)]\",\n  boxShadow: \"elevated\",\n});\n\nconst head = style({\n  display: \"flex\",\n  alignItems: \"start\",\n  gap: 16,\n});\n\nconst info = style({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: 4,\n  flexGrow: 1,\n  minWidth: 0,\n});\n\nconst name = style({\n  font: \"heading-sm\",\n  color: \"[var(--color-primary-100)]\",\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\",\n});\n\nconst bio = style({\n  font: \"ui-sm\",\n  color: \"[var(--color-text-secondary)]\",\n});\n\nconst stats = style({\n  display: \"flex\",\n  gap: 16,\n  font: \"ui-sm\",\n  color: \"[var(--color-text-secondary)]\",\n});\n\nconst statValue = style({\n  fontWeight: \"bold\",\n  color: \"[var(--color-primary-100)]\",\n});\n\nconst actionRow = style({\n  display: \"flex\",\n  gap: 8,\n});\n\nexport function ProfileCard(props: ProfileCardProps) {\n  const formatNumber = (num: number) => {\n    if (num >= 1000000) return `${(num / 1000000).toFixed(1)}M`;\n    if (num >= 1000) return `${(num / 1000).toFixed(1)}K`;\n    return num.toString();\n  };\n\n  return (\n    <div class={`${card} ${props.class ?? \"\"}`}>\n      <div class={head}>\n        <Avatar src={props.avatar} alt={props.username} size=\"lg\" />\n        <div class={info}>\n          <h3 class={name}>{props.username}</h3>\n          <Show when={props.bio}>\n            <p class={bio}>{props.bio}</p>\n          </Show>\n          <div class={stats}>\n            <Show when={props.followers !== undefined}>\n              <span>\n                <span class={statValue}>{formatNumber(props.followers!)}</span> seguidores\n              </span>\n            </Show>\n            <Show when={props.following !== undefined}>\n              <span>\n                <span class={statValue}>{formatNumber(props.following!)}</span> siguiendo\n              </span>\n            </Show>\n          </div>\n        </div>\n      </div>\n      <Show when={props.actions}>\n        <div class={actionRow}>\n          {typeof props.actions === \"function\" ? props.actions() : props.actions}\n        </div>\n      </Show>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAsBA,MAAM,OAAA;AAsDN,SAAgB,YAAY,OAAuB;CACjD,MAAM,gBAAgB,QAAW;EAC/B,IAAI,OAAO,KAAS,OAAO,IAAI,MAAM,KAAS,QAAQ,CAAA,EAAA;EACtD,IAAI,OAAO,KAAM,OAAO,IAAI,MAAM,KAAM,QAAQ,CAAA,EAAA;EAChD,OAAO,IAAI,SAAQ;CACrB;CAEA,cAAA;EAAA,IAAA,OAAA,eAAA,OAAA,GAAA,QAAA,KAAA,YAAA,SAAA,MAAA,YAAA,CAAA,QAAA,SAAA,cAAA,OAAA,WAAA,GAAA,QAAA,OAAA,aAAA,QAAA,MAAA,YAAA,SAAA,MAAA,aAAA,CAAA,QAAA,SAAA,cAAA,OAAA,WAAA,GAAA,QAAA,OAAA,aAAA,QAAA,MAAA,YAAA,CAAA,QAAA,QAAA,cAAA,MAAA,WAAA,GAAA,SAAA,OAAA,aAAA,CAAA,QAAA,SAAA,cAAA,OAAA,WAAA,GAAA,SAAA,MAAA,aAAA,CAAA,QAAA,SAAA,cAAA,OAAA,WAAA;EAAA,OAAA,OAAA,gBAGO,QAAA;GAAA,IAAO,MAAA;IAAA,OAAK,MAAM;GAAM;GAAA,IAAE,MAAA;IAAA,OAAK,MAAM;GAAQ;GAAE,MAAA;EAAA,CAAA,GAAA,QAAA,KAAA;EAAA,OAAA,aAE5B,MAAM,QAAQ;EAAA,OAAA,OAAA,gBAC/B,MAAA;GAAA,IAAK,OAAA;IAAA,OAAM,MAAM;GAAG;GAAA,IAAA,WAAA;IAAA,IAAA,QAAA,eAAA,MAAA;IAAA,OAAA,aACH,MAAM,GAAG;IAAA,OAAA;GAAA;EAAA,CAAA,GAAA,QAAA,KAAA;EAAA,OAAA,OAAA,gBAGxB,MAAA;GAAA,IAAK,OAAA;IAAA,OAAM,MAAM,cAAc,KAAA;GAAA;GAAA,IAAA,WAAA;IAAA,IAAA,QAAA,eAAA,OAAA,GAAA,QAAA,MAAA;IAAA,OAAA,aAEH,aAAa,MAAM,SAAS,CAAA;IAAA,OAAA;GAAA;EAAA,CAAA,GAAA,QAAA,IAAA;EAAA,OAAA,OAAA,gBAGxD,MAAA;GAAA,IAAK,OAAA;IAAA,OAAM,MAAM,cAAc,KAAA;GAAA;GAAA,IAAA,WAAA;IAAA,IAAA,QAAA,eAAA,OAAA,GAAA,QAAA,MAAA;IAAA,OAAA,aAEH,aAAa,MAAM,SAAS,CAAA;IAAA,OAAA;GAAA;EAAA,CAAA,GAAA,QAAA,KAAA;EAAA,OAAA,MAAA,gBAM9D,MAAA;GAAA,IAAK,OAAA;IAAA,OAAM,MAAM;GAAO;GAAA,IAAA,WAAA;IAAA,IAAA,SAAA,eAAA,OAAA;IAAA,OAAA,eAAA;KAAA,IAAA,MAAA,WAEpB,OAAO,MAAM,YAAY,UAAA;KAAA,aAAzB,IAAA,IAAsC,MAAM,QAAO,IAAK,MAAM;IAAO,GAAA,CAAA;IAAA,OAAA;GAAA;EAAA,CAAA,GAAA,QAAA,KAAA;EAAA,aAAA,UAAA,MAxBhE,GAAG,KAAA,GAAQ,MAAM,SAAS,IAAI,CAAA;EAAA,OAAA;CAAA,GAAA;AA6B9C"}

package/dist/ProfileCard.jsx

@@ -0,0 +1,53 @@
+/* empty css                                                                        */
+/* empty css                                                                        */
+/* empty css                                                                        */
+import { Avatar } from "@proyecto-viviana/solid-spectrum";
+import { Show } from "solid-js";
+//#region src/custom/profile-card/index.tsx
+const card = " sd13 _ta13 Ul13 ql13 Tf13 Qf13 Sf13 Rf13 oc13 nc13 kc13 jc13 gDE5VE13 _nLeasBb13";
+const head = " sd13 ed13 Ul13 ql13";
+const info = " sd13 _ta13 Ub13 qb13 _ub13 Na13";
+const name = " uk13 ucJ9TBTb13 ud3Euai13 uea13 ugb13 uhd13 uje13 u2NhKxcl13 uic13 -_6BNtrc-f13 vx13 xe13 _xa13 xX0cczbd13 _xX0cczba13 xfe13 _xfa13 xfX0cczbd13 _xfX0cczba13 _Fd13 _FnuYUweb13 pXDQpyb13 _Nc13 Pc13 _Yb13 _7c13";
+const bio = " uk13 ucJ9TBTb13 ud3Euai13 uea13 ugb13 uhd13 uje13 u2NhKxcl13 uic13 -_6BNtrc-b13 vx13 xb13 _xa13 _Fd13 _FnuYUweb13 pxeCuqc13";
+const stats = " sd13 Ul13 ql13 uk13 ucJ9TBTb13 ud3Euai13 uea13 ugb13 uhd13 uje13 u2NhKxcl13 uic13 -_6BNtrc-b13 vx13 xb13 _xa13 _Fd13 _FnuYUweb13 pxeCuqc13";
+const statValue = " xd13 _xa13 xX0cczbc13 _xX0cczba13 pXDQpyb13";
+const actionRow = " sd13 Ue13 qe13";
+function ProfileCard(props) {
+	const formatNumber = (num) => {
+		if (num >= 1e6) return `${(num / 1e6).toFixed(1)}M`;
+		if (num >= 1e3) return `${(num / 1e3).toFixed(1)}K`;
+		return num.toString();
+	};
+	return <div class={`${card} ${props.class ?? ""}`}>
+      <div class={head}>
+        <Avatar src={props.avatar} alt={props.username} size="lg" />
+        <div class={info}>
+          <h3 class={name}>{props.username}</h3>
+          <Show when={props.bio}>
+            <p class={bio}>{props.bio}</p>
+          </Show>
+          <div class={stats}>
+            <Show when={props.followers !== void 0}>
+              <span>
+                <span class={statValue}>{formatNumber(props.followers)}</span> seguidores
+              </span>
+            </Show>
+            <Show when={props.following !== void 0}>
+              <span>
+                <span class={statValue}>{formatNumber(props.following)}</span> siguiendo
+              </span>
+            </Show>
+          </div>
+        </div>
+      </div>
+      <Show when={props.actions}>
+        <div class={actionRow}>
+          {typeof props.actions === "function" ? props.actions() : props.actions}
+        </div>
+      </Show>
+    </div>;
+}
+//#endregion
+export { ProfileCard };
+
+//# sourceMappingURL=ProfileCard.jsx.map

package/dist/ProfileCard.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileCard.jsx","names":[],"sources":["../src/custom/profile-card/index.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { Show } from \"solid-js\";\nimport { Avatar } from \"@proyecto-viviana/solid-spectrum\";\n// Styled via the S2 style() macro through viviana's own seam (../../style →\n// src/style.ts). Mirrors S2's UserCard shape (avatar + title/description +\n// footer actions) on the S2 spacing/radius/elevation ramps, in Silapse colors.\nimport { style } from \"../../style\" with { type: \"macro\" };\n\nexport interface ProfileCardProps {\n  username: string;\n  avatar?: string;\n  bio?: string;\n  followers?: number;\n  following?: number;\n  /**\n   * Actions to display below the profile.\n   * Use a function returning JSX for SSR compatibility: `actions={() => <Button>...</Button>}`\n   */\n  actions?: JSX.Element | (() => JSX.Element);\n  class?: string;\n}\n\nconst card = style({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: 16,\n  padding: 16,\n  borderRadius: \"lg\",\n  backgroundColor: \"[var(--color-bg-200)]\",\n  boxShadow: \"elevated\",\n});\n\nconst head = style({\n  display: \"flex\",\n  alignItems: \"start\",\n  gap: 16,\n});\n\nconst info = style({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: 4,\n  flexGrow: 1,\n  minWidth: 0,\n});\n\nconst name = style({\n  font: \"heading-sm\",\n  color: \"[var(--color-primary-100)]\",\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\",\n});\n\nconst bio = style({\n  font: \"ui-sm\",\n  color: \"[var(--color-text-secondary)]\",\n});\n\nconst stats = style({\n  display: \"flex\",\n  gap: 16,\n  font: \"ui-sm\",\n  color: \"[var(--color-text-secondary)]\",\n});\n\nconst statValue = style({\n  fontWeight: \"bold\",\n  color: \"[var(--color-primary-100)]\",\n});\n\nconst actionRow = style({\n  display: \"flex\",\n  gap: 8,\n});\n\nexport function ProfileCard(props: ProfileCardProps) {\n  const formatNumber = (num: number) => {\n    if (num >= 1000000) return `${(num / 1000000).toFixed(1)}M`;\n    if (num >= 1000) return `${(num / 1000).toFixed(1)}K`;\n    return num.toString();\n  };\n\n  return (\n    <div class={`${card} ${props.class ?? \"\"}`}>\n      <div class={head}>\n        <Avatar src={props.avatar} alt={props.username} size=\"lg\" />\n        <div class={info}>\n          <h3 class={name}>{props.username}</h3>\n          <Show when={props.bio}>\n            <p class={bio}>{props.bio}</p>\n          </Show>\n          <div class={stats}>\n            <Show when={props.followers !== undefined}>\n              <span>\n                <span class={statValue}>{formatNumber(props.followers!)}</span> seguidores\n              </span>\n            </Show>\n            <Show when={props.following !== undefined}>\n              <span>\n                <span class={statValue}>{formatNumber(props.following!)}</span> siguiendo\n              </span>\n            </Show>\n          </div>\n        </div>\n      </div>\n      <Show when={props.actions}>\n        <div class={actionRow}>\n          {typeof props.actions === \"function\" ? props.actions() : props.actions}\n        </div>\n      </Show>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAsBA,MAAM,OAAA;AAUN,MAAM,OAAA;AAMN,MAAM,OAAA;AAQN,MAAM,OAAA;AAQN,MAAM,MAAA;AAKN,MAAM,QAAA;AAON,MAAM,YAAA;AAKN,MAAM,YAAA;AAKN,SAAgB,YAAY,OAAuB;CACjD,MAAM,gBAAgB,QAAW;EAC/B,IAAI,OAAO,KAAS,OAAO,IAAI,MAAM,KAAS,QAAQ,CAAA,EAAG;EACzD,IAAI,OAAO,KAAM,OAAO,IAAI,MAAM,KAAM,QAAQ,CAAA,EAAG;EACnD,OAAO,IAAI,SAAQ;CACrB;CAEA,OAAO,CACJ,IAAI,OAAO,GAAG,KAAK,GAAG,MAAM,SAAS,MAAM;MAC1C,CAAC,IAAI,OAAO,MAAM;QAChB,CAAC,OAAO,KAAK,MAAM,QAAQ,KAAK,MAAM,UAAU,YAAY;QAC5D,CAAC,IAAI,OAAO,MAAM;UAChB,CAAC,GAAG,OAAO,OAAO,MAAM,SAAQ,EAAG,GAAG;UACtC,CAAC,KAAK,MAAM,MAAM,KAAK;YACrB,CAAC,EAAE,OAAO,MAAM,MAAM,IAAG,EAAG,EAAE;UAChC,EAAE,KAAK;UACP,CAAC,IAAI,OAAO,OAAO;YACjB,CAAC,KAAK,MAAM,MAAM,cAAc,KAAA,GAAW;cACzC,CAAC,KAAK;gBACJ,CAAC,KAAK,OAAO,YAAY,aAAa,MAAM,SAAS,EAAA,EAAK,KAAK;cACjE,EAAE,KAAK;YACT,EAAE,KAAK;YACP,CAAC,KAAK,MAAM,MAAM,cAAc,KAAA,GAAW;cACzC,CAAC,KAAK;gBACJ,CAAC,KAAK,OAAO,YAAY,aAAa,MAAM,SAAS,EAAA,EAAK,KAAK;cACjE,EAAE,KAAK;YACT,EAAE,KAAK;UACT,EAAE,IAAI;QACR,EAAE,IAAI;MACR,EAAE,IAAI;MACN,CAAC,KAAK,MAAM,MAAM,SAAS;QACzB,CAAC,IAAI,OAAO,WAAW;WACpB,OAAO,MAAM,YAAY,aAAa,MAAM,QAAO,IAAK,MAAM,QAAQ;QACzE,EAAE,IAAI;MACR,EAAE,KAAK;IACT,EAAE;AAEN"}

package/dist/ProjectCard.d.ts

@@ -0,0 +1,2 @@
+export * from "./custom/project-card";
+//# sourceMappingURL=ProjectCard.d.ts.map

package/dist/ProjectCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectCard.d.ts","sourceRoot":"","sources":["../src/ProjectCard.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/ProjectCard.js

@@ -0,0 +1,164 @@
+import { className, effect, getNextElement, insert, setAttribute, template } from "solid-js/web";
+//#region src/custom/project-card/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<img class=" Za13 fa13 _Ha13 oa13 na13 ka13 ja13">`), _tmpl$2 = /*#__PURE__*/ template(`<span>`), _tmpl$3 = /*#__PURE__*/ template(`<a target=_blank rel="noopener noreferrer">`), _tmpl$4 = /*#__PURE__*/ template(`<div>`);
+const card = function anonymous(props) {
+	let rules = " ";
+	rules += " sd13";
+	rules += " _ta13";
+	rules += " eb13";
+	rules += " Ue13";
+	rules += " qe13";
+	rules += " Za13";
+	rules += " oc13";
+	rules += " nc13";
+	rules += " kc13";
+	rules += " jc13";
+	rules += " _kb13";
+	rules += " hb13";
+	rules += " mb13";
+	rules += " lb13";
+	rules += " _jf13";
+	rules += " izfTM513";
+	rules += " gDE5VE13";
+	rules += " pXDQpyb13";
+	rules += " _Xa13";
+	if (props.size === "lg") rules += " Tg13";
+	else if (props.size === "md") rules += " Tf13";
+	else if (props.size === "sm") rules += " Te13";
+	if (props.size === "lg") rules += " Qg13";
+	else if (props.size === "md") rules += " Qf13";
+	else if (props.size === "sm") rules += " Qe13";
+	if (props.size === "lg") rules += " Sg13";
+	else if (props.size === "md") rules += " Sf13";
+	else if (props.size === "sm") rules += " Se13";
+	if (props.size === "lg") rules += " Rg13";
+	else if (props.size === "md") rules += " Rf13";
+	else if (props.size === "sm") rules += " Re13";
+	if (props.isInactive) rules += " _IqmMfn13";
+	else rules += " _Ib13";
+	return rules;
+};
+const caption = function anonymous(props) {
+	let rules = " ";
+	rules += " Za13";
+	rules += " _Wa13";
+	rules += " _Nc13";
+	rules += " Pc13";
+	rules += " _Yb13";
+	rules += " _7c13";
+	if (props.size === "lg") rules += " pt13";
+	else if (props.size === "md") rules += " pt13";
+	else if (props.size === "sm") rules += " pt13";
+	if (props.size === "lg") {
+		rules += " uk13";
+		rules += " ucJ9TBTb13";
+		rules += " ud3Euai13";
+		rules += " uea13";
+		rules += " ugb13";
+		rules += " uhd13";
+		rules += " uje13";
+		rules += " u2NhKxcl13";
+		rules += " uic13";
+	} else if (props.size === "md") {
+		rules += " uk13";
+		rules += " ucJ9TBTb13";
+		rules += " ud3Euai13";
+		rules += " uea13";
+		rules += " ugb13";
+		rules += " uhd13";
+		rules += " uje13";
+		rules += " u2NhKxcl13";
+		rules += " uic13";
+	} else if (props.size === "sm") {
+		rules += " uk13";
+		rules += " ucJ9TBTb13";
+		rules += " ud3Euai13";
+		rules += " uea13";
+		rules += " ugb13";
+		rules += " uhd13";
+		rules += " uje13";
+		rules += " u2NhKxcl13";
+		rules += " uic13";
+	}
+	if (props.size === "lg") {
+		rules += " -_6BNtrc-d13";
+		rules += " vx13";
+	} else if (props.size === "md") {
+		rules += " -_6BNtrc-c13";
+		rules += " vx13";
+	} else if (props.size === "sm") {
+		rules += " -_6BNtrc-b13";
+		rules += " vx13";
+	}
+	if (props.size === "lg") {
+		rules += " xb13";
+		rules += " _xa13";
+	} else if (props.size === "md") {
+		rules += " xb13";
+		rules += " _xa13";
+	} else if (props.size === "sm") {
+		rules += " xb13";
+		rules += " _xa13";
+	}
+	if (props.size === "lg") {
+		rules += " _Fd13";
+		rules += " _FnuYUweb13";
+	} else if (props.size === "md") {
+		rules += " _Fd13";
+		rules += " _FnuYUweb13";
+	} else if (props.size === "sm") {
+		rules += " _Fd13";
+		rules += " _FnuYUweb13";
+	}
+	return rules;
+};
+function ProjectCard(props) {
+	const size = () => props.size ?? "sm";
+	const inactive = () => props.inactive ?? false;
+	const cardContent = () => [(() => {
+		var _el$ = getNextElement(_tmpl$);
+		effect((_p$) => {
+			var _v$ = props.imageSrc, _v$2 = props.imageAlt ?? props.name;
+			_v$ !== _p$.e && setAttribute(_el$, "src", _p$.e = _v$);
+			_v$2 !== _p$.t && setAttribute(_el$, "alt", _p$.t = _v$2);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0
+		});
+		return _el$;
+	})(), (() => {
+		var _el$2 = getNextElement(_tmpl$2);
+		insert(_el$2, () => props.name);
+		effect(() => className(_el$2, caption({ size: size() })));
+		return _el$2;
+	})()];
+	const classes = () => `${card({
+		size: size(),
+		isInactive: inactive()
+	})} ${props.class ?? ""}`;
+	if (props.href) return (() => {
+		var _el$3 = getNextElement(_tmpl$3);
+		insert(_el$3, cardContent);
+		effect((_p$) => {
+			var _v$3 = props.href, _v$4 = classes();
+			_v$3 !== _p$.e && setAttribute(_el$3, "href", _p$.e = _v$3);
+			_v$4 !== _p$.t && className(_el$3, _p$.t = _v$4);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0
+		});
+		return _el$3;
+	})();
+	return (() => {
+		var _el$4 = getNextElement(_tmpl$4);
+		insert(_el$4, cardContent);
+		effect(() => className(_el$4, classes()));
+		return _el$4;
+	})();
+}
+//#endregion
+export { ProjectCard };
+
+//# sourceMappingURL=ProjectCard.js.map

package/dist/ProjectCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectCard.js","names":[],"sources":["../src/custom/project-card/index.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\n// Styled via the S2 style() macro through viviana's own seam (../../style →\n// src/style.ts). A square logo/preview tile with a caption, sized by the S2\n// spacing + type ramps and painted in Silapse colors. `inactive` dims it;\n// `href` turns the whole card into a link.\nimport { style } from \"../../style\" with { type: \"macro\" };\n\nexport type ProjectCardSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ProjectCardProps {\n  name: string;\n  imageSrc: string;\n  imageAlt?: string;\n  href?: string;\n  size?: ProjectCardSize;\n  inactive?: boolean;\n  class?: string;\n}\n\nconst card = style<{ size: ProjectCardSize; isInactive: boolean }>({\n  display: \"flex\",\n  flexDirection: \"column\",\n  alignItems: \"center\",\n  gap: 8,\n  width: \"full\",\n  borderRadius: \"lg\",\n  borderWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: \"[var(--color-border)]\",\n  backgroundColor: \"[var(--color-bg-200)]\",\n  color: \"[var(--color-primary-100)]\",\n  textDecoration: \"none\",\n  padding: { size: { sm: 12, md: 16, lg: 20 } },\n  opacity: { default: 1, isInactive: 0.5 },\n});\n\nconst image = style({\n  width: \"full\",\n  aspectRatio: \"square\",\n  objectFit: \"contain\",\n  borderRadius: \"sm\",\n});\n\nconst caption = style<{ size: ProjectCardSize }>({\n  width: \"full\",\n  textAlign: \"center\",\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\",\n  color: \"[var(--color-primary-200)]\",\n  font: { size: { sm: \"ui-sm\", md: \"ui\", lg: \"ui-lg\" } },\n});\n\nexport function ProjectCard(props: ProjectCardProps): JSX.Element {\n  const size = () => props.size ?? \"sm\";\n  const inactive = () => props.inactive ?? false;\n\n  const cardContent = () => (\n    <>\n      <img class={image} src={props.imageSrc} alt={props.imageAlt ?? props.name} />\n      <span class={caption({ size: size() })}>{props.name}</span>\n    </>\n  );\n\n  const classes = () => `${card({ size: size(), isInactive: inactive() })} ${props.class ?? \"\"}`;\n\n  if (props.href) {\n    return (\n      <a href={props.href} target=\"_blank\" rel=\"noopener noreferrer\" class={classes()}>\n        {cardContent()}\n      </a>\n    );\n  }\n\n  return <div class={classes()}>{cardContent()}</div>;\n}\n"],"mappings":";;;AAmBA,MAAM,OAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBN,MAAM,UAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUN,SAAgB,YAAY,OAA8B;CACxD,MAAM,aAAa,MAAM,QAAQ;CACjC,MAAM,iBAAiB,MAAM,YAAY;CAEzC,MAAM,oBAAc,QAAA;EAAA,IAAA,OAAA,eAAA,MAAA;EAAA,QAAA,QAAA;GAAA,IAAA,MAEQ,MAAM,UAAQ,OAAO,MAAM,YAAY,MAAM;GAAI,QAAA,IAAA,KAAA,aAAA,MAAA,OAAA,IAAA,IAAA,GAAA;GAAA,SAAA,IAAA,KAAA,aAAA,MAAA,OAAA,IAAA,IAAA,IAAA;GAAA,OAAA;EAAA,GAAA;GAAA,GAAA,KAAA;GAAA,GAAA,KAAA;EAAA,CAAA;EAAA,OAAA;CAAA,GAAA,UAAA;EAAA,IAAA,QAAA,eAAA,OAAA;EAAA,OAAA,aAChC,MAAM,IAAI;EAAA,aAAA,UAAA,OAAtC,QAAQ,EAAE,MAAM,KAAA,EAAO,CAAA,CAAA,CAAA;EAAA,OAAA;CAAA,GAAA,CAAA;CAIxC,MAAM,gBAAgB,GAAG,KAAK;EAAE,MAAM,KAAA;EAAQ,YAAY,SAAA;CAAW,CAAA,EAAA,GAAM,MAAM,SAAS;CAE1F,IAAI,MAAM,MACR,cAAA;EAAA,IAAA,QAAA,eAAA,OAAA;EAAA,OAAA,OAEK,WAAA;EAAA,QAAA,QAAA;GAAA,IAAA,OADM,MAAM,MAAI,OAAmD,QAAA;GAAA,SAAA,IAAA,KAAA,aAAA,OAAA,QAAA,IAAA,IAAA,IAAA;GAAA,SAAA,IAAA,KAAA,UAAA,OAAA,IAAA,IAAA,IAAA;GAAA,OAAA;EAAA,GAAA;GAAA,GAAA,KAAA;GAAA,GAAA,KAAA;EAAA,CAAA;EAAA,OAAA;CAAA,GAAA;CAM1E,cAAA;EAAA,IAAA,QAAA,eAAA,OAAA;EAAA,OAAA,OAA+B,WAAA;EAAA,aAAA,UAAA,OAAZ,QAAA,CAAA,CAAA;EAAA,OAAA;CAAA,GAAA;AACrB"}

package/dist/ProjectCard.jsx

@@ -0,0 +1,133 @@
+//#region src/custom/project-card/index.tsx
+const card = function anonymous(props) {
+	let rules = " ";
+	rules += " sd13";
+	rules += " _ta13";
+	rules += " eb13";
+	rules += " Ue13";
+	rules += " qe13";
+	rules += " Za13";
+	rules += " oc13";
+	rules += " nc13";
+	rules += " kc13";
+	rules += " jc13";
+	rules += " _kb13";
+	rules += " hb13";
+	rules += " mb13";
+	rules += " lb13";
+	rules += " _jf13";
+	rules += " izfTM513";
+	rules += " gDE5VE13";
+	rules += " pXDQpyb13";
+	rules += " _Xa13";
+	if (props.size === "lg") rules += " Tg13";
+	else if (props.size === "md") rules += " Tf13";
+	else if (props.size === "sm") rules += " Te13";
+	if (props.size === "lg") rules += " Qg13";
+	else if (props.size === "md") rules += " Qf13";
+	else if (props.size === "sm") rules += " Qe13";
+	if (props.size === "lg") rules += " Sg13";
+	else if (props.size === "md") rules += " Sf13";
+	else if (props.size === "sm") rules += " Se13";
+	if (props.size === "lg") rules += " Rg13";
+	else if (props.size === "md") rules += " Rf13";
+	else if (props.size === "sm") rules += " Re13";
+	if (props.isInactive) rules += " _IqmMfn13";
+	else rules += " _Ib13";
+	return rules;
+};
+const image = " Za13 fa13 _Ha13 oa13 na13 ka13 ja13";
+const caption = function anonymous(props) {
+	let rules = " ";
+	rules += " Za13";
+	rules += " _Wa13";
+	rules += " _Nc13";
+	rules += " Pc13";
+	rules += " _Yb13";
+	rules += " _7c13";
+	if (props.size === "lg") rules += " pt13";
+	else if (props.size === "md") rules += " pt13";
+	else if (props.size === "sm") rules += " pt13";
+	if (props.size === "lg") {
+		rules += " uk13";
+		rules += " ucJ9TBTb13";
+		rules += " ud3Euai13";
+		rules += " uea13";
+		rules += " ugb13";
+		rules += " uhd13";
+		rules += " uje13";
+		rules += " u2NhKxcl13";
+		rules += " uic13";
+	} else if (props.size === "md") {
+		rules += " uk13";
+		rules += " ucJ9TBTb13";
+		rules += " ud3Euai13";
+		rules += " uea13";
+		rules += " ugb13";
+		rules += " uhd13";
+		rules += " uje13";
+		rules += " u2NhKxcl13";
+		rules += " uic13";
+	} else if (props.size === "sm") {
+		rules += " uk13";
+		rules += " ucJ9TBTb13";
+		rules += " ud3Euai13";
+		rules += " uea13";
+		rules += " ugb13";
+		rules += " uhd13";
+		rules += " uje13";
+		rules += " u2NhKxcl13";
+		rules += " uic13";
+	}
+	if (props.size === "lg") {
+		rules += " -_6BNtrc-d13";
+		rules += " vx13";
+	} else if (props.size === "md") {
+		rules += " -_6BNtrc-c13";
+		rules += " vx13";
+	} else if (props.size === "sm") {
+		rules += " -_6BNtrc-b13";
+		rules += " vx13";
+	}
+	if (props.size === "lg") {
+		rules += " xb13";
+		rules += " _xa13";
+	} else if (props.size === "md") {
+		rules += " xb13";
+		rules += " _xa13";
+	} else if (props.size === "sm") {
+		rules += " xb13";
+		rules += " _xa13";
+	}
+	if (props.size === "lg") {
+		rules += " _Fd13";
+		rules += " _FnuYUweb13";
+	} else if (props.size === "md") {
+		rules += " _Fd13";
+		rules += " _FnuYUweb13";
+	} else if (props.size === "sm") {
+		rules += " _Fd13";
+		rules += " _FnuYUweb13";
+	}
+	return rules;
+};
+function ProjectCard(props) {
+	const size = () => props.size ?? "sm";
+	const inactive = () => props.inactive ?? false;
+	const cardContent = () => <>
+      <img class={image} src={props.imageSrc} alt={props.imageAlt ?? props.name} />
+      <span class={caption({ size: size() })}>{props.name}</span>
+    </>;
+	const classes = () => `${card({
+		size: size(),
+		isInactive: inactive()
+	})} ${props.class ?? ""}`;
+	if (props.href) return <a href={props.href} target="_blank" rel="noopener noreferrer" class={classes()}>
+        {cardContent()}
+      </a>;
+	return <div class={classes()}>{cardContent()}</div>;
+}
+//#endregion
+export { ProjectCard };
+
+//# sourceMappingURL=ProjectCard.jsx.map

package/dist/ProjectCard.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectCard.jsx","names":[],"sources":["../src/custom/project-card/index.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\n// Styled via the S2 style() macro through viviana's own seam (../../style →\n// src/style.ts). A square logo/preview tile with a caption, sized by the S2\n// spacing + type ramps and painted in Silapse colors. `inactive` dims it;\n// `href` turns the whole card into a link.\nimport { style } from \"../../style\" with { type: \"macro\" };\n\nexport type ProjectCardSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ProjectCardProps {\n  name: string;\n  imageSrc: string;\n  imageAlt?: string;\n  href?: string;\n  size?: ProjectCardSize;\n  inactive?: boolean;\n  class?: string;\n}\n\nconst card = style<{ size: ProjectCardSize; isInactive: boolean }>({\n  display: \"flex\",\n  flexDirection: \"column\",\n  alignItems: \"center\",\n  gap: 8,\n  width: \"full\",\n  borderRadius: \"lg\",\n  borderWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: \"[var(--color-border)]\",\n  backgroundColor: \"[var(--color-bg-200)]\",\n  color: \"[var(--color-primary-100)]\",\n  textDecoration: \"none\",\n  padding: { size: { sm: 12, md: 16, lg: 20 } },\n  opacity: { default: 1, isInactive: 0.5 },\n});\n\nconst image = style({\n  width: \"full\",\n  aspectRatio: \"square\",\n  objectFit: \"contain\",\n  borderRadius: \"sm\",\n});\n\nconst caption = style<{ size: ProjectCardSize }>({\n  width: \"full\",\n  textAlign: \"center\",\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\",\n  color: \"[var(--color-primary-200)]\",\n  font: { size: { sm: \"ui-sm\", md: \"ui\", lg: \"ui-lg\" } },\n});\n\nexport function ProjectCard(props: ProjectCardProps): JSX.Element {\n  const size = () => props.size ?? \"sm\";\n  const inactive = () => props.inactive ?? false;\n\n  const cardContent = () => (\n    <>\n      <img class={image} src={props.imageSrc} alt={props.imageAlt ?? props.name} />\n      <span class={caption({ size: size() })}>{props.name}</span>\n    </>\n  );\n\n  const classes = () => `${card({ size: size(), isInactive: inactive() })} ${props.class ?? \"\"}`;\n\n  if (props.href) {\n    return (\n      <a href={props.href} target=\"_blank\" rel=\"noopener noreferrer\" class={classes()}>\n        {cardContent()}\n      </a>\n    );\n  }\n\n  return <div class={classes()}>{cardContent()}</div>;\n}\n"],"mappings":";AAmBA,MAAM,OAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBN,MAAM,QAAA;AAON,MAAM,UAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUN,SAAgB,YAAY,OAA8B;CACxD,MAAM,aAAa,MAAM,QAAQ;CACjC,MAAM,iBAAiB,MAAM,YAAY;CAEzC,MAAM,oBAAoB,EACtB;MACA,CAAC,IAAI,OAAO,OAAO,KAAK,MAAM,UAAU,KAAK,MAAM,YAAY,MAAM,QAAQ;MAC7E,CAAC,KAAK,OAAO,QAAQ,EAAE,MAAM,KAAA,EAAO,CAAA,IAAK,MAAM,KAAI,EAAG,KAAK;IAC7D;CAGF,MAAM,gBAAgB,GAAG,KAAK;EAAE,MAAM,KAAA;EAAQ,YAAY,SAAA;CAAW,CAAA,EAAG,GAAG,MAAM,SAAS;CAE1F,IAAI,MAAM,MACR,OAAO,CACJ,EAAE,MAAM,MAAM,MAAM,gBAAgB,0BAA0B,OAAO,QAAA,GAAW;SAC9E,YAAA,EAAc;MACjB,EAAE;CAIN,OAAA,CAAQ,IAAI,OAAO,QAAA,IAAY,YAAA,EAAA,EAAgB;AACjD"}

package/dist/Provider.d.ts

@@ -0,0 +1,2 @@
+export * from "@proyecto-viviana/solid-spectrum/Provider";
+//# sourceMappingURL=Provider.d.ts.map

package/dist/Provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../src/Provider.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC"}

package/dist/Provider.js

@@ -0,0 +1 @@
+export * from "@proyecto-viviana/solid-spectrum/Provider";

package/dist/Provider.jsx

@@ -0,0 +1 @@
+export * from "@proyecto-viviana/solid-spectrum/Provider";

package/dist/RangeCalendar.d.ts

@@ -0,0 +1,2 @@
+export * from "@proyecto-viviana/solid-spectrum/RangeCalendar";
+//# sourceMappingURL=RangeCalendar.d.ts.map

package/dist/RangeCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.d.ts","sourceRoot":"","sources":["../src/RangeCalendar.ts"],"names":[],"mappings":"AAAA,cAAc,gDAAgD,CAAC"}

package/dist/RangeCalendar.js

@@ -0,0 +1 @@
+export * from "@proyecto-viviana/solid-spectrum/RangeCalendar";

package/dist/RangeCalendar.jsx

@@ -0,0 +1 @@
+export * from "@proyecto-viviana/solid-spectrum/RangeCalendar";

package/dist/SearchField.d.ts

@@ -0,0 +1,2 @@
+export * from "@proyecto-viviana/solid-spectrum/SearchField";
+//# sourceMappingURL=SearchField.d.ts.map

package/dist/SearchField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["../src/SearchField.ts"],"names":[],"mappings":"AAAA,cAAc,8CAA8C,CAAC"}

package/dist/SearchField.js

@@ -0,0 +1 @@
+export * from "@proyecto-viviana/solid-spectrum/SearchField";

package/dist/SearchField.jsx

@@ -0,0 +1 @@
+export * from "@proyecto-viviana/solid-spectrum/SearchField";

package/dist/SegmentedControl.d.ts

@@ -0,0 +1,2 @@
+export * from "@proyecto-viviana/solid-spectrum/SegmentedControl";
+//# sourceMappingURL=SegmentedControl.d.ts.map

package/dist/SegmentedControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../src/SegmentedControl.ts"],"names":[],"mappings":"AAAA,cAAc,mDAAmD,CAAC"}

package/dist/SegmentedControl.js

@@ -0,0 +1 @@
+export * from "@proyecto-viviana/solid-spectrum/SegmentedControl";

package/dist/SegmentedControl.jsx

@@ -0,0 +1 @@
+export * from "@proyecto-viviana/solid-spectrum/SegmentedControl";

package/dist/Switch.d.ts

@@ -0,0 +1,2 @@
+export * from "@proyecto-viviana/solid-spectrum/Switch";
+//# sourceMappingURL=Switch.d.ts.map

package/dist/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../src/Switch.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAC"}

package/dist/Switch.js

@@ -0,0 +1 @@
+export * from "@proyecto-viviana/solid-spectrum/Switch";

package/dist/Switch.jsx

@@ -0,0 +1 @@
+export * from "@proyecto-viviana/solid-spectrum/Switch";

package/dist/Tabs.d.ts

@@ -0,0 +1,2 @@
+export * from "@proyecto-viviana/solid-spectrum/Tabs";
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../src/Tabs.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC"}

package/dist/Tabs.js

@@ -0,0 +1 @@
+export * from "@proyecto-viviana/solid-spectrum/Tabs";

package/dist/Tabs.jsx

@@ -0,0 +1 @@
+export * from "@proyecto-viviana/solid-spectrum/Tabs";

package/dist/TextArea.d.ts

@@ -0,0 +1,2 @@
+export * from "@proyecto-viviana/solid-spectrum/TextArea";
+//# sourceMappingURL=TextArea.d.ts.map

package/dist/TextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../src/TextArea.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC"}

package/dist/TextArea.js

@@ -0,0 +1 @@
+export * from "@proyecto-viviana/solid-spectrum/TextArea";

package/dist/TextArea.jsx

@@ -0,0 +1 @@
+export * from "@proyecto-viviana/solid-spectrum/TextArea";

package/dist/TextField.d.ts

@@ -0,0 +1,2 @@
+export * from "@proyecto-viviana/solid-spectrum/TextField";
+//# sourceMappingURL=TextField.d.ts.map

package/dist/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../src/TextField.ts"],"names":[],"mappings":"AAAA,cAAc,4CAA4C,CAAC"}

package/dist/TextField.js

@@ -0,0 +1 @@
+export * from "@proyecto-viviana/solid-spectrum/TextField";

package/dist/TextField.jsx

@@ -0,0 +1 @@
+export * from "@proyecto-viviana/solid-spectrum/TextField";

package/dist/TimelineItem.d.ts

@@ -0,0 +1,2 @@
+export * from "./custom/timeline-item";
+//# sourceMappingURL=TimelineItem.d.ts.map

package/dist/TimelineItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineItem.d.ts","sourceRoot":"","sources":["../src/TimelineItem.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}