@tomo-inc/tomo-ui 0.0.12 → 0.0.14

package/dist/tailwind/plugin.cjs

@@ -0,0 +1,81 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/tailwind/plugin.ts
+var plugin_exports = {};
+__export(plugin_exports, {
+  TOMO_PRIMARY: () => TOMO_PRIMARY,
+  baseConfig: () => baseConfig,
+  default: () => plugin_default
+});
+module.exports = __toCommonJS(plugin_exports);
+var import_react = require("@heroui/react");
+var TOMO_PRIMARY = {
+  50: "#FFFBEA",
+  100: "#FED8DB",
+  200: "#FEB1C0",
+  300: "#FE89AC",
+  400: "#FE6CA6",
+  500: "#FE3C9C",
+  600: "#DA2B93",
+  700: "#B61E88",
+  800: "#931379",
+  900: "#790B6E",
+  foreground: "#12122A",
+  DEFAULT: "#FE3C9C"
+};
+var baseConfig = {
+  // Don't change this prefix, some css not working
+  prefix: "heroui",
+  themes: {
+    light: {
+      colors: {
+        foreground: "#12122A",
+        background: "#FFF",
+        content1: "#FCFCFD",
+        primary: TOMO_PRIMARY,
+        danger: "#FF447C",
+        warning: "#FF9F4C",
+        success: "#A8D84E",
+        t1: "#12122A",
+        t2: "#616184",
+        t3: "#8989AB",
+        t4: "#C1C0D8",
+        t5: "#EEC41F"
+      }
+    },
+    dark: {
+      colors: {
+        foreground: "#ECEDEE",
+        background: "#000",
+        content1: "#18181b",
+        primary: { ...TOMO_PRIMARY, foreground: "#FFF" },
+        danger: "#FF447C",
+        warning: "#FF9F4C",
+        success: "#A8D84E"
+      }
+    }
+  }
+};
+var plugin_default = (0, import_react.heroui)(baseConfig);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TOMO_PRIMARY,
+  baseConfig
+});

package/dist/tailwind/plugin.js

@@ -0,0 +1,55 @@
+// src/tailwind/plugin.ts
+import { heroui } from "@heroui/react";
+var TOMO_PRIMARY = {
+  50: "#FFFBEA",
+  100: "#FED8DB",
+  200: "#FEB1C0",
+  300: "#FE89AC",
+  400: "#FE6CA6",
+  500: "#FE3C9C",
+  600: "#DA2B93",
+  700: "#B61E88",
+  800: "#931379",
+  900: "#790B6E",
+  foreground: "#12122A",
+  DEFAULT: "#FE3C9C"
+};
+var baseConfig = {
+  // Don't change this prefix, some css not working
+  prefix: "heroui",
+  themes: {
+    light: {
+      colors: {
+        foreground: "#12122A",
+        background: "#FFF",
+        content1: "#FCFCFD",
+        primary: TOMO_PRIMARY,
+        danger: "#FF447C",
+        warning: "#FF9F4C",
+        success: "#A8D84E",
+        t1: "#12122A",
+        t2: "#616184",
+        t3: "#8989AB",
+        t4: "#C1C0D8",
+        t5: "#EEC41F"
+      }
+    },
+    dark: {
+      colors: {
+        foreground: "#ECEDEE",
+        background: "#000",
+        content1: "#18181b",
+        primary: { ...TOMO_PRIMARY, foreground: "#FFF" },
+        danger: "#FF447C",
+        warning: "#FF9F4C",
+        success: "#A8D84E"
+      }
+    }
+  }
+};
+var plugin_default = heroui(baseConfig);
+export {
+  TOMO_PRIMARY,
+  baseConfig,
+  plugin_default as default
+};

package/dist/theme/animations/index.d.mts

@@ -0,0 +1,105 @@
+declare const animations: {
+    animation: {
+        shimmer: string;
+        "drip-expand": string;
+        "spinner-ease-spin": string;
+        "spinner-linear-spin": string;
+        sway: string;
+        blink: string;
+        "fade-out": string;
+        "appearance-in": string;
+        "appearance-out": string;
+        "indeterminate-bar": string;
+    };
+    keyframes: {
+        shimmer: {
+            "100%": {
+                transform: string;
+            };
+        };
+        "spinner-spin": {
+            "0%": {
+                transform: string;
+            };
+            "100%": {
+                transform: string;
+            };
+        };
+        "drip-expand": {
+            "0%": {
+                opacity: string;
+                transform: string;
+            };
+            "100%": {
+                opacity: string;
+                transform: string;
+            };
+        };
+        "appearance-in": {
+            "0%": {
+                opacity: string;
+                transform: string;
+            };
+            "60%": {
+                opacity: string;
+                backfaceVisibility: string;
+                webkitFontSmoothing: string;
+                transform: string;
+            };
+            "100%": {
+                opacity: string;
+                transform: string;
+            };
+        };
+        "appearance-out": {
+            "0%": {
+                opacity: string;
+                transform: string;
+            };
+            "100%": {
+                opacity: string;
+                transform: string;
+            };
+        };
+        "indeterminate-bar": {
+            "0%": {
+                transform: string;
+            };
+            "100%": {
+                transform: string;
+            };
+        };
+        sway: {
+            "0%": {
+                transform: string;
+            };
+            "50%": {
+                transform: string;
+            };
+            "100%": {
+                transform: string;
+            };
+        };
+        blink: {
+            "0%": {
+                opacity: string;
+            };
+            "20%": {
+                opacity: string;
+            };
+            "100%": {
+                opacity: string;
+            };
+        };
+        "fade-out": {
+            "0%": {
+                opacity: string;
+            };
+            "100%": {
+                opacity: string;
+            };
+        };
+    };
+};
+
+export { animations };

package/dist/theme/animations/index.d.ts

@@ -0,0 +1,105 @@
+declare const animations: {
+    animation: {
+        shimmer: string;
+        "drip-expand": string;
+        "spinner-ease-spin": string;
+        "spinner-linear-spin": string;
+        sway: string;
+        blink: string;
+        "fade-out": string;
+        "appearance-in": string;
+        "appearance-out": string;
+        "indeterminate-bar": string;
+    };
+    keyframes: {
+        shimmer: {
+            "100%": {
+                transform: string;
+            };
+        };
+        "spinner-spin": {
+            "0%": {
+                transform: string;
+            };
+            "100%": {
+                transform: string;
+            };
+        };
+        "drip-expand": {
+            "0%": {
+                opacity: string;
+                transform: string;
+            };
+            "100%": {
+                opacity: string;
+                transform: string;
+            };
+        };
+        "appearance-in": {
+            "0%": {
+                opacity: string;
+                transform: string;
+            };
+            "60%": {
+                opacity: string;
+                backfaceVisibility: string;
+                webkitFontSmoothing: string;
+                transform: string;
+            };
+            "100%": {
+                opacity: string;
+                transform: string;
+            };
+        };
+        "appearance-out": {
+            "0%": {
+                opacity: string;
+                transform: string;
+            };
+            "100%": {
+                opacity: string;
+                transform: string;
+            };
+        };
+        "indeterminate-bar": {
+            "0%": {
+                transform: string;
+            };
+            "100%": {
+                transform: string;
+            };
+        };
+        sway: {
+            "0%": {
+                transform: string;
+            };
+            "50%": {
+                transform: string;
+            };
+            "100%": {
+                transform: string;
+            };
+        };
+        blink: {
+            "0%": {
+                opacity: string;
+            };
+            "20%": {
+                opacity: string;
+            };
+            "100%": {
+                opacity: string;
+            };
+        };
+        "fade-out": {
+            "0%": {
+                opacity: string;
+            };
+            "100%": {
+                opacity: string;
+            };
+        };
+    };
+};
+
+export { animations };

package/dist/theme/animations/index.js

@@ -0,0 +1,133 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/animations/index.ts
+var animations_exports = {};
+__export(animations_exports, {
+  animations: () => animations
+});
+module.exports = __toCommonJS(animations_exports);
+var animations = {
+  animation: {
+    shimmer: "shimmer 2s infinite",
+    "drip-expand": "drip-expand 420ms linear",
+    "spinner-ease-spin": "spinner-spin 0.8s ease infinite",
+    "spinner-linear-spin": "spinner-spin 0.8s linear infinite",
+    sway: "sway 750ms ease infinite",
+    blink: "blink 1.4s infinite both",
+    "fade-out": "fade-out 1.2s linear 0s infinite normal none running",
+    "appearance-in": "appearance-in 250ms ease-out normal both",
+    "appearance-out": "appearance-out 60ms ease-in normal both",
+    "indeterminate-bar": "indeterminate-bar 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite normal none running"
+  },
+  keyframes: {
+    shimmer: {
+      "100%": {
+        transform: "translateX(200%)"
+      }
+    },
+    "spinner-spin": {
+      "0%": {
+        transform: "rotate(0deg)"
+      },
+      "100%": {
+        transform: "rotate(360deg)"
+      }
+    },
+    "drip-expand": {
+      "0%": {
+        opacity: "0.2",
+        transform: "scale(0)"
+      },
+      "100%": {
+        opacity: "0",
+        transform: "scale(2)"
+      }
+    },
+    "appearance-in": {
+      "0%": {
+        opacity: "0",
+        transform: "translateZ(0)  scale(0.95)"
+      },
+      "60%": {
+        opacity: "0.75",
+        /* Avoid blurriness */
+        backfaceVisibility: "hidden",
+        webkitFontSmoothing: "antialiased",
+        transform: "translateZ(0) scale(1.05)"
+      },
+      "100%": {
+        opacity: "1",
+        transform: "translateZ(0) scale(1)"
+      }
+    },
+    "appearance-out": {
+      "0%": {
+        opacity: "1",
+        transform: "scale(1)"
+      },
+      "100%": {
+        opacity: "0",
+        transform: "scale(0.85)"
+      }
+    },
+    "indeterminate-bar": {
+      "0%": {
+        transform: "translateX(-50%) scaleX(0.2)"
+      },
+      "100%": {
+        transform: "translateX(100%) scaleX(1)"
+      }
+    },
+    sway: {
+      "0%": {
+        transform: "translate(0px, 0px)"
+      },
+      "50%": {
+        transform: "translate(0px, -150%)"
+      },
+      "100%": {
+        transform: "translate(0px, 0px)"
+      }
+    },
+    blink: {
+      "0%": {
+        opacity: "0.2"
+      },
+      "20%": {
+        opacity: "1"
+      },
+      "100%": {
+        opacity: "0.2"
+      }
+    },
+    "fade-out": {
+      "0%": {
+        opacity: "1"
+      },
+      "100%": {
+        opacity: "0.15"
+      }
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  animations
+});

package/dist/theme/animations/index.mjs

@@ -0,0 +1,6 @@
+import {
+  animations
+} from "../chunk-KXPLHLA6.mjs";
+export {
+  animations
+};