@proyecto-viviana/ui 0.3.5 → 0.4.1

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  // WCAG AA fix: the bio is small text (`ui-sm`) on the `--color-bg-200` card, so\n  // the 4.5:1 floor applies. `--color-text-secondary` read only 3.84:1 on the\n  // light-blue card (5.86:1 dark); `--color-text` flips and clears 4.5:1 both\n  // ways (15.33:1 dark / 7.53:1 light). The bio stays visually secondary to the\n  // `heading-sm` name through its smaller size, not a sub-AA color.\n  color: \"[var(--color-text)]\",\n});\n\nconst stats = style({\n  display: \"flex\",\n  gap: 16,\n  font: \"ui-sm\",\n  // WCAG AA fix: the stat connector words (\"seguidores\" / \"siguiendo\") share the\n  // bio's 3.84:1-light failure on the `--color-bg-200` card and take the same\n  // flipping `--color-text`. (The stat VALUES are `--color-primary-100`, which\n  // already clears AA — 13.47:1 dark / 10.37:1 light.)\n  color: \"[var(--color-text)]\",\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;AA+DN,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,52 @@
+/* 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 = " sd151 _ta151 Ul151 ql151 Tf151 Qf151 Sf151 Rf151 oc151 nc151 kc151 jc151 gDE5VE151 _nLeasBb151";
+const head = " sd151 ed151 Ul151 ql151";
+const info = " sd151 _ta151 Ub151 qb151 _ub151 Na151";
+const name = " uk151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 -_6BNtrc-f151 vx151 xe151 _xa151 xX0cczbd151 _xX0cczba151 xfe151 _xfa151 xfX0cczbd151 _xfX0cczba151 _Fd151 _FnuYUweb151 pXDQpyb151 _Nc151 Pc151 _Yb151 _7c151";
+const bio = " uk151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 -_6BNtrc-b151 vx151 xb151 _xa151 _Fd151 _FnuYUweb151 pO550xe151";
+const stats = " sd151 Ul151 ql151 uk151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 -_6BNtrc-b151 vx151 xb151 _xa151 _Fd151 _FnuYUweb151 pO550xe151";
+const statValue = " xd151 _xa151 xX0cczbc151 _xX0cczba151 pXDQpyb151";
+const actionRow = " sd151 Ue151 qe151";
+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  // WCAG AA fix: the bio is small text (`ui-sm`) on the `--color-bg-200` card, so\n  // the 4.5:1 floor applies. `--color-text-secondary` read only 3.84:1 on the\n  // light-blue card (5.86:1 dark); `--color-text` flips and clears 4.5:1 both\n  // ways (15.33:1 dark / 7.53:1 light). The bio stays visually secondary to the\n  // `heading-sm` name through its smaller size, not a sub-AA color.\n  color: \"[var(--color-text)]\",\n});\n\nconst stats = style({\n  display: \"flex\",\n  gap: 16,\n  font: \"ui-sm\",\n  // WCAG AA fix: the stat connector words (\"seguidores\" / \"siguiendo\") share the\n  // bio's 3.84:1-light failure on the `--color-bg-200` card and take the same\n  // flipping `--color-text`. (The stat VALUES are `--color-primary-100`, which\n  // already clears AA — 13.47:1 dark / 10.37:1 light.)\n  color: \"[var(--color-text)]\",\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,MAAA;AAMN,MAAM,QAAA;AAQN,MAAM,YAAA;AAQN,MAAM,YAAA;AAUN,SAAM,YAAA,OAAA;CAWN,MAAM,gBAAA,QAAA;EAKN,IAAM,OAAA,KAAA,OAAA,IAAA,MAAA,KAAA,QAAA,CAAA,EAAA;EAKN,IAAA,OAAgB,KAAA,OAAY,IAAuB,MAAA,KAAA,QAAA,CAAA,EAAA;EACjD,OAAM,IAAA,SAAA;;QAEA,CAAA,IAAO,OAAM,GAAA,KAAO,GAAI,MAAM,SAAM,MAAW;MACnD,CAAA,IAAO,OAAI,MAAQ;QACrB,CAAA,OAAA,KAAA,MAAA,QAAA,KAAA,MAAA,UAAA,YAAA;QAEO,CACJ,IAAI,OAAO,MAAG;UACZ,CAAI,GAAA,OAAO,OAAM,MAAA,SAAA,EAAA,GAAA;UACf,CAAA,KAAO,MAAK,MAAM,KAAA;YAClB,CAAI,EAAA,OAAO,MAAM,MAAA,IAAA,EAAA,EAAA;UAChB,EAAC,KAAG;UACJ,CAAC,IAAA,OAAW,OAAM;YAChB,CAAC,KAAE,MAAO,MAAM,cAAc,KAAA,GAAA;cAC9B,CAAA,KAAK;gBACF,CAAA,KAAO,OAAO,YAAA,aAAA,MAAA,SAAA,EAAA,EAAA,KAAA;cAChB,EAAA,KAAK;cACJ,KAAC;kBACE,MAAK,MAAO,cAAY,KAAA,GAAA;cAC3B,CAAA,KAAE;gBACF,CAAA,KAAK,OAAA,YAAA,aAAA,MAAA,SAAA,EAAA,EAAA,KAAA;cACN,EAAA,KAAK;cACJ,KAAC;gBACC;cACF;YACF;YACA,MAAI,MAAA,SAAA;QACR,CAAA,IAAE,OAAI,WAAA;WACN,OAAI,MAAA,YAAA,aAAA,MAAA,QAAA,IAAA,MAAA,QAAA;QACL,EAAA,IAAK;QACJ,KAAK;;;;AAMb,SAAA"}

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,162 @@
+import { className, effect, getNextElement, insert, setAttribute, template } from "solid-js/web";
+//#region src/custom/project-card/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<img class=" Za151 fa151 _Ha151 oa151 na151 ka151 ja151">`), _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 += " sd151";
+	rules += " _ta151";
+	rules += " eb151";
+	rules += " Ue151";
+	rules += " qe151";
+	rules += " Za151";
+	rules += " oc151";
+	rules += " nc151";
+	rules += " kc151";
+	rules += " jc151";
+	rules += " _kb151";
+	rules += " hb151";
+	rules += " mb151";
+	rules += " lb151";
+	rules += " _jf151";
+	rules += " izfTM5151";
+	rules += " gDE5VE151";
+	rules += " pXDQpyb151";
+	rules += " _Xa151";
+	if (props.size === "lg") rules += " Tg151";
+	else if (props.size === "md") rules += " Tf151";
+	else if (props.size === "sm") rules += " Te151";
+	if (props.size === "lg") rules += " Qg151";
+	else if (props.size === "md") rules += " Qf151";
+	else if (props.size === "sm") rules += " Qe151";
+	if (props.size === "lg") rules += " Sg151";
+	else if (props.size === "md") rules += " Sf151";
+	else if (props.size === "sm") rules += " Se151";
+	if (props.size === "lg") rules += " Rg151";
+	else if (props.size === "md") rules += " Rf151";
+	else if (props.size === "sm") rules += " Re151";
+	if (props.isInactive) rules += " _IqmMfn151";
+	else rules += " _Ib151";
+	return rules;
+};
+const caption = function anonymous(props) {
+	let rules = " ";
+	rules += " Za151";
+	rules += " _Wa151";
+	rules += " _Nc151";
+	rules += " Pc151";
+	rules += " _Yb151";
+	rules += " _7c151";
+	if (props.size === "lg") {
+		rules += " uk151";
+		rules += " ucJ9TBTb151";
+		rules += " ud3Euai151";
+		rules += " uea151";
+		rules += " ugb151";
+		rules += " uhd151";
+		rules += " uje151";
+		rules += " u2NhKxcl151";
+		rules += " uic151";
+	} else if (props.size === "md") {
+		rules += " uk151";
+		rules += " ucJ9TBTb151";
+		rules += " ud3Euai151";
+		rules += " uea151";
+		rules += " ugb151";
+		rules += " uhd151";
+		rules += " uje151";
+		rules += " u2NhKxcl151";
+		rules += " uic151";
+	} else if (props.size === "sm") {
+		rules += " uk151";
+		rules += " ucJ9TBTb151";
+		rules += " ud3Euai151";
+		rules += " uea151";
+		rules += " ugb151";
+		rules += " uhd151";
+		rules += " uje151";
+		rules += " u2NhKxcl151";
+		rules += " uic151";
+	}
+	if (props.size === "lg") {
+		rules += " -_6BNtrc-d151";
+		rules += " vx151";
+	} else if (props.size === "md") {
+		rules += " -_6BNtrc-c151";
+		rules += " vx151";
+	} else if (props.size === "sm") {
+		rules += " -_6BNtrc-b151";
+		rules += " vx151";
+	}
+	if (props.size === "lg") {
+		rules += " xb151";
+		rules += " _xa151";
+	} else if (props.size === "md") {
+		rules += " xb151";
+		rules += " _xa151";
+	} else if (props.size === "sm") {
+		rules += " xb151";
+		rules += " _xa151";
+	}
+	if (props.size === "lg") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "md") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "sm") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	}
+	rules += " pAZZpyb151";
+	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  font: { size: { sm: \"ui-sm\", md: \"ui\", lg: \"ui-lg\" } },\n  color: \"[var(--color-primary-200)]\",\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,131 @@
+//#region src/custom/project-card/index.tsx
+const card = function anonymous(props) {
+	let rules = " ";
+	rules += " sd151";
+	rules += " _ta151";
+	rules += " eb151";
+	rules += " Ue151";
+	rules += " qe151";
+	rules += " Za151";
+	rules += " oc151";
+	rules += " nc151";
+	rules += " kc151";
+	rules += " jc151";
+	rules += " _kb151";
+	rules += " hb151";
+	rules += " mb151";
+	rules += " lb151";
+	rules += " _jf151";
+	rules += " izfTM5151";
+	rules += " gDE5VE151";
+	rules += " pXDQpyb151";
+	rules += " _Xa151";
+	if (props.size === "lg") rules += " Tg151";
+	else if (props.size === "md") rules += " Tf151";
+	else if (props.size === "sm") rules += " Te151";
+	if (props.size === "lg") rules += " Qg151";
+	else if (props.size === "md") rules += " Qf151";
+	else if (props.size === "sm") rules += " Qe151";
+	if (props.size === "lg") rules += " Sg151";
+	else if (props.size === "md") rules += " Sf151";
+	else if (props.size === "sm") rules += " Se151";
+	if (props.size === "lg") rules += " Rg151";
+	else if (props.size === "md") rules += " Rf151";
+	else if (props.size === "sm") rules += " Re151";
+	if (props.isInactive) rules += " _IqmMfn151";
+	else rules += " _Ib151";
+	return rules;
+};
+const image = " Za151 fa151 _Ha151 oa151 na151 ka151 ja151";
+const caption = function anonymous(props) {
+	let rules = " ";
+	rules += " Za151";
+	rules += " _Wa151";
+	rules += " _Nc151";
+	rules += " Pc151";
+	rules += " _Yb151";
+	rules += " _7c151";
+	if (props.size === "lg") {
+		rules += " uk151";
+		rules += " ucJ9TBTb151";
+		rules += " ud3Euai151";
+		rules += " uea151";
+		rules += " ugb151";
+		rules += " uhd151";
+		rules += " uje151";
+		rules += " u2NhKxcl151";
+		rules += " uic151";
+	} else if (props.size === "md") {
+		rules += " uk151";
+		rules += " ucJ9TBTb151";
+		rules += " ud3Euai151";
+		rules += " uea151";
+		rules += " ugb151";
+		rules += " uhd151";
+		rules += " uje151";
+		rules += " u2NhKxcl151";
+		rules += " uic151";
+	} else if (props.size === "sm") {
+		rules += " uk151";
+		rules += " ucJ9TBTb151";
+		rules += " ud3Euai151";
+		rules += " uea151";
+		rules += " ugb151";
+		rules += " uhd151";
+		rules += " uje151";
+		rules += " u2NhKxcl151";
+		rules += " uic151";
+	}
+	if (props.size === "lg") {
+		rules += " -_6BNtrc-d151";
+		rules += " vx151";
+	} else if (props.size === "md") {
+		rules += " -_6BNtrc-c151";
+		rules += " vx151";
+	} else if (props.size === "sm") {
+		rules += " -_6BNtrc-b151";
+		rules += " vx151";
+	}
+	if (props.size === "lg") {
+		rules += " xb151";
+		rules += " _xa151";
+	} else if (props.size === "md") {
+		rules += " xb151";
+		rules += " _xa151";
+	} else if (props.size === "sm") {
+		rules += " xb151";
+		rules += " _xa151";
+	}
+	if (props.size === "lg") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "md") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "sm") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	}
+	rules += " pAZZpyb151";
+	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  font: { size: { sm: \"ui-sm\", md: \"ui\", lg: \"ui-lg\" } },\n  color: \"[var(--color-primary-200)]\",\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"}