@momentumcms/admin 0.1.0

package/fesm2022/momentumcms-admin.mjs

@@ -0,0 +1,2 @@
+export { A as AdminShellComponent, a as AdminSidebarWidget, B as BlockEditDialog, b as BlockInserterComponent, c as BlockWrapperComponent, C as CheckboxFieldRenderer, d as CollectionAccessService, e as CollectionCardWidget, f as CollectionEditPage, h as CollectionListPage, i as CollectionViewPage, D as DashboardPage, j as DateFieldRenderer, E as EntityFormWidget, k as EntityListWidget, l as EntitySheetService, m as EntityViewWidget, F as FeedbackService, n as FieldRenderer, o as ForgotPasswordFormComponent, p as ForgotPasswordPage, L as LivePreviewComponent, q as LoginPage, M as MOMENTUM_API, r as MOMENTUM_API_CONTEXT, s as McmsThemeService, t as MediaLibraryPage, u as MediaPickerDialog, v as MediaPreviewComponent, w as MomentumApiService, x as MomentumAuthService, N as NumberFieldRenderer, P as PublishControlsWidget, R as ResetPasswordFormComponent, y as ResetPasswordPage, S as SHEET_QUERY_PARAMS, z as SKIP_AUTO_TOAST, G as SelectFieldRenderer, H as SetupPage, T as TextFieldRenderer, U as UploadFieldRenderer, I as UploadService, V as VersionHistoryWidget, J as VersionService, K as VisualBlockEditorComponent, O as adminGuard, Q as authGuard, W as collectionAccessGuard, X as crudToastInterceptor, Y as getFieldNodeState, Z as getSubNode, _ as getTitleField, $ as guestGuard, a0 as injectHasAnyRole, a1 as injectHasRole, a2 as injectIsAdmin, a3 as injectIsAuthenticated, a4 as injectMomentumAPI, a5 as injectTypedMomentumAPI, a6 as injectUser, a7 as injectUserRole, a8 as injectVersionService, a9 as momentumAdminRoutes, aa as provideMomentumAPI, ab as setupGuard, ac as unsavedChangesGuard } from './momentumcms-admin-momentumcms-admin-z82jXEsP.mjs';
+//# sourceMappingURL=momentumcms-admin.mjs.map

package/fesm2022/momentumcms-admin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"momentumcms-admin.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,58 @@
+{
+	"name": "@momentumcms/admin",
+	"version": "0.1.0",
+	"description": "Angular admin dashboard UI for Momentum CMS",
+	"license": "MIT",
+	"author": "Momentum CMS Contributors",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/momentum-cms/momentum-cms.git",
+		"directory": "libs/admin"
+	},
+	"homepage": "https://github.com/momentum-cms/momentum-cms#readme",
+	"bugs": {
+		"url": "https://github.com/momentum-cms/momentum-cms/issues"
+	},
+	"keywords": [
+		"cms",
+		"headless-cms",
+		"momentum-cms",
+		"angular",
+		"admin-panel",
+		"dashboard",
+		"tailwindcss"
+	],
+	"peerDependencies": {
+		"@angular/cdk": "^21.0.0",
+		"@angular/common": "^21.1.0",
+		"@angular/core": "^21.1.0",
+		"@angular/forms": "^21.1.0",
+		"@angular/platform-browser": "^21.1.0",
+		"@angular/router": "^21.1.0",
+		"@momentumcms/core": ">=0.0.1",
+		"@momentumcms/ui": ">=0.0.1",
+		"@ng-icons/core": "^33.0.0",
+		"@ng-icons/heroicons": "^33.0.0",
+		"@tiptap/core": "^3.0.0",
+		"@tiptap/extension-link": "^3.0.0",
+		"@tiptap/extension-placeholder": "^3.0.0",
+		"@tiptap/extension-underline": "^3.0.0",
+		"@tiptap/starter-kit": "^3.0.0",
+		"rxjs": "~7.8.0"
+	},
+	"sideEffects": false,
+	"module": "fesm2022/momentumcms-admin.mjs",
+	"typings": "types/momentumcms-admin.d.ts",
+	"exports": {
+		"./package.json": {
+			"default": "./package.json"
+		},
+		".": {
+			"types": "./types/momentumcms-admin.d.ts",
+			"default": "./fesm2022/momentumcms-admin.mjs"
+		}
+	},
+	"dependencies": {
+		"tslib": "^2.3.0"
+	}
+}

package/tailwind.preset.js

@@ -0,0 +1,181 @@
+/**
+ * Momentum CMS Admin Tailwind Preset
+ *
+ * Shared Tailwind configuration for the admin UI.
+ * Apps should extend this preset to get consistent styling.
+ *
+ * Usage in app tailwind.config.js:
+ * ```js
+ * const adminPreset = require('@momentumcms/admin/tailwind.preset');
+ * module.exports = {
+ *   presets: [adminPreset],
+ *   content: ['./src/**\/*.{html,ts}', '../../libs/admin/src/**\/*.{html,ts}'],
+ * };
+ * ```
+ */
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+	darkMode: 'class', // Enable dark mode via .dark class on <html>
+	theme: {
+		extend: {
+			colors: {
+				// Semantic colors using CSS variables (defined in theme.css)
+				// Using HSL values without the hsl() wrapper for alpha support
+				background: 'hsl(var(--mcms-background) / <alpha-value>)',
+				foreground: 'hsl(var(--mcms-foreground) / <alpha-value>)',
+
+				card: {
+					DEFAULT: 'hsl(var(--mcms-card) / <alpha-value>)',
+					foreground: 'hsl(var(--mcms-card-foreground) / <alpha-value>)',
+				},
+
+				primary: {
+					DEFAULT: 'hsl(var(--mcms-primary) / <alpha-value>)',
+					foreground: 'hsl(var(--mcms-primary-foreground) / <alpha-value>)',
+				},
+
+				secondary: {
+					DEFAULT: 'hsl(var(--mcms-secondary) / <alpha-value>)',
+					foreground: 'hsl(var(--mcms-secondary-foreground) / <alpha-value>)',
+				},
+
+				muted: {
+					DEFAULT: 'hsl(var(--mcms-muted) / <alpha-value>)',
+					foreground: 'hsl(var(--mcms-muted-foreground) / <alpha-value>)',
+				},
+
+				accent: {
+					DEFAULT: 'hsl(var(--mcms-accent) / <alpha-value>)',
+					foreground: 'hsl(var(--mcms-accent-foreground) / <alpha-value>)',
+				},
+
+				popover: {
+					DEFAULT: 'hsl(var(--mcms-popover) / <alpha-value>)',
+					foreground: 'hsl(var(--mcms-popover-foreground) / <alpha-value>)',
+				},
+
+				destructive: {
+					DEFAULT: 'hsl(var(--mcms-destructive) / <alpha-value>)',
+					foreground: 'hsl(var(--mcms-destructive-foreground) / <alpha-value>)',
+				},
+
+				success: {
+					DEFAULT: 'hsl(var(--mcms-success) / <alpha-value>)',
+					foreground: 'hsl(var(--mcms-success-foreground) / <alpha-value>)',
+				},
+
+				warning: {
+					DEFAULT: 'hsl(var(--mcms-warning) / <alpha-value>)',
+					foreground: 'hsl(var(--mcms-warning-foreground) / <alpha-value>)',
+				},
+
+				info: {
+					DEFAULT: 'hsl(var(--mcms-info) / <alpha-value>)',
+					foreground: 'hsl(var(--mcms-info-foreground) / <alpha-value>)',
+				},
+
+				overlay: 'hsl(var(--mcms-overlay) / <alpha-value>)',
+
+				border: 'hsl(var(--mcms-border) / <alpha-value>)',
+				input: 'hsl(var(--mcms-input) / <alpha-value>)',
+				ring: 'hsl(var(--mcms-ring) / <alpha-value>)',
+
+				// Sidebar-specific colors
+				sidebar: {
+					DEFAULT: 'hsl(var(--mcms-sidebar) / <alpha-value>)',
+					foreground: 'hsl(var(--mcms-sidebar-foreground) / <alpha-value>)',
+					primary: 'hsl(var(--mcms-sidebar-primary) / <alpha-value>)',
+					'primary-foreground': 'hsl(var(--mcms-sidebar-primary-foreground) / <alpha-value>)',
+					accent: 'hsl(var(--mcms-sidebar-accent) / <alpha-value>)',
+					'accent-foreground': 'hsl(var(--mcms-sidebar-accent-foreground) / <alpha-value>)',
+					border: 'hsl(var(--mcms-sidebar-border) / <alpha-value>)',
+					ring: 'hsl(var(--mcms-sidebar-ring) / <alpha-value>)',
+				},
+			},
+
+			borderRadius: {
+				lg: 'var(--mcms-radius)',
+				md: 'calc(var(--mcms-radius) - 2px)',
+				sm: 'calc(var(--mcms-radius) - 4px)',
+			},
+
+			// Custom animations for UI components
+			keyframes: {
+				'accordion-down': {
+					from: { height: '0' },
+					to: { height: 'var(--radix-accordion-content-height)' },
+				},
+				'accordion-up': {
+					from: { height: 'var(--radix-accordion-content-height)' },
+					to: { height: '0' },
+				},
+				'fade-in': {
+					from: { opacity: '0' },
+					to: { opacity: '1' },
+				},
+				'fade-out': {
+					from: { opacity: '1' },
+					to: { opacity: '0' },
+				},
+				'slide-in-from-right': {
+					from: { transform: 'translateX(100%)' },
+					to: { transform: 'translateX(0)' },
+				},
+				'slide-out-to-right': {
+					from: { transform: 'translateX(0)' },
+					to: { transform: 'translateX(100%)' },
+				},
+				'slide-in-from-top': {
+					from: { transform: 'translateY(-100%)', opacity: '0' },
+					to: { transform: 'translateY(0)', opacity: '1' },
+				},
+				'slide-in-from-bottom': {
+					from: { transform: 'translateY(100%)', opacity: '0' },
+					to: { transform: 'translateY(0)', opacity: '1' },
+				},
+				'dialog-overlay-in': {
+					from: { opacity: '0' },
+					to: { opacity: '1' },
+				},
+				'dialog-content-in': {
+					from: { opacity: '0', transform: 'translate(-50%, -48%) scale(0.96)' },
+					to: { opacity: '1', transform: 'translate(-50%, -50%) scale(1)' },
+				},
+				'dialog-content-out': {
+					from: { opacity: '1', transform: 'translate(-50%, -50%) scale(1)' },
+					to: { opacity: '0', transform: 'translate(-50%, -48%) scale(0.96)' },
+				},
+				'tooltip-in': {
+					from: { opacity: '0', transform: 'scale(0.96)' },
+					to: { opacity: '1', transform: 'scale(1)' },
+				},
+				'popover-in': {
+					from: { opacity: '0', transform: 'scale(0.95)' },
+					to: { opacity: '1', transform: 'scale(1)' },
+				},
+				'dropdown-in': {
+					from: { opacity: '0', transform: 'scale(0.95)' },
+					to: { opacity: '1', transform: 'scale(1)' },
+				},
+			},
+			animation: {
+				'accordion-down': 'accordion-down 0.2s ease-out',
+				'accordion-up': 'accordion-up 0.2s ease-out',
+				'fade-in': 'fade-in 0.2s ease-out',
+				'fade-out': 'fade-out 0.2s ease-out',
+				'slide-in-from-right': 'slide-in-from-right 0.3s ease-out',
+				'slide-out-to-right': 'slide-out-to-right 0.3s ease-out',
+				'slide-in-from-top': 'slide-in-from-top 0.3s ease-out',
+				'slide-in-from-bottom': 'slide-in-from-bottom 0.3s ease-out',
+				'dialog-overlay-in': 'dialog-overlay-in 0.15s ease-out',
+				'dialog-content-in': 'dialog-content-in 0.2s ease-out',
+				'dialog-content-out': 'dialog-content-out 0.15s ease-in',
+				'tooltip-in': 'tooltip-in 0.15s ease-out',
+				'popover-in': 'popover-in 0.15s ease-out',
+				'dropdown-in': 'dropdown-in 0.15s ease-out',
+			},
+		},
+	},
+	plugins: [],
+};