@mccustomapps/helaui 0.1.0

package/dist/rain-background.css

@@ -0,0 +1,40 @@
+.helaui-rain-background {
+  position: fixed;
+  inset: 0;
+  overflow: hidden;
+  pointer-events: none;
+  z-index: 0;
+}
+
+.helaui-rain-background__drop {
+  position: absolute;
+  top: -20%;
+  left: var(--helaui-rain-x, 50%);
+  width: var(--helaui-rain-size, 48px);
+  height: auto;
+  opacity: var(--helaui-rain-opacity, 0.85);
+  background:transparent;
+  mix-blend-mode: screen;
+  will-change: transform;
+  animation: helaui-rain-fall var(--helaui-rain-duration, 10s) linear infinite;
+  animation-delay: var(--helaui-rain-delay, 0s);
+  transform: rotate(var(--helaui-rain-rotation, 0deg));
+}
+
+@keyframes helaui-rain-fall {
+  from {
+    transform: translate3d(0, 0, 0) rotate(var(--helaui-rain-rotation, 0deg));
+  }
+
+  to {
+    transform: translate3d(var(--helaui-rain-drift, 0px), 120vh, 0)
+      rotate(calc(var(--helaui-rain-rotation, 0deg) + var(--helaui-rain-spin, 180deg)));
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .helaui-rain-background__drop {
+    animation: none;
+    display: none;
+  }
+}

package/dist/sinhala.css

@@ -0,0 +1,10 @@
+@import '@fontsource/noto-sans-sinhala/400.css';
+@import '@fontsource/noto-sans-sinhala/700.css';
+
+:root {
+  --helaui-sinhala-font: 'Noto Sans Sinhala', 'Iskoola Pota', 'FM Abhaya', sans-serif;
+}
+
+.helaui-sinhala {
+  font-family: var(--helaui-sinhala-font);
+}

package/dist/sun-mandala.css

@@ -0,0 +1,66 @@
+.helaui-sun-mandala {
+  --helaui-sun-mandala-size: 280px;
+  --helaui-sun-mandala-duration: 36s;
+  --helaui-sun-mandala-face-radius: 22%;
+
+  position: relative;
+  width: var(--helaui-sun-mandala-size);
+  height: var(--helaui-sun-mandala-size);
+  aspect-ratio: 1;
+  flex-shrink: 0;
+  isolation: isolate;
+  user-select: none;
+}
+
+.helaui-sun-mandala__spin,
+.helaui-sun-mandala__face {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.helaui-sun-mandala__spin {
+  z-index: 0;
+  transform-origin: 50% 50%;
+  animation: helaui-sun-mandala-rotate var(--helaui-sun-mandala-duration) linear infinite;
+  will-change: transform;
+}
+
+.helaui-sun-mandala__face {
+  z-index: 1;
+  /* Same artwork, clipped to the yellow face so eyes/mouth stay upright */
+  clip-path: circle(var(--helaui-sun-mandala-face-radius) at 50% 50%);
+  -webkit-clip-path: circle(var(--helaui-sun-mandala-face-radius) at 50% 50%);
+  pointer-events: none;
+}
+
+.helaui-sun-mandala__image {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  pointer-events: none;
+}
+
+.helaui-sun-mandala--paused .helaui-sun-mandala__spin {
+  animation-play-state: paused;
+}
+
+@keyframes helaui-sun-mandala-rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .helaui-sun-mandala:not([data-reduce-motion="false"]) .helaui-sun-mandala__spin {
+    animation-duration: calc(var(--helaui-sun-mandala-duration) * 3);
+  }
+}
+
+
+

package/dist/textfield.css

@@ -0,0 +1,99 @@
+.helaui-textfield {
+
+  display: flex;
+
+  flex-direction: column;
+
+  gap: 0.375rem;
+
+  width: 100%;
+
+}
+
+
+
+.helaui-textfield__label {
+
+  font-size: 0.875rem;
+
+  font-weight: 600;
+
+  color: var(--helaui-text);
+
+}
+
+
+
+.helaui-textfield__input {
+
+  width: 100%;
+
+  padding: 0.625rem 0.875rem;
+
+  font-size: 1rem;
+
+  line-height: 1.5;
+
+  color: var(--helaui-text);
+
+  background: var(--helaui-surface);
+
+  border: 1.5px solid var(--helaui-border);
+
+  border-radius: 0.5rem;
+
+  outline: none;
+
+  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+
+  box-sizing: border-box;
+
+}
+
+
+
+.helaui-textfield__input::placeholder {
+
+  color: var(--helaui-text-muted);
+
+}
+
+
+
+.helaui-textfield__input:hover:not(:disabled) {
+
+  border-color: var(--helaui-border-hover);
+
+}
+
+
+
+.helaui-textfield__input:focus {
+
+  border-color: var(--helaui-focus);
+
+  box-shadow: 0 0 0 3px var(--helaui-focus-ring);
+
+}
+
+
+
+.helaui-textfield--disabled .helaui-textfield__input {
+
+  background: var(--helaui-disabled-bg);
+
+  color: var(--helaui-disabled-text);
+
+  cursor: not-allowed;
+
+}
+
+
+
+.helaui-textfield--disabled .helaui-textfield__label {
+
+  color: var(--helaui-disabled-text);
+
+}
+
+

package/dist/theme.css

@@ -0,0 +1,24 @@
+:root,
+.helaui-theme {
+  /* Brand palette */
+  --helaui-primary: #8d153a;
+  --helaui-secondary: #ffbe00;
+  --helaui-success: #005b33;
+  --helaui-accent: #ff7a00;
+  --helaui-black: #000000;
+  --helaui-white: #ffffff;
+  --helaui-grey: #808080;
+
+  /* Semantic tokens (derived from palette) */
+  --helaui-text: var(--helaui-black);
+  --helaui-text-muted: var(--helaui-grey);
+  --helaui-text-inverse: var(--helaui-white);
+  --helaui-background: var(--helaui-white);
+  --helaui-surface: var(--helaui-white);
+  --helaui-border: #c8c8c8;
+  --helaui-border-hover: var(--helaui-grey);
+  --helaui-focus: var(--helaui-primary);
+  --helaui-focus-ring: rgba(141, 21, 58, 0.2);
+  --helaui-disabled-bg: #f0f0f0;
+  --helaui-disabled-text: #a3a3a3;
+}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@mccustomapps/helaui",
+  "version": "0.1.0",
+  "description": "HelaUI components with Sinhala font support",
+  "author": "mccustomapps",
+  "license": "MIT",
+  "keywords": [
+    "helaui",
+    "sinhala",
+    "font",
+    "textfield",
+    "sri-lanka"
+  ],
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./sinhala.css": "./dist/sinhala.css",
+    "./textfield.css": "./dist/textfield.css",
+    "./calendar.css": "./dist/calendar.css",
+    "./rain-background.css": "./dist/rain-background.css",
+    "./sun-mandala.css": "./dist/sun-mandala.css",
+    "./theme.css": "./dist/theme.css",
+    "./assets/rain/*": "./dist/assets/rain/*",
+    "./assets/sun-mandala/*": "./dist/assets/sun-mandala/*"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsup",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@fontsource/noto-sans-sinhala": "^5.2.5"
+  },
+  "devDependencies": {
+    "tsup": "^8.4.0",
+    "typescript": "^5.8.2",
+    "vite": "^6.2.0"
+  }
+}