@soubiran/ui 0.0.0 → 0.1.3

package/dist/resolver.d.mts

@@ -0,0 +1,6 @@
+import { ComponentResolver } from "unplugin-vue-components";
+
+//#region src/resolver.d.ts
+declare function export_default(): ComponentResolver;
+//#endregion
+export { export_default as default };

package/dist/resolver.mjs

@@ -0,0 +1,28 @@
+//#region src/resolver.ts
+const components = [
+	"Page",
+	"Header",
+	"Socials",
+	"Sponsors",
+	"Feedback",
+	"Container",
+	"PageTitle",
+	"PageHeader",
+	"FeedbackCard",
+	"ViewersCounter",
+	"TableOfContents"
+];
+function resolver_default() {
+	return {
+		type: "component",
+		resolve: (name) => {
+			if (components.includes(name)) return {
+				name,
+				from: "@soubiran/ui"
+			};
+		}
+	};
+}
+
+//#endregion
+export { resolver_default as default };

package/dist/styles.css

@@ -0,0 +1,124 @@
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.4s ease-out;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  html:not(.no-sliding) .slide-enter,
+  html:not(.no-sliding) .slide-enter-content > * {
+    --enter-step: 60ms;
+    --enter-initial: 0ms;
+    animation: slide-enter 1s both 1;
+    animation-delay: calc(var(--enter-stage) * var(--enter-step));
+  }
+
+  .slide-enter-content > *:nth-child(1) {
+    --enter-stage: 1 !important;
+  }
+  .slide-enter-content > *:nth-child(2) {
+    --enter-stage: 2 !important;
+  }
+  .slide-enter-content > *:nth-child(3) {
+    --enter-stage: 3 !important;
+  }
+  .slide-enter-content > *:nth-child(4) {
+    --enter-stage: 4 !important;
+  }
+  .slide-enter-content > *:nth-child(5) {
+    --enter-stage: 5 !important;
+  }
+  .slide-enter-content > *:nth-child(6) {
+    --enter-stage: 6 !important;
+  }
+  .slide-enter-content > *:nth-child(7) {
+    --enter-stage: 7 !important;
+  }
+  .slide-enter-content > *:nth-child(8) {
+    --enter-stage: 8 !important;
+  }
+  .slide-enter-content > *:nth-child(9) {
+    --enter-stage: 9 !important;
+  }
+  .slide-enter-content > *:nth-child(10) {
+    --enter-stage: 10 !important;
+  }
+  .slide-enter-content > *:nth-child(11) {
+    --enter-stage: 11 !important;
+  }
+  .slide-enter-content > *:nth-child(12) {
+    --enter-stage: 12 !important;
+  }
+  .slide-enter-content > *:nth-child(13) {
+    --enter-stage: 13 !important;
+  }
+  .slide-enter-content > *:nth-child(14) {
+    --enter-stage: 14 !important;
+  }
+  .slide-enter-content > *:nth-child(15) {
+    --enter-stage: 15 !important;
+  }
+  .slide-enter-content > *:nth-child(16) {
+    --enter-stage: 16 !important;
+  }
+  .slide-enter-content > *:nth-child(17) {
+    --enter-stage: 17 !important;
+  }
+  .slide-enter-content > *:nth-child(18) {
+    --enter-stage: 18 !important;
+  }
+  .slide-enter-content > *:nth-child(19) {
+    --enter-stage: 19 !important;
+  }
+  .slide-enter-content > *:nth-child(20) {
+    --enter-stage: 20 !important;
+  }
+}
+
+@keyframes slide-enter {
+  0% {
+    transform: translateY(10px);
+    opacity: 0;
+  }
+
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+@keyframes scale-up {
+  from {
+    opacity: 0;
+    transform: scale(0.96) translateY(8px);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale(1) translateY(0);
+  }
+}
+
+.shiki {
+  color: var(--shiki-light);
+  background-color: var(--ui-color-neutral-100);
+}
+
+.shiki .line span {
+  color: var(--shiki-light);
+}
+
+.dark .shiki {
+  color: var(--shiki-dark);
+  background-color: var(--ui-color-neutral-800);
+}
+
+.dark .shiki .line span {
+  color: var(--shiki-dark);
+}
+
+

package/package.json

@@ -1,4 +1,73 @@
 {
   "name": "@soubiran/ui",
-  "version": "0.0.0"
-}
+  "type": "module",
+  "version": "0.1.3",
+  "author": "Estéban Soubiran <esteban@soubiran.dev>",
+  "license": "MIT",
+  "funding": "https://github.com/sponsors/Barbapapazes",
+  "homepage": "https://github.com/Barbapapazes/.soubiran.dev",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Barbapapazes/.soubiran.dev"
+  },
+  "bugs": "https://github.com/Barbapapazes/.soubiran.dev/issues",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./imports": {
+      "types": "./dist/imports.d.mts",
+      "import": "./dist/imports.mjs"
+    },
+    "./resolver": {
+      "types": "./dist/resolver.d.mts",
+      "import": "./dist/resolver.mjs"
+    },
+    "./styles.css": {
+      "import": "./dist/styles.css"
+    },
+    "./umami": {
+      "types": "./umami.d.ts"
+    }
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "umami.d.ts"
+  ],
+  "dependencies": {
+    "@nuxt/ui": "^4.2.0",
+    "@pinia/colada": "^0.17.9",
+    "@vue/compiler-sfc": "^3.5.26",
+    "@vueuse/core": "^13.9.0",
+    "motion-v": "^1.7.4",
+    "ofetch": "^1.5.1",
+    "partysocket": "^1.1.6",
+    "pinia": "^3.0.4",
+    "reka-ui": "^2.6.0",
+    "tailwind-variants": "^3.1.1",
+    "vue": "^3.5.24",
+    "vue-router": "^4.6.3"
+  },
+  "devDependencies": {
+    "@iconify-json/ph": "^1.2.2",
+    "@iconify-json/simple-icons": "^1.2.63",
+    "@types/node": "^24.10.1",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "@vue/language-core": "^3.2.1",
+    "@vue/tsconfig": "^0.8.1",
+    "tsdown": "^0.18.3",
+    "typescript": "~5.9.3",
+    "unplugin-icons": "^22.5.0",
+    "unplugin-vue": "^7.1.0",
+    "unplugin-vue-components": "^30.0.0",
+    "vite": "npm:rolldown-vite@7.1.20",
+    "vue-tsc": "^3.2.1"
+  },
+  "scripts": {
+    "dev": "vite dev",
+    "build": "tsdown && tsdown -c tsdown.config.node.ts --no-clean"
+  }
+}

package/umami.d.ts

@@ -0,0 +1,75 @@
+// https://github.com/umami-software/umami/blob/aaa1f9dc58feafe6af54248c5f0611112786fddf/src/tracker/index.d.ts#L84
+interface UmamiTracker {
+  track: {
+    /**
+     * Track a page view
+     *
+     * @example ```
+     * umami.track();
+     * ```
+     */
+    (): Promise<string>
+
+    /**
+     * Track an event with a given name
+     *
+     * NOTE: event names will be truncated past 50 characters
+     *
+     * @example ```
+     * umami.track('signup-button');
+     * ```
+     */
+    (eventName: string): Promise<string>
+
+    /**
+     * Tracks an event with dynamic data.
+     *
+     * NOTE: event names will be truncated past 50 characters
+     *
+     * When tracking events, the default properties are included in the payload. This is equivalent to running:
+     *
+     * ```js
+     * umami.track(props => ({
+     *   ...props,
+     *   name: 'signup-button',
+     *   data: {
+     *     name: 'newsletter',
+     *     id: 123
+     *   }
+     * }));
+     * ```
+     *
+     * @example ```
+     * umami.track('signup-button', { name: 'newsletter', id: 123 });
+     * ```
+     */
+    (eventName: string, obj: EventData): Promise<string>
+
+    /**
+     * Tracks a page view with custom properties
+     *
+     * @example ```
+     * umami.track({ website: 'e676c9b4-11e4-4ef1-a4d7-87001773e9f2', url: '/home', title: 'Home page' });
+     * ```
+     */
+    (properties: PageViewProperties): Promise<string>
+
+    /**
+     * Tracks an event with fully customizable dynamic data
+     * If you don't specify any `name` and/or `data`, it will be treated as a page view
+     *
+     * @example ```
+     * umami.track((props) => ({ ...props, url: path }));
+     * ```
+     */
+    (eventFunction: CustomEventFunction): Promise<string>
+  }
+}
+
+declare global {
+  interface Window {
+    umami?: UmamiTracker
+  }
+}
+
+export {}