@widgetic/design-system 0.3.68

package/dist/utils/MediaManager.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Manages media playback across the application
+ * Ensures only one media file plays at a time
+ */
+declare class MediaManager {
+    private static _currentlyPlaying;
+    /**
+     * Gets the currently playing media element
+     */
+    static get currentlyPlaying(): HTMLMediaElement | null;
+    /**
+     * Sets the currently playing media element
+     */
+    private static set currentlyPlaying(value);
+    /**
+     * Starts playback of a media element, stopping any currently playing media
+     * @param {HTMLMediaElement} mediaElement - The audio/video element to play
+     */
+    static play(mediaElement: HTMLMediaElement): void;
+    /**
+     * Stops playback of a media element
+     * @param {HTMLMediaElement} mediaElement - The audio/video element to pause
+     */
+    static pause(mediaElement: HTMLMediaElement): void;
+    /**
+     * Stops any currently playing media
+     */
+    static stopAll(): void;
+    /**
+     * Cleans up references when a media element is destroyed
+     * @param {HTMLMediaElement} mediaElement - The media element being destroyed
+     */
+    static cleanup(mediaElement: HTMLMediaElement): void;
+}
+export default MediaManager;

package/dist/utils/MediaManager.js

@@ -0,0 +1,59 @@
+/**
+ * Manages media playback across the application
+ * Ensures only one media file plays at a time
+ */
+class MediaManager {
+    static _currentlyPlaying = null;
+    /**
+     * Gets the currently playing media element
+     */
+    static get currentlyPlaying() {
+        return this._currentlyPlaying;
+    }
+    /**
+     * Sets the currently playing media element
+     */
+    static set currentlyPlaying(element) {
+        this._currentlyPlaying = element;
+    }
+    /**
+     * Starts playback of a media element, stopping any currently playing media
+     * @param {HTMLMediaElement} mediaElement - The audio/video element to play
+     */
+    static play(mediaElement) {
+        if (this._currentlyPlaying && this._currentlyPlaying !== mediaElement) {
+            this._currentlyPlaying.pause();
+        }
+        this._currentlyPlaying = mediaElement;
+        mediaElement.play();
+    }
+    /**
+     * Stops playback of a media element
+     * @param {HTMLMediaElement} mediaElement - The audio/video element to pause
+     */
+    static pause(mediaElement) {
+        if (this._currentlyPlaying === mediaElement) {
+            mediaElement.pause();
+            this._currentlyPlaying = null;
+        }
+    }
+    /**
+     * Stops any currently playing media
+     */
+    static stopAll() {
+        if (this._currentlyPlaying) {
+            this._currentlyPlaying.pause();
+            this._currentlyPlaying = null;
+        }
+    }
+    /**
+     * Cleans up references when a media element is destroyed
+     * @param {HTMLMediaElement} mediaElement - The media element being destroyed
+     */
+    static cleanup(mediaElement) {
+        if (this._currentlyPlaying === mediaElement) {
+            this._currentlyPlaying = null;
+        }
+    }
+}
+export default MediaManager;

package/dist/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/utils.js

@@ -0,0 +1,5 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}

package/package.json

@@ -0,0 +1,183 @@
+{
+	"name": "@widgetic/design-system",
+	"version": "0.3.68",
+	"type": "module",
+	"svelte": "./dist/index.js",
+	"module": "./dist/index.js",
+	"main": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"sideEffects": [
+		"**/*.css",
+		"**/*.scss",
+		"**/*.svelte",
+		"**/*.js",
+		"**/*.ts"
+	],
+	"scripts": {
+		"i": "rm -rf node_modules && npm i && npm link",
+		"unlink": "rm -rf \"$(npm root -g)/@widgetic/design-system\" 2>/dev/null || true",
+		"clean-modules": "rm -rf node_modules",
+		"llinks": "ls -la node_modules/@widgetic",
+		"glinks": "npm ls --global | grep widgetic",
+		"dev": "concurrently \"npm run dev-sv\" \"npm run package:watch\"",
+		"dev-with-check": "NODE_ENV=development concurrently \"npm run check:watch\" \"npm run dev-sv\" \"npm run package:watch\"",
+		"dev-open": "npm run dev-sv -- --open",
+		"dev-sv": "NODE_ENV=development vite dev",
+		"watch": "concurrently \"npm run check:watch\" \"npm run package:watch\"",
+		"build": "NODE_ENV=production vite build && npm run package",
+		"package:watch": "NODE_ENV=development svelte-package --watch | grep -v '$app/environment'",
+		"build-sv": "vite build",
+		"package": "svelte-package | grep -v '$app/environment'",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "NODE_OPTIONS='--max-old-space-size=8192' svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"check:strict": "tsc --noEmit && npm run check",
+		"pnpm-link": "zsh -c 'mkdir -p ~/.pnpm-global/bin && export PATH=\"$PATH:$HOME/.pnpm-global/bin\" && pnpm install -g pnpm && pnpm config set global-bin-dir ~/.pnpm-global/bin && echo \"export PATH=\\\"$PATH:$HOME/.pnpm-global/bin\\\"\" >> ~/.zshrc && source ~/.zshrc && pnpm link --global'",
+		"link-packs": "zsh -c 'mkdir -p ~/.pnpm-global/bin && export PATH=\"$PATH:$HOME/.pnpm-global/bin\" && pnpm install -g pnpm && pnpm config set global-bin-dir ~/.pnpm-global/bin && echo \"export PATH=\\\"$PATH:$HOME/.pnpm-global/bin\\\"\" >> ~/.zshrc && source ~/.zshrc && pnpm link --global @widgetic/api-sdk @widgetic/design-system'",
+		"i-shadcn": "npm run clean-shadcn && npm run i-shadcn-init && npm run i-shadcn-comps",
+		"clean-shadcn": "rm -rf ./src/lib/components/ui",
+		"i-shadcn-init": "npx shadcn-svelte@next init",
+		"i-shadcn-comps": "npx shadcn-svelte@next add accordion badge button calendar range-calendar card checkbox collapsible dialog drawer dropdown-menu input input-otp label popover progress radio-group scroll-area select separator slider switch table tabs textarea tooltip",
+		"format": "prettier --write .",
+		"lint": "prettier --check . && eslint .",
+		"prepublishOnly": "npm run package",
+		"publish-package": "npm run package && npm publish"
+	},
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js",
+			"default": "./dist/index.js"
+		},
+		"./components": {
+			"types": "./dist/components/index.d.ts",
+			"svelte": "./dist/components/index.js",
+			"default": "./dist/components/index.js"
+		},
+		"./components/*": {
+			"types": "./dist/components/*.d.ts",
+			"svelte": "./dist/components/*.js",
+			"default": "./dist/components/*.js"
+		},
+		"./icons": {
+			"types": "./dist/icons/index.d.ts",
+			"svelte": "./dist/icons/index.js",
+			"default": "./dist/icons/index.js"
+		},
+		"./icons/*": {
+			"types": "./dist/icons/*.d.ts",
+			"svelte": "./dist/icons/*.js",
+			"default": "./dist/icons/*.js"
+		},
+		"./stores": {
+			"types": "./dist/stores/index.d.ts",
+			"svelte": "./dist/stores/index.js",
+			"default": "./dist/stores/index.js"
+		},
+		"./stores/*": {
+			"types": "./dist/stores/*.d.ts",
+			"svelte": "./dist/stores/*.js",
+			"default": "./dist/stores/*.js"
+		},
+		"./previews": {
+			"types": "./dist/components/previews/index.d.ts",
+			"svelte": "./dist/components/previews/index.js",
+			"default": "./dist/components/previews/index.js"
+		},
+		"./previews/*": {
+			"types": "./dist/components/previews/*.d.ts",
+			"svelte": "./dist/components/previews/*.js",
+			"default": "./dist/components/previews/*.js"
+		},
+		"./styles": "./dist/styles/global.css",
+		"./styles/*": "./dist/styles/*.css",
+		"./fonts": "./dist/fonts",
+		"./fonts/*": "./dist/fonts/*",
+		"./tailwind.config": "./tailwind.config.ts",
+		"./vite.config": "./vite.config.ts",
+		"./*": {
+			"import": "./dist/*.js",
+			"require": "./dist/*.cjs"
+		}
+	},
+	"files": [
+		"dist",
+		"tailwind.config.ts"
+	],
+	"peerDependencies": {
+		"@internationalized/date": "^3.6.0",
+		"@sveltejs/kit": "^2.20.2",
+		"@tabler/icons-svelte": "^3.30.0",
+		"bits-ui": "^1.3.0",
+		"lucide-svelte": "^0.468.0",
+		"shadcn-svelte": "latest",
+		"svelte": "^5.25.6",
+		"svelte-sonner": "^0.3.28",
+		"tailwindcss": "^3.4.16"
+	},
+	"devDependencies": {
+		"@internationalized/date": "^3.6.0",
+		"@sveltejs/adapter-node": "^5.2.9",
+		"@sveltejs/kit": "^2.20.2",
+		"@sveltejs/package": "^2.3.7",
+		"@sveltejs/vite-plugin-svelte": "^5.0.3",
+		"@tailwindcss/typography": "^0.5.15",
+		"@tiptap/core": "^2.9.1",
+		"@tiptap/extension-bubble-menu": "^2.9.1",
+		"@tiptap/extension-code-block-lowlight": "^2.9.1",
+		"@tiptap/extension-color": "^2.9.1",
+		"@tiptap/extension-highlight": "^2.9.1",
+		"@tiptap/extension-image": "^2.9.1",
+		"@tiptap/extension-link": "^2.9.1",
+		"@tiptap/extension-subscript": "^2.9.1",
+		"@tiptap/extension-superscript": "^2.9.1",
+		"@tiptap/extension-table": "^2.9.1",
+		"@tiptap/extension-table-cell": "^2.9.1",
+		"@tiptap/extension-table-header": "^2.9.1",
+		"@tiptap/extension-table-row": "^2.9.1",
+		"@tiptap/extension-task-item": "^2.9.1",
+		"@tiptap/extension-task-list": "^2.9.1",
+		"@tiptap/extension-text": "^2.9.1",
+		"@tiptap/extension-text-align": "^2.9.1",
+		"@tiptap/extension-text-style": "^2.9.1",
+		"@tiptap/extension-typography": "^2.9.1",
+		"@tiptap/extension-underline": "^2.9.1",
+		"@tiptap/pm": "^2.9.1",
+		"@tiptap/starter-kit": "^2.9.1",
+		"@types/node": "^22.10.1",
+		"autoprefixer": "^10.4.20",
+		"bits-ui": "^1.3.0",
+		"clsx": "^2.1.1",
+		"concurrently": "^9.1.0",
+		"eslint": "^9.7.0",
+		"eslint-config-prettier": "^9.1.0",
+		"eslint-plugin-svelte": "^2.36.0",
+		"globals": "^15.0.0",
+		"lowlight": "^3.2.0",
+		"lucide-svelte": "^0.468.0",
+		"mode-watcher": "^0.5.0",
+		"prettier": "^3.3.2",
+		"prettier-plugin-svelte": "^3.2.6",
+		"prettier-plugin-tailwindcss": "^0.6.5",
+		"svelte": "^5.25.6",
+		"svelte-awesome-color-picker": "^3.1.4",
+		"svelte-check": "^4.1.0",
+		"svelte-sonner": "^0.3.28",
+		"svelte-tiptap": "^2.0.3",
+		"tailwind-merge": "^2.5.5",
+		"tailwind-variants": "^0.3.0",
+		"tailwindcss-animate": "^1.0.7",
+		"typescript": "^5.0.0",
+		"typescript-eslint": "^8.0.0",
+		"vaul-svelte": "^1.0.0-next.3",
+		"vite": "^6.0.1"
+	},
+	"volta": {
+		"node": "22.14.0",
+		"npm": "11.1.0"
+	},
+	"dependencies": {
+		"@hirasso/thumbhash-custom-element": "^0.5.5",
+		"@tabler/icons-svelte": "^3.30.0",
+		"pdfjs-dist": "^4.10.38"
+	}
+}

package/tailwind.config.ts

@@ -0,0 +1,97 @@
+import { fontFamily } from "tailwindcss/defaultTheme";
+import type { Config } from "tailwindcss";
+import tailwindcssAnimate from "tailwindcss-animate";
+import tailwindcssTypography from '@tailwindcss/typography';
+
+const config: Config = {
+	darkMode: ["class"],
+	content: ["./src/**/*.{html,js,svelte,ts}"],
+	safelist: ["dark"],
+	theme: {
+		container: {
+			center: true,
+			padding: "2rem",
+			screens: {
+				"2xl": "1400px"
+			}
+		},
+		extend: {
+			colors: {
+				border: "hsl(var(--border) / <alpha-value>)",
+				input: "hsl(var(--input) / <alpha-value>)",
+				ring: "hsl(var(--ring) / <alpha-value>)",
+				background: "hsl(var(--background) / <alpha-value>)",
+				foreground: "hsl(var(--foreground) / <alpha-value>)",
+				primary: {
+					DEFAULT: "hsl(var(--primary) / <alpha-value>)",
+					foreground: "hsl(var(--primary-foreground) / <alpha-value>)"
+				},
+				secondary: {
+					DEFAULT: "hsl(var(--secondary) / <alpha-value>)",
+					foreground: "hsl(var(--secondary-foreground) / <alpha-value>)"
+				},
+				destructive: {
+					DEFAULT: "hsl(var(--destructive) / <alpha-value>)",
+					foreground: "hsl(var(--destructive-foreground) / <alpha-value>)"
+				},
+				muted: {
+					DEFAULT: "hsl(var(--muted) / <alpha-value>)",
+					foreground: "hsl(var(--muted-foreground) / <alpha-value>)"
+				},
+				accent: {
+					DEFAULT: "hsl(var(--accent) / <alpha-value>)",
+					foreground: "hsl(var(--accent-foreground) / <alpha-value>)"
+				},
+				popover: {
+					DEFAULT: "hsl(var(--popover) / <alpha-value>)",
+					foreground: "hsl(var(--popover-foreground) / <alpha-value>)"
+				},
+				card: {
+					DEFAULT: "hsl(var(--card) / <alpha-value>)",
+					foreground: "hsl(var(--card-foreground) / <alpha-value>)"
+				},
+				sidebar: {
+					DEFAULT: "hsl(var(--sidebar-background))",
+					foreground: "hsl(var(--sidebar-foreground))",
+					primary: "hsl(var(--sidebar-primary))",
+					"primary-foreground": "hsl(var(--sidebar-primary-foreground))",
+					accent: "hsl(var(--sidebar-accent))",
+					"accent-foreground": "hsl(var(--sidebar-accent-foreground))",
+					border: "hsl(var(--sidebar-border))",
+					ring: "hsl(var(--sidebar-ring))",
+        		},
+			},
+			borderRadius: {
+				xl: "calc(var(--radius) + 4px)",
+				lg: "var(--radius)",
+				md: "calc(var(--radius) - 2px)",
+				sm: "calc(var(--radius) - 4px)"
+			},
+			fontFamily: {
+				sans: [...fontFamily.sans]
+			},
+			keyframes: {
+				"accordion-down": {
+					from: { height: "0" },
+					to: { height: "var(--bits-accordion-content-height)" },
+				},
+				"accordion-up": {
+					from: { height: "var(--bits-accordion-content-height)" },
+					to: { height: "0" },
+				},
+				"caret-blink": {
+					"0%,70%,100%": { opacity: "1" },
+					"20%,50%": { opacity: "0" },
+				},
+			},
+			animation: {
+        		"accordion-down": "accordion-down 0.2s ease-out",
+        		"accordion-up": "accordion-up 0.2s ease-out",
+       			"caret-blink": "caret-blink 1.25s ease-out infinite",
+      		},
+		},
+	},
+	plugins: [tailwindcssAnimate, tailwindcssTypography],
+};
+
+export default config;