@spartan-ng/cli 1.2.0-beta.2 → 1.2.0-beta.3

package/src/generators/ui/libs/message/generator.d.ts

@@ -0,0 +1,3 @@
+import type { Tree } from '@nx/devkit';
+import type { HlmBaseGeneratorSchema } from '../../../base/schema';
+export declare function generator(tree: Tree, options: HlmBaseGeneratorSchema): Promise<import("@nx/devkit").GeneratorCallback>;

package/src/generators/ui/libs/message/generator.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generator = generator;
+const tslib_1 = require("tslib");
+const generator_1 = tslib_1.__importDefault(require("../../../base/generator"));
+async function generator(tree, options) {
+    return await (0, generator_1.default)(tree, { ...options, name: 'message' });
+}
+//# sourceMappingURL=generator.js.map

package/src/generators/ui/libs/message/generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/message/generator.ts"],"names":[],"mappings":";;AAIA,8BAEC;;AALD,gFAAuD;AAGhD,KAAK,UAAU,SAAS,CAAC,IAAU,EAAE,OAA+B;IAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,EAAE,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;AACtE,CAAC"}

package/src/generators/ui/libs/spinner/files/lib/hlm-spinner.ts.template

@@ -9,6 +9,7 @@ import { classes } from '<%- importAlias %>/utils';
 	providers: [provideIcons({ lucideLoader2 })],
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	host: {
+		'data-slot': 'spinner',
 		role: 'status',
 		'[attr.aria-label]': 'ariaLabel()',
 	},

package/src/generators/ui/primitive-deps.js

@@ -6,10 +6,12 @@ exports.primitiveDependencies = {
     alert: ['utils'],
     'alert-dialog': ['utils', 'button'],
     'aspect-ratio': ['utils'],
+    attachment: ['utils', 'button'],
     autocomplete: ['utils', 'popover', 'input-group'],
     avatar: ['utils'],
     badge: ['utils'],
     breadcrumb: ['utils'],
+    bubble: ['utils'],
     button: ['utils'],
     'button-group': ['utils', 'button'],
     calendar: ['utils', 'button', 'select'],
@@ -33,7 +35,9 @@ exports.primitiveDependencies = {
     item: ['utils', 'separator'],
     kbd: ['utils'],
     label: ['utils'],
+    marker: ['utils'],
     menubar: ['utils', 'dropdown-menu'],
+    message: ['utils'],
     'native-select': ['utils'],
     'navigation-menu': ['utils'],
     pagination: ['utils', 'button', 'select'],

package/src/generators/ui/primitive-deps.js.map

@@ -1 +1 @@
-{"version":3,"file":"primitive-deps.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/ui/primitive-deps.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"primitive-deps.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/ui/primitive-deps.ts"],"names":[],"mappings":"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"}

package/src/generators/ui/primitives.d.ts

@@ -1 +1 @@
-export type Primitive = 'accordion' | 'alert' | 'alert-dialog' | 'aspect-ratio' | 'autocomplete' | 'avatar' | 'badge' | 'breadcrumb' | 'button' | 'button-group' | 'calendar' | 'card' | 'carousel' | 'checkbox' | 'collapsible' | 'combobox' | 'command' | 'context-menu' | 'date-picker' | 'dialog' | 'drawer' | 'dropdown-menu' | 'empty' | 'field' | 'hover-card' | 'input' | 'input-group' | 'input-otp' | 'item' | 'kbd' | 'label' | 'menubar' | 'native-select' | 'navigation-menu' | 'pagination' | 'popover' | 'progress' | 'radio-group' | 'resizable' | 'scroll-area' | 'select' | 'separator' | 'sheet' | 'sidebar' | 'skeleton' | 'slider' | 'sonner' | 'spinner' | 'switch' | 'table' | 'tabs' | 'textarea' | 'toggle' | 'toggle-group' | 'tooltip' | 'typography' | 'utils';
+export type Primitive = 'accordion' | 'alert' | 'alert-dialog' | 'aspect-ratio' | 'attachment' | 'autocomplete' | 'avatar' | 'badge' | 'breadcrumb' | 'bubble' | 'button' | 'button-group' | 'calendar' | 'card' | 'carousel' | 'checkbox' | 'collapsible' | 'combobox' | 'command' | 'context-menu' | 'date-picker' | 'dialog' | 'drawer' | 'dropdown-menu' | 'empty' | 'field' | 'hover-card' | 'input' | 'input-group' | 'input-otp' | 'item' | 'kbd' | 'label' | 'marker' | 'menubar' | 'message' | 'native-select' | 'navigation-menu' | 'pagination' | 'popover' | 'progress' | 'radio-group' | 'resizable' | 'scroll-area' | 'select' | 'separator' | 'sheet' | 'sidebar' | 'skeleton' | 'slider' | 'sonner' | 'spinner' | 'switch' | 'table' | 'tabs' | 'textarea' | 'toggle' | 'toggle-group' | 'tooltip' | 'typography' | 'utils';

package/src/generators/ui/style-luma.css

@@ -1219,6 +1219,158 @@
 		@apply gap-4 text-sm;
 	}
 
+	/* MARK: Marker */
+	.spartan-marker {
+		@apply text-muted-foreground gap-2.5 text-sm;
+	}
+
+	.spartan-marker-variant-separator {
+		@apply before:bg-border after:bg-border before:me-1.5 before:h-px before:min-w-0 before:flex-1 after:ms-1.5 after:h-px after:min-w-0 after:flex-1;
+	}
+
+	.spartan-marker-variant-border {
+		@apply border-border border-b pb-3;
+	}
+
+	.spartan-marker-icon {
+		@apply size-4 shrink-0;
+	}
+
+	.spartan-marker-content {
+		@apply min-w-0;
+	}
+
+	/* MARK: Message */
+	.spartan-message {
+		@apply gap-3 text-sm;
+	}
+
+	.spartan-message-group {
+		@apply gap-3;
+	}
+
+	.spartan-message-avatar {
+		@apply bg-muted min-w-9 rounded-full;
+	}
+
+	.spartan-message-content {
+		@apply gap-3;
+	}
+
+	.spartan-message-header {
+		@apply text-muted-foreground px-4 text-xs font-medium;
+	}
+
+	.spartan-message-footer {
+		@apply text-muted-foreground px-4 text-xs font-medium;
+	}
+
+	/* MARK: Bubble */
+	.spartan-bubble {
+		@apply max-w-[80%] gap-1.5;
+	}
+
+	.spartan-bubble-group {
+		@apply gap-3;
+	}
+
+	.spartan-bubble-content {
+		@apply rounded-4xl px-4 py-2.5 text-sm leading-relaxed;
+	}
+
+	.spartan-bubble-reactions {
+		@apply bg-muted ring-card gap-1 rounded-3xl px-2 py-0.5 text-xs shadow-sm ring-3;
+	}
+
+	.spartan-bubble-variant-default {
+		@apply *:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80;
+	}
+
+	.spartan-bubble-variant-secondary {
+		@apply *:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-secondary/80;
+	}
+
+	.spartan-bubble-variant-muted {
+		@apply *:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)];
+	}
+
+	.spartan-bubble-variant-tinted {
+		@apply *:data-[slot=bubble-content]:text-foreground *:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.93_calc(c*0.4)_h)] dark:*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.3_calc(c*0.4)_h)] [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.88_calc(c*0.5)_h)] dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.35_calc(c*0.5)_h)];
+	}
+
+	.spartan-bubble-variant-outline {
+		@apply *:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-background [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30 *:data-[slot=bubble-content]:border dark:*:data-[slot=bubble-content]:bg-transparent;
+	}
+
+	.spartan-bubble-variant-ghost {
+		@apply [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50 border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0;
+	}
+
+	.spartan-bubble-variant-destructive {
+		@apply *:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive dark:*:data-[slot=bubble-content]:bg-destructive/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30;
+	}
+
+	/* MARK: Attachment */
+	.spartan-attachment {
+		@apply bg-card text-card-foreground ring-foreground/5 dark:ring-foreground/10 rounded-4xl border shadow-md ring-1;
+	}
+
+	.spartan-attachment-size-default {
+		@apply gap-2.5 text-sm has-data-[slot=attachment-content]:px-3.5 has-data-[slot=attachment-content]:py-3 has-data-[slot=attachment-media]:p-3;
+	}
+
+	.spartan-attachment-size-sm {
+		@apply gap-2.5 text-xs has-data-[slot=attachment-content]:px-3 has-data-[slot=attachment-content]:py-2 has-data-[slot=attachment-media]:p-2;
+	}
+
+	.spartan-attachment-size-xs {
+		@apply gap-2 rounded-2xl text-xs has-data-[slot=attachment-content]:px-2.5 has-data-[slot=attachment-content]:py-1.5 has-data-[slot=attachment-media]:p-1.5;
+	}
+
+	.spartan-attachment-orientation-horizontal {
+		@apply min-w-44 items-center;
+	}
+
+	.spartan-attachment-orientation-vertical {
+		@apply w-28 flex-col has-data-[slot=attachment-content]:w-32;
+	}
+
+	.spartan-attachment-media {
+		@apply bg-muted text-foreground w-10 rounded-2xl;
+	}
+
+	.spartan-attachment-media-variant-icon {
+		@apply bg-muted;
+	}
+
+	.spartan-attachment-media-variant-image {
+		@apply opacity-60 group-data-[state=done]/attachment:opacity-100 group-data-[state=idle]/attachment:opacity-100;
+	}
+
+	.spartan-attachment-content {
+		@apply min-w-0 flex-1 leading-snug;
+	}
+
+	.spartan-attachment-title {
+		@apply truncate text-sm font-medium;
+	}
+
+	.spartan-attachment-description {
+		@apply text-muted-foreground mt-0.5 truncate text-xs;
+	}
+
+	.spartan-attachment-actions {
+		@apply shrink-0 items-center;
+	}
+
+	.spartan-attachment-trigger {
+		@apply absolute inset-0 z-10 outline-none;
+	}
+
+	.spartan-attachment-group {
+		@apply gap-3.5 py-1.5;
+	}
+
 	/* MARK: Calendar */
 	.spartan-calendar {
 		@apply p-3 [--cell-radius:var(--radius-4xl)] [--cell-size:--spacing(8)];

package/src/generators/ui/style-lyra.css

@@ -542,6 +542,158 @@
 		@apply gap-2.5 text-xs;
 	}
 
+	/* MARK: Marker */
+	.spartan-marker {
+		@apply text-muted-foreground gap-2 text-xs;
+	}
+
+	.spartan-marker-variant-separator {
+		@apply before:bg-border after:bg-border before:me-1 before:h-px before:min-w-0 before:flex-1 after:ms-1 after:h-px after:min-w-0 after:flex-1;
+	}
+
+	.spartan-marker-variant-border {
+		@apply border-border border-b pb-2;
+	}
+
+	.spartan-marker-icon {
+		@apply size-4 shrink-0;
+	}
+
+	.spartan-marker-content {
+		@apply min-w-0;
+	}
+
+	/* MARK: Message */
+	.spartan-message {
+		@apply gap-2 text-xs;
+	}
+
+	.spartan-message-group {
+		@apply gap-2;
+	}
+
+	.spartan-message-avatar {
+		@apply bg-muted min-w-8 rounded-none;
+	}
+
+	.spartan-message-content {
+		@apply gap-2.5;
+	}
+
+	.spartan-message-header {
+		@apply text-muted-foreground px-3 text-xs font-medium;
+	}
+
+	.spartan-message-footer {
+		@apply text-muted-foreground px-3 text-xs font-medium;
+	}
+
+	/* MARK: Bubble */
+	.spartan-bubble {
+		@apply max-w-[80%] gap-1;
+	}
+
+	.spartan-bubble-group {
+		@apply gap-2;
+	}
+
+	.spartan-bubble-content {
+		@apply rounded-none px-3 py-2 text-xs leading-relaxed;
+	}
+
+	.spartan-bubble-reactions {
+		@apply bg-muted ring-card gap-1 rounded-none px-1.5 py-0.5 text-xs ring-1;
+	}
+
+	.spartan-bubble-variant-default {
+		@apply *:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80;
+	}
+
+	.spartan-bubble-variant-secondary {
+		@apply *:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-secondary/80;
+	}
+
+	.spartan-bubble-variant-muted {
+		@apply *:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)];
+	}
+
+	.spartan-bubble-variant-tinted {
+		@apply *:data-[slot=bubble-content]:text-foreground *:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.93_calc(c*0.4)_h)] dark:*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.3_calc(c*0.4)_h)] [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.88_calc(c*0.5)_h)] dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.35_calc(c*0.5)_h)];
+	}
+
+	.spartan-bubble-variant-outline {
+		@apply *:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-background [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30 *:data-[slot=bubble-content]:border;
+	}
+
+	.spartan-bubble-variant-ghost {
+		@apply [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50 border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0;
+	}
+
+	.spartan-bubble-variant-destructive {
+		@apply *:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive dark:*:data-[slot=bubble-content]:bg-destructive/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30;
+	}
+
+	/* MARK: Attachment */
+	.spartan-attachment {
+		@apply bg-card text-card-foreground rounded-none border;
+	}
+
+	.spartan-attachment-size-default {
+		@apply gap-2 text-xs has-data-[slot=attachment-content]:px-2.5 has-data-[slot=attachment-content]:py-2 has-data-[slot=attachment-media]:p-2;
+	}
+
+	.spartan-attachment-size-sm {
+		@apply gap-2 text-xs has-data-[slot=attachment-content]:px-2 has-data-[slot=attachment-content]:py-1.5 has-data-[slot=attachment-media]:p-1.5;
+	}
+
+	.spartan-attachment-size-xs {
+		@apply gap-1.5 rounded-none text-xs has-data-[slot=attachment-content]:px-1.5 has-data-[slot=attachment-content]:py-1 has-data-[slot=attachment-media]:p-1;
+	}
+
+	.spartan-attachment-orientation-horizontal {
+		@apply min-w-40 items-center;
+	}
+
+	.spartan-attachment-orientation-vertical {
+		@apply w-24 flex-col has-data-[slot=attachment-content]:w-30;
+	}
+
+	.spartan-attachment-media {
+		@apply bg-muted text-foreground w-10 rounded-none;
+	}
+
+	.spartan-attachment-media-variant-icon {
+		@apply bg-muted;
+	}
+
+	.spartan-attachment-media-variant-image {
+		@apply opacity-60 group-data-[state=done]/attachment:opacity-100 group-data-[state=idle]/attachment:opacity-100;
+	}
+
+	.spartan-attachment-content {
+		@apply min-w-0 flex-1 leading-tight;
+	}
+
+	.spartan-attachment-title {
+		@apply truncate text-xs font-medium;
+	}
+
+	.spartan-attachment-description {
+		@apply text-muted-foreground mt-0.5 truncate text-xs/relaxed;
+	}
+
+	.spartan-attachment-actions {
+		@apply shrink-0 items-center;
+	}
+
+	.spartan-attachment-trigger {
+		@apply absolute inset-0 z-10 outline-none;
+	}
+
+	.spartan-attachment-group {
+		@apply gap-2.5 py-1;
+	}
+
 	/* MARK: Field */
 	.spartan-field-set {
 		@apply gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3;

package/src/generators/ui/style-maia.css

@@ -564,6 +564,158 @@
 		@apply gap-4 text-sm;
 	}
 
+	/* MARK: Marker */
+	.spartan-marker {
+		@apply text-muted-foreground gap-2.5 text-sm;
+	}
+
+	.spartan-marker-variant-separator {
+		@apply before:bg-border after:bg-border before:me-1.5 before:h-px before:min-w-0 before:flex-1 after:ms-1.5 after:h-px after:min-w-0 after:flex-1;
+	}
+
+	.spartan-marker-variant-border {
+		@apply border-border border-b pb-2.5;
+	}
+
+	.spartan-marker-icon {
+		@apply size-4 shrink-0;
+	}
+
+	.spartan-marker-content {
+		@apply min-w-0;
+	}
+
+	/* MARK: Message */
+	.spartan-message {
+		@apply gap-2.5 text-sm;
+	}
+
+	.spartan-message-group {
+		@apply gap-2.5;
+	}
+
+	.spartan-message-avatar {
+		@apply bg-muted min-w-9 rounded-full;
+	}
+
+	.spartan-message-content {
+		@apply gap-3;
+	}
+
+	.spartan-message-header {
+		@apply text-muted-foreground px-3.5 text-xs font-medium;
+	}
+
+	.spartan-message-footer {
+		@apply text-muted-foreground px-3.5 text-xs font-medium;
+	}
+
+	/* MARK: Bubble */
+	.spartan-bubble {
+		@apply max-w-[80%] gap-1.5;
+	}
+
+	.spartan-bubble-group {
+		@apply gap-2.5;
+	}
+
+	.spartan-bubble-content {
+		@apply rounded-2xl px-3.5 py-2.5 text-sm leading-relaxed;
+	}
+
+	.spartan-bubble-reactions {
+		@apply bg-muted ring-card gap-1 rounded-4xl px-2 py-0.5 text-xs ring-3;
+	}
+
+	.spartan-bubble-variant-default {
+		@apply *:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80;
+	}
+
+	.spartan-bubble-variant-secondary {
+		@apply *:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-secondary/80;
+	}
+
+	.spartan-bubble-variant-muted {
+		@apply *:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)];
+	}
+
+	.spartan-bubble-variant-tinted {
+		@apply *:data-[slot=bubble-content]:text-foreground *:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.93_calc(c*0.4)_h)] dark:*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.3_calc(c*0.4)_h)] [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.88_calc(c*0.5)_h)] dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.35_calc(c*0.5)_h)];
+	}
+
+	.spartan-bubble-variant-outline {
+		@apply *:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-input/30 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/50 [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground *:data-[slot=bubble-content]:border;
+	}
+
+	.spartan-bubble-variant-ghost {
+		@apply [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50 border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0;
+	}
+
+	.spartan-bubble-variant-destructive {
+		@apply *:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive dark:*:data-[slot=bubble-content]:bg-destructive/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30;
+	}
+
+	/* MARK: Attachment */
+	.spartan-attachment {
+		@apply bg-card text-card-foreground rounded-2xl border;
+	}
+
+	.spartan-attachment-size-default {
+		@apply gap-2.5 text-sm has-data-[slot=attachment-content]:px-3 has-data-[slot=attachment-content]:py-2.5 has-data-[slot=attachment-media]:p-2.5;
+	}
+
+	.spartan-attachment-size-sm {
+		@apply gap-2.5 text-xs has-data-[slot=attachment-content]:px-2.5 has-data-[slot=attachment-content]:py-2 has-data-[slot=attachment-media]:p-2;
+	}
+
+	.spartan-attachment-size-xs {
+		@apply gap-2 rounded-xl text-xs has-data-[slot=attachment-content]:px-2 has-data-[slot=attachment-content]:py-1.5 has-data-[slot=attachment-media]:p-1.5;
+	}
+
+	.spartan-attachment-orientation-horizontal {
+		@apply min-w-44 items-center;
+	}
+
+	.spartan-attachment-orientation-vertical {
+		@apply w-28 flex-col has-data-[slot=attachment-content]:w-32;
+	}
+
+	.spartan-attachment-media {
+		@apply bg-muted text-foreground w-10 rounded-xl;
+	}
+
+	.spartan-attachment-media-variant-icon {
+		@apply bg-muted;
+	}
+
+	.spartan-attachment-media-variant-image {
+		@apply opacity-60 group-data-[state=done]/attachment:opacity-100 group-data-[state=idle]/attachment:opacity-100;
+	}
+
+	.spartan-attachment-content {
+		@apply min-w-0 flex-1 leading-snug;
+	}
+
+	.spartan-attachment-title {
+		@apply truncate text-sm font-medium;
+	}
+
+	.spartan-attachment-description {
+		@apply text-muted-foreground mt-0.5 truncate text-xs;
+	}
+
+	.spartan-attachment-actions {
+		@apply shrink-0 items-center;
+	}
+
+	.spartan-attachment-trigger {
+		@apply absolute inset-0 z-10 outline-none;
+	}
+
+	.spartan-attachment-group {
+		@apply gap-3.5 py-1.5;
+	}
+
 	/* MARK: Field */
 	.spartan-field-set {
 		@apply gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3;