@nasa-jpl/stellar-svelte 2.0.0-alpha.12

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import { Button } from './components/ui/button/index.js';
+import * as Popover from './components/ui/popover/index.js';
+import * as DropdownMenu from './components/ui/dropdown-menu/index.js';
+import * as AlertDialog from './components/ui/alert-dialog/index.js';
+import { Badge } from './components/ui/badge/index.js';
+import { ThemeSwitcherButton, ThemeSwitcherDropdown, ModeWatcher } from './components/ui/theme-switcher/index.js';
+import { H1, H2, H3, H4, P } from './components/ui/typography/index.js';
+import * as Alert from './components/ui/alert/index.js';
+import { AspectRatio } from './components/ui/aspect-ratio/index.js';
+import * as Breadcrumb from './components/ui/breadcrumb/index.js';
+export { Alert, AlertDialog, AspectRatio, Button, Breadcrumb, Popover, DropdownMenu, Badge, H1, H2, H3, H4, P, ThemeSwitcherButton, ThemeSwitcherDropdown, ModeWatcher, };

package/dist/index.js

@@ -0,0 +1,12 @@
+// Reexport your entry components here
+import { Button } from './components/ui/button/index.js';
+import * as Popover from './components/ui/popover/index.js';
+import * as DropdownMenu from './components/ui/dropdown-menu/index.js';
+import * as AlertDialog from './components/ui/alert-dialog/index.js';
+import { Badge } from './components/ui/badge/index.js';
+import { ThemeSwitcherButton, ThemeSwitcherDropdown, ModeWatcher } from './components/ui/theme-switcher/index.js';
+import { H1, H2, H3, H4, P } from './components/ui/typography/index.js';
+import * as Alert from './components/ui/alert/index.js';
+import { AspectRatio } from './components/ui/aspect-ratio/index.js';
+import * as Breadcrumb from './components/ui/breadcrumb/index.js';
+export { Alert, AlertDialog, AspectRatio, Button, Breadcrumb, Popover, DropdownMenu, Badge, H1, H2, H3, H4, P, ThemeSwitcherButton, ThemeSwitcherDropdown, ModeWatcher, };

package/dist/utils.d.ts

@@ -0,0 +1,11 @@
+import { type ClassValue } from "clsx";
+import type { TransitionConfig } from "svelte/transition";
+export declare function cn(...inputs: ClassValue[]): string;
+type FlyAndScaleParams = {
+    y?: number;
+    x?: number;
+    start?: number;
+    duration?: number;
+};
+export declare const flyAndScale: (node: Element, params?: FlyAndScaleParams) => TransitionConfig;
+export {};

package/dist/utils.js

@@ -0,0 +1,38 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+import { cubicOut } from "svelte/easing";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+export const flyAndScale = (node, params = { y: -8, x: 0, start: 0.95, duration: 150 }) => {
+    const style = getComputedStyle(node);
+    const transform = style.transform === "none" ? "" : style.transform;
+    const scaleConversion = (valueA, scaleA, scaleB) => {
+        const [minA, maxA] = scaleA;
+        const [minB, maxB] = scaleB;
+        const percentage = (valueA - minA) / (maxA - minA);
+        const valueB = percentage * (maxB - minB) + minB;
+        return valueB;
+    };
+    const styleToString = (style) => {
+        return Object.keys(style).reduce((str, key) => {
+            if (style[key] === undefined)
+                return str;
+            return str + `${key}:${style[key]};`;
+        }, "");
+    };
+    return {
+        duration: params.duration ?? 200,
+        delay: 0,
+        css: (t) => {
+            const y = scaleConversion(t, [0, 1], [params.y ?? 5, 0]);
+            const x = scaleConversion(t, [0, 1], [params.x ?? 0, 0]);
+            const scale = scaleConversion(t, [0, 1], [params.start ?? 0.95, 1]);
+            return styleToString({
+                transform: `${transform} translate3d(${x}px, ${y}px, 0) scale(${scale})`,
+                opacity: t
+            });
+        },
+        easing: cubicOut
+    };
+};

package/eslint.config.js

@@ -0,0 +1,33 @@
+import js from '@eslint/js';
+import ts from 'typescript-eslint';
+import svelte from 'eslint-plugin-svelte';
+import prettier from 'eslint-config-prettier';
+import globals from 'globals';
+
+/** @type {import('eslint').Linter.FlatConfig[]} */
+export default [
+	js.configs.recommended,
+	...ts.configs.recommended,
+	...svelte.configs['flat/recommended'],
+	prettier,
+	...svelte.configs['flat/prettier'],
+	{
+		languageOptions: {
+			globals: {
+				...globals.browser,
+				...globals.node
+			}
+		}
+	},
+	{
+		files: ['**/*.svelte'],
+		languageOptions: {
+			parserOptions: {
+				parser: ts.parser
+			}
+		}
+	},
+	{
+		ignores: ['build/', '.svelte-kit/', 'dist/']
+	}
+];

package/package.json

@@ -0,0 +1,70 @@
+{
+  "author": "",
+  "dependencies": {
+    "bits-ui": "^0.21.10",
+    "clsx": "^2.1.1",
+    "inter-ui": "^4.0.2",
+    "lucide-svelte": "^0.394.0",
+    "mode-watcher": "^0.3.1",
+    "tailwind-merge": "^2.3.0",
+    "tailwind-variants": "^0.2.1"
+  },
+  "description": "Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).",
+  "devDependencies": {
+    "@nasa-jpl/stellar": "file:../css/dist",
+    "@sveltejs/adapter-node": "^5.0.1",
+    "@sveltejs/kit": "^2.0.0",
+    "@sveltejs/package": "^2.0.0",
+    "@sveltejs/vite-plugin-svelte": "^3.0.0",
+    "autoprefixer": "^10.4.19",
+    "eslint-plugin-svelte": "^2.36.0",
+    "globals": "^15.0.0",
+    "postcss": "^8.4.38",
+    "prettier-plugin-svelte": "^3.1.2",
+    "prettier-plugin-tailwindcss": "^0.5.14",
+    "publint": "^0.1.9",
+    "svelte": "^4.2.7",
+    "svelte-check": "^3.6.0",
+    "tailwindcss": "^3.4.3",
+    "tslib": "^2.4.1"
+  },
+  "exports": {
+    "./svelte": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*",
+    "package.json"
+  ],
+  "license": "ISC",
+  "main": "eslint.config.js",
+  "name": "@nasa-jpl/stellar-svelte",
+  "peerDependencies": {
+    "svelte": "^4.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build && npm run package && npm run build:css",
+    "build:css": "tailwind build src/index.css -o dist/index.css",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "dev": "vite dev",
+    "format": "prettier --write .",
+    "lint": "prettier --check . && eslint .",
+    "package": "svelte-kit sync && svelte-package && publint",
+    "prepublishOnly": "npm run build",
+    "preview": "vite preview"
+  },
+  "svelte": "./dist/index.js",
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "version": "2.0.0-alpha.12",
+  "gitHead": "44701a5e9d4e93e20c655e6c34d736c8bb4d6ffb"
+}