divhunt 2.0.5 → 2.0.6

package/addons/render/elements/front/items/self/cards/stat/stat.js

@@ -1,117 +0,0 @@
-import elements from '#elements/load.js';
-
-elements.ItemAdd({
-	id: 'card-stat',
-	icon: 'analytics',
-	name: 'Card Stat',
-	description: 'Metric card with value, trend indicator, comparison, and sparkline visualization.',
-	category: 'Cards',
-	author: 'Divhunt',
-	config: {
-		icon: {
-			type: 'string',
-			value: 'trending_up'
-		},
-		value: {
-			type: 'string',
-			value: '$12,847'
-		},
-		label: {
-			type: 'string',
-			value: 'Total Revenue'
-		},
-		subtitle: {
-			type: 'string',
-			value: 'Last 30 days'
-		},
-		change: {
-			type: 'string',
-			value: '+23.5%'
-		},
-		trend: {
-			type: 'string',
-			value: 'up',
-			options: ['', 'up', 'down']
-		},
-		comparison: {
-			type: 'object',
-			value: {
-				value: '$9,432',
-				label: 'vs last month'
-			},
-			config: {
-				value: { type: 'string', value: '' },
-				label: { type: 'string', value: '' }
-			}
-		},
-		sparkline: {
-			type: 'array',
-			value: [30, 45, 35, 50, 40, 60, 55, 70, 65, 80, 75, 90],
-			each: {
-				type: 'number'
-			}
-		},
-		variant: {
-			type: 'array',
-			value: ['bg-2', 'border', 'size-m'],
-			options: ['border', 'bg-1', 'bg-2', 'bg-3', 'bg-4', 'brand', 'blue', 'red', 'orange', 'green', 'size-s', 'size-m', 'size-l']
-		},
-		onClick: {
-			type: 'function'
-		}
-	},
-	render: function()
-	{
-		this.handleClick = () =>
-		{
-			if (this.onClick)
-			{
-				this.onClick();
-			}
-		};
-
-		this.getSparklinePath = () =>
-		{
-			if (!this.sparkline || !this.sparkline.length) return '';
-
-			const width = 80;
-			const height = 24;
-			const max = Math.max(...this.sparkline);
-			const min = Math.min(...this.sparkline);
-			const range = max - min || 1;
-			const step = width / (this.sparkline.length - 1);
-
-			const points = this.sparkline.map((val, i) =>
-			{
-				const x = i * step;
-				const y = height - ((val - min) / range) * height;
-				return `${x},${y}`;
-			});
-
-			return `M${points.join(' L')}`;
-		};
-
-		return `
-			<div class="holder" :variant="variant.join(' ')" dh-click="handleClick">
-				<div class="header">
-					<i dh-if="icon">{{ icon }}</i>
-					<e-tag dh-if="change" :text="change" :variant="[trend === 'up' ? 'green' : trend === 'down' ? 'red' : 'bg-3', 'size-s']"></e-tag>
-				</div>
-				<div class="content">
-					<strong>{{ value }}</strong>
-					<span dh-if="label">{{ label }}</span>
-					<small dh-if="subtitle">{{ subtitle }}</small>
-				</div>
-				<div dh-if="comparison?.value || sparkline.length" class="footer">
-					<div dh-if="comparison?.value" class="comparison">
-						<strong>{{ comparison.value }}</strong>
-						<span dh-if="comparison.label">{{ comparison.label }}</span>
-					</div>
-					<svg dh-if="sparkline.length" class="sparkline" viewBox="0 0 80 24" preserveAspectRatio="none">
-						<path :d="getSparklinePath()" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-					</svg>
-				</div>
-			</div>
-		`;
-	}
-});

package/addons/render/elements/front/items/self/cards/stat/styles/base.css

@@ -1,97 +0,0 @@
-.e-5239ce65 > .holder
-{
-	display: flex;
-	flex-direction: column;
-	border-radius: var(--dh-radius-m);
-	transition: all 0.2s;
-}
-
-.e-5239ce65 > .holder:hover
-{
-	transform: translateY(-2px);
-}
-
-.e-5239ce65 > .holder > .header
-{
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-}
-
-.e-5239ce65 > .holder > .header > i
-{
-	font-size: var(--dh-size-l);
-	color: var(--dh-text-2);
-	transition: all 0.2s;
-}
-
-.e-5239ce65 > .holder:hover > .header > i
-{
-	color: var(--dh-text-1);
-}
-
-.e-5239ce65 > .holder > .content
-{
-	display: flex;
-	flex-direction: column;
-	gap: var(--dh-spacing-x);
-}
-
-.e-5239ce65 > .holder > .content > strong
-{
-	font-size: var(--dh-size-l);
-	font-weight: 600;
-	color: var(--dh-text-1);
-	line-height: 1.2;
-}
-
-.e-5239ce65 > .holder > .content > span
-{
-	font-size: var(--dh-size-m);
-	font-weight: 500;
-	color: var(--dh-text-1);
-}
-
-.e-5239ce65 > .holder > .content > small
-{
-	font-size: var(--dh-size-s);
-	color: var(--dh-text-2);
-}
-
-.e-5239ce65 > .holder > .footer
-{
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: var(--dh-spacing-m);
-	padding-top: var(--dh-spacing-s);
-	border-top: 1px solid var(--dh-bg-3-border);
-}
-
-.e-5239ce65 > .holder > .footer > .comparison
-{
-	display: flex;
-	align-items: center;
-	gap: var(--dh-spacing-s);
-}
-
-.e-5239ce65 > .holder > .footer > .comparison > strong
-{
-	font-size: var(--dh-size-s);
-	font-weight: 500;
-	color: var(--dh-text-1);
-}
-
-.e-5239ce65 > .holder > .footer > .comparison > span
-{
-	font-size: var(--dh-size-s);
-	color: var(--dh-text-2);
-}
-
-.e-5239ce65 > .holder > .footer > .sparkline
-{
-	width: 80px;
-	height: 24px;
-	color: var(--dh-brand);
-	flex-shrink: 0;
-}

package/addons/render/elements/front/items/self/cards/stat/styles/sizes.css

@@ -1,49 +0,0 @@
-.e-5239ce65 > .holder[variant*="size-s"]
-{
-	padding: var(--dh-spacing-s);
-	gap: var(--dh-spacing-s);
-}
-
-.e-5239ce65 > .holder[variant*="size-s"] > .header > i
-{
-	font-size: var(--dh-size-m);
-}
-
-.e-5239ce65 > .holder[variant*="size-s"] > .content > strong
-{
-	font-size: var(--dh-size-m);
-}
-
-.e-5239ce65 > .holder[variant*="size-s"] > .footer > .sparkline
-{
-	width: 60px;
-	height: 18px;
-}
-
-.e-5239ce65 > .holder[variant*="size-m"]
-{
-	padding: var(--dh-spacing-m);
-	gap: var(--dh-spacing-m);
-}
-
-.e-5239ce65 > .holder[variant*="size-l"]
-{
-	padding: var(--dh-spacing-l);
-	gap: var(--dh-spacing-l);
-}
-
-.e-5239ce65 > .holder[variant*="size-l"] > .header > i
-{
-	font-size: 28px;
-}
-
-.e-5239ce65 > .holder[variant*="size-l"] > .content > strong
-{
-	font-size: 32px;
-}
-
-.e-5239ce65 > .holder[variant*="size-l"] > .footer > .sparkline
-{
-	width: 100px;
-	height: 32px;
-}

package/addons/render/elements/front/items/self/cards/stat/styles/variants.css

@@ -1,124 +0,0 @@
-.e-5239ce65 > .holder[variant*="bg-1"]
-{
-	background: var(--dh-bg-1);
-}
-
-.e-5239ce65 > .holder[variant*="bg-2"]
-{
-	background: var(--dh-bg-2);
-}
-
-.e-5239ce65 > .holder[variant*="bg-3"]
-{
-	background: var(--dh-bg-3);
-}
-
-.e-5239ce65 > .holder[variant*="bg-4"]
-{
-	background: var(--dh-bg-4);
-}
-
-.e-5239ce65 > .holder[variant*="bg-1"]:hover
-{
-	background: var(--dh-bg-1-hover);
-}
-
-.e-5239ce65 > .holder[variant*="bg-2"]:hover
-{
-	background: var(--dh-bg-2-hover);
-}
-
-.e-5239ce65 > .holder[variant*="bg-3"]:hover
-{
-	background: var(--dh-bg-3-hover);
-}
-
-.e-5239ce65 > .holder[variant*="bg-4"]:hover
-{
-	background: var(--dh-bg-4-hover);
-}
-
-.e-5239ce65 > .holder[variant*="border"]
-{
-	border: 1px solid var(--dh-bg-3-border);
-}
-
-.e-5239ce65 > .holder[variant*="brand"]
-{
-	border-color: var(--dh-brand-border);
-	background: var(--dh-brand-opacity);
-}
-
-.e-5239ce65 > .holder[variant*="brand"] > .header > i
-{
-	color: var(--dh-brand);
-}
-
-.e-5239ce65 > .holder[variant*="brand"] > .footer > .sparkline
-{
-	color: var(--dh-brand);
-}
-
-.e-5239ce65 > .holder[variant*="blue"]
-{
-	border-color: var(--dh-blue-border);
-	background: var(--dh-blue-opacity);
-}
-
-.e-5239ce65 > .holder[variant*="blue"] > .header > i
-{
-	color: var(--dh-blue);
-}
-
-.e-5239ce65 > .holder[variant*="blue"] > .footer > .sparkline
-{
-	color: var(--dh-blue);
-}
-
-.e-5239ce65 > .holder[variant*="red"]
-{
-	border-color: var(--dh-red-border);
-	background: var(--dh-red-opacity);
-}
-
-.e-5239ce65 > .holder[variant*="red"] > .header > i
-{
-	color: var(--dh-red);
-}
-
-.e-5239ce65 > .holder[variant*="red"] > .footer > .sparkline
-{
-	color: var(--dh-red);
-}
-
-.e-5239ce65 > .holder[variant*="orange"]
-{
-	border-color: var(--dh-orange-border);
-	background: var(--dh-orange-opacity);
-}
-
-.e-5239ce65 > .holder[variant*="orange"] > .header > i
-{
-	color: var(--dh-orange);
-}
-
-.e-5239ce65 > .holder[variant*="orange"] > .footer > .sparkline
-{
-	color: var(--dh-orange);
-}
-
-.e-5239ce65 > .holder[variant*="green"]
-{
-	border-color: var(--dh-green-border);
-	background: var(--dh-green-opacity);
-}
-
-.e-5239ce65 > .holder[variant*="green"] > .header > i
-{
-	color: var(--dh-green);
-}
-
-.e-5239ce65 > .holder[variant*="green"] > .footer > .sparkline
-{
-	color: var(--dh-green);
-}

package/addons/render/elements/front/items/self/content/html/html.css

@@ -1,93 +0,0 @@
-/* Base */
-.e-10533634 > .holder
-{
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    overflow: auto;
-    background: transparent;
-}
-
-.e-10533634 > .holder > .preview *
-{
-    pointer-events: none;
-}
-
-/* Variants - Background */
-.e-10533634 > .holder[variant*="bg-1"]
-{
-    background: var(--dh-bg-1);
-}
-
-.e-10533634 > .holder[variant*="bg-2"]
-{
-    background: var(--dh-bg-2);
-}
-
-.e-10533634 > .holder[variant*="bg-3"]
-{
-    background: var(--dh-bg-3);
-}
-
-.e-10533634 > .holder[variant*="bg-4"]
-{
-    background: var(--dh-bg-4);
-}
-
-/* Variants - Border */
-.e-10533634 > .holder[variant*="border-full"]
-{
-    border: 1px solid var(--dh-bg-2-border);
-}
-
-.e-10533634 > .holder[variant*="bg-1"][variant*="border-full"]
-{
-    border: 1px solid var(--dh-bg-1-border);
-}
-
-.e-10533634 > .holder[variant*="bg-2"][variant*="border-full"]
-{
-    border: 1px solid var(--dh-bg-2-border);
-}
-
-.e-10533634 > .holder[variant*="bg-3"][variant*="border-full"]
-{
-    border: 1px solid var(--dh-bg-3-border);
-}
-
-.e-10533634 > .holder[variant*="bg-4"][variant*="border-full"]
-{
-    border: 1px solid var(--dh-bg-4-border);
-}
-
-/* Variants - Radius */
-.e-10533634 > .holder[variant*="radius-s"]
-{
-    border-radius: var(--dh-radius-s);
-}
-
-.e-10533634 > .holder[variant*="radius-m"]
-{
-    border-radius: var(--dh-radius-m);
-}
-
-.e-10533634 > .holder[variant*="radius-l"]
-{
-    border-radius: var(--dh-radius-l);
-}
-
-/* Size */
-.e-10533634 > .holder[size="s"]
-{
-    height: 150px;
-}
-
-.e-10533634 > .holder[size="m"]
-{
-    height: 300px;
-}
-
-.e-10533634 > .holder[size="l"]
-{
-    height: 600px;
-}

package/addons/render/elements/front/items/self/content/html/html.js

@@ -1,40 +0,0 @@
-import elements from '#elements/load.js';
-
-elements.ItemAdd({
-    id: 'interactive-html',
-    icon: 'code',
-    name: 'HTML Preview',
-    description: 'Displays HTML content in a scaled-down preview container. Perfect for showcasing elements and components in a thumbnail view.',
-    category: 'Content',
-    author: 'Divhunt',
-    config: {
-        html: {
-            type: 'string',
-            value: '<div>Preview</div>'
-        },
-        zoom: {
-            type: 'number',
-            value: 0.5
-        },
-        size: {
-            type: 'string',
-            value: 'm',
-            options: ['s', 'm', 'l']
-        },
-        variant: {
-            type: 'array',
-            value: [],
-            options: ['bg-1', 'bg-2', 'bg-3', 'bg-4', 'border-full', 'radius-s', 'radius-m', 'radius-l']
-        }
-    },
-    render: function()
-    {
-        return `
-            <div class="holder" :variant="variant.join(' ')" :size="size">
-                <div class="preview" :style="'zoom: ' + zoom">
-                    <div dh-html="html"></div>
-                </div>
-            </div>
-        `;
-    }
-});

package/addons/render/elements/front/items/self/content/markdown/markdown.css

@@ -1,200 +0,0 @@
-.e-56f2e505 .holder
-{
-	color: var(--dh-text-1);
-	font-family: var(--dh-font-primary);
-	line-height: 1.6;
-}
-
-/* Size variants */
-.e-56f2e505 .holder[variant~="size-s"] { font-size: var(--dh-size-s); }
-.e-56f2e505 .holder[variant~="size-m"] { font-size: var(--dh-size-m); }
-.e-56f2e505 .holder[variant~="size-l"] { font-size: 16px; }
-
-/* Prose variant - optimized reading */
-.e-56f2e505 .holder[variant~="prose"]
-{
-	max-width: 768px;
-	line-height: 1.75;
-}
-
-/* Headings */
-.e-56f2e505 .holder h1
-{
-	font-size: 2em;
-	font-weight: 700;
-	margin: var(--dh-spacing-l) 0 var(--dh-spacing-m);
-	color: var(--dh-text-1);
-}
-
-.e-56f2e505 .holder h2
-{
-	font-size: 1.5em;
-	font-weight: 600;
-	margin: var(--dh-spacing-l) 0 var(--dh-spacing-m);
-	color: var(--dh-text-1);
-}
-
-.e-56f2e505 .holder h3
-{
-	font-size: 1.25em;
-	font-weight: 600;
-	margin: var(--dh-spacing-m) 0 var(--dh-spacing-s);
-	color: var(--dh-text-1);
-}
-
-.e-56f2e505 .holder h4,
-.e-56f2e505 .holder h5,
-.e-56f2e505 .holder h6
-{
-	font-size: 1em;
-	font-weight: 600;
-	margin: var(--dh-spacing-m) 0 var(--dh-spacing-s);
-	color: var(--dh-text-1);
-}
-
-.e-56f2e505 .holder h1:first-child,
-.e-56f2e505 .holder h2:first-child,
-.e-56f2e505 .holder h3:first-child
-{
-	margin-top: 0;
-}
-
-/* Paragraphs */
-.e-56f2e505 .holder p
-{
-	margin: 0 0 var(--dh-spacing-m);
-	color: var(--dh-text-1);
-}
-
-.e-56f2e505 .holder p:last-child
-{
-	margin-bottom: 0;
-}
-
-/* Lists */
-.e-56f2e505 .holder ul,
-.e-56f2e505 .holder ol
-{
-	margin: 0 0 var(--dh-spacing-m);
-	padding-left: var(--dh-spacing-l);
-}
-
-.e-56f2e505 .holder li
-{
-	margin-bottom: var(--dh-spacing-s);
-}
-
-.e-56f2e505 .holder li:last-child
-{
-	margin-bottom: 0;
-}
-
-/* Links */
-.e-56f2e505 .holder a
-{
-	color: var(--dh-brand);
-	text-decoration: none;
-	transition: color 0.15s ease;
-}
-
-.e-56f2e505 .holder a:hover
-{
-	text-decoration: underline;
-}
-
-/* Code blocks */
-.e-56f2e505 .holder .code-block
-{
-	background: var(--dh-bg-3);
-	border: 1px solid var(--dh-bg-3-border);
-	border-radius: var(--dh-radius-m);
-	padding: var(--dh-spacing-m);
-	margin: var(--dh-spacing-m) 0;
-	overflow-x: auto;
-	font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
-	font-size: 0.9em;
-	line-height: 1.5;
-}
-
-.e-56f2e505 .holder .code-block code
-{
-	background: none;
-	padding: 0;
-	border-radius: 0;
-}
-
-/* Inline code */
-.e-56f2e505 .holder .code-inline
-{
-	background: var(--dh-bg-3);
-	padding: 2px var(--dh-spacing-x);
-	border-radius: var(--dh-radius-s);
-	font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
-	font-size: 0.9em;
-}
-
-/* Blockquotes */
-.e-56f2e505 .holder blockquote
-{
-	border-left: 3px solid var(--dh-brand);
-	padding-left: var(--dh-spacing-m);
-	margin: var(--dh-spacing-m) 0;
-	color: var(--dh-text-2);
-	font-style: italic;
-}
-
-/* Horizontal rule */
-.e-56f2e505 .holder hr
-{
-	border: none;
-	border-top: 1px solid var(--dh-bg-3-border);
-	margin: var(--dh-spacing-l) 0;
-}
-
-/* Tables */
-.e-56f2e505 .holder table
-{
-	width: 100%;
-	border-collapse: collapse;
-	margin: var(--dh-spacing-m) 0;
-}
-
-.e-56f2e505 .holder th,
-.e-56f2e505 .holder td
-{
-	padding: var(--dh-spacing-s) var(--dh-spacing-m);
-	border: 1px solid var(--dh-bg-3-border);
-	text-align: left;
-}
-
-.e-56f2e505 .holder th
-{
-	background: var(--dh-bg-3);
-	font-weight: 600;
-}
-
-.e-56f2e505 .holder tr:nth-child(even)
-{
-	background: var(--dh-bg-2);
-}
-
-/* Images */
-.e-56f2e505 .holder img
-{
-	max-width: 100%;
-	height: auto;
-	border-radius: var(--dh-radius-m);
-	margin: var(--dh-spacing-m) 0;
-}
-
-/* Strong & emphasis */
-.e-56f2e505 .holder strong
-{
-	font-weight: 600;
-	color: var(--dh-text-1);
-}
-
-.e-56f2e505 .holder em
-{
-	font-style: italic;
-}