@spartan-ng/cli 0.0.1-alpha.711 → 0.0.1-alpha.712
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/generators/migrate-helm-libraries/generator.js +7 -2
- package/src/generators/migrate-helm-libraries/generator.js.map +1 -1
- package/src/generators/ui/libs/sheet/files/lib/hlm-sheet-close.ts.template +1 -3
- package/src/generators/ui/libs/sheet/files/lib/hlm-sheet-content.ts.template +11 -23
- package/src/generators/ui/libs/sheet/files/lib/hlm-sheet-description.ts.template +2 -4
- package/src/generators/ui/libs/sheet/files/lib/hlm-sheet-footer.ts.template +2 -4
- package/src/generators/ui/libs/sheet/files/lib/hlm-sheet-header.ts.template +2 -4
- package/src/generators/ui/libs/sheet/files/lib/hlm-sheet-overlay.ts.template +1 -4
- package/src/generators/ui/libs/sheet/files/lib/hlm-sheet-title.ts.template +2 -4
- package/src/generators/ui/libs/sheet/files/lib/hlm-sheet-trigger.ts.template +1 -3
- package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar-content.ts.template +4 -1
- package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar-footer.ts.template +1 -1
- package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar-group-action.ts.template +4 -6
- package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar-group-content.ts.template +1 -1
- package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar-group-label.ts.template +1 -4
- package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar-group.ts.template +1 -1
- package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar-header.ts.template +1 -1
- package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar-inset.ts.template +2 -7
- package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar-menu-action.ts.template +2 -8
- package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar-menu-badge.ts.template +4 -8
- package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar-menu-button.ts.template +6 -7
- package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar-menu-skeleton.ts.template +7 -4
- package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar-menu-sub-button.ts.template +5 -6
- package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar-menu-sub.ts.template +1 -4
- package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar-menu.ts.template +1 -1
- package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar-rail.ts.template +2 -2
- package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar-trigger.ts.template +8 -15
- package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar-wrapper.ts.template +1 -1
- package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar.ts.template +11 -18
- package/src/generators/ui/libs/tooltip/files/lib/hlm-tooltip.ts.template +3 -2
- package/src/generators/ui/style-luma.css +3 -3
- package/src/generators/ui/style-lyra.css +4 -4
- package/src/generators/ui/style-maia.css +5 -5
- package/src/generators/ui/style-mira.css +4 -6
- package/src/generators/ui/style-nova.css +4 -4
- package/src/generators/ui/style-vega.css +5 -5
- package/src/generators/ui/supported-ui-libraries.json +40 -41
package/package.json
CHANGED
|
@@ -36,7 +36,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
36
36
|
exports.migrateHelmLibrariesGenerator = migrateHelmLibrariesGenerator;
|
|
37
37
|
const devkit_1 = require("@nx/devkit");
|
|
38
38
|
const js_1 = require("@nx/js");
|
|
39
|
-
|
|
39
|
+
// Import `removeGenerator` from its module directly rather than the `@nx/workspace` barrel.
|
|
40
|
+
// The barrel eagerly evaluates `convert-to-nx-project`, whose `output.js` crashes on nx 22
|
|
41
|
+
// ("Cannot read properties of undefined (reading 'inverse')") due to a chalk/tslib interop
|
|
42
|
+
// issue in nx itself. Importing the generator directly avoids loading that module.
|
|
43
|
+
// See https://github.com/nrwl/nx/issues/35521 - revert to the barrel once nx ships the fix.
|
|
44
|
+
const remove_1 = require("@nx/workspace/src/generators/remove/remove");
|
|
40
45
|
const enquirer_1 = require("enquirer");
|
|
41
46
|
const path_1 = require("path");
|
|
42
47
|
const config_1 = require("../../utils/config");
|
|
@@ -145,7 +150,7 @@ async function removeExistingLibraries(tree, options, libraries) {
|
|
|
145
150
|
if (!projectName) {
|
|
146
151
|
throw new Error(`Could not find the project name for library: ${library} in project root path ${projectRoot}`);
|
|
147
152
|
}
|
|
148
|
-
await (0,
|
|
153
|
+
await (0, remove_1.removeGenerator)(tree, {
|
|
149
154
|
projectName,
|
|
150
155
|
forceRemove: true,
|
|
151
156
|
skipFormat: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/migrate-helm-libraries/generator.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/migrate-helm-libraries/generator.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,8 +4,6 @@ import { BrnSheetClose } from '@spartan-ng/brain/sheet';
|
|
|
4
4
|
@Directive({
|
|
5
5
|
selector: 'button[hlmSheetClose]',
|
|
6
6
|
hostDirectives: [{ directive: BrnSheetClose, inputs: ['delay'] }],
|
|
7
|
-
host: {
|
|
8
|
-
'data-slot': 'sheet-close',
|
|
9
|
-
},
|
|
7
|
+
host: { 'data-slot': 'sheet-close' },
|
|
10
8
|
})
|
|
11
9
|
export class HlmSheetClose {}
|
|
@@ -16,28 +16,8 @@ import { injectExposedSideProvider, injectExposesStateProvider } from '@spartan-
|
|
|
16
16
|
import { HlmButton } from '<%- importAlias %>/button';
|
|
17
17
|
import { HlmIconImports } from '<%- importAlias %>/icon';
|
|
18
18
|
import { classes } from '<%- importAlias %>/utils';
|
|
19
|
-
import { cva } from 'class-variance-authority';
|
|
20
19
|
import { HlmSheetClose } from './hlm-sheet-close';
|
|
21
20
|
|
|
22
|
-
export const sheetVariants = cva(
|
|
23
|
-
'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',
|
|
24
|
-
{
|
|
25
|
-
variants: {
|
|
26
|
-
side: {
|
|
27
|
-
top: 'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',
|
|
28
|
-
bottom:
|
|
29
|
-
'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',
|
|
30
|
-
left: 'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',
|
|
31
|
-
right:
|
|
32
|
-
'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',
|
|
33
|
-
},
|
|
34
|
-
},
|
|
35
|
-
defaultVariants: {
|
|
36
|
-
side: 'right',
|
|
37
|
-
},
|
|
38
|
-
},
|
|
39
|
-
);
|
|
40
|
-
|
|
41
21
|
@Component({
|
|
42
22
|
selector: 'hlm-sheet-content',
|
|
43
23
|
imports: [HlmIconImports, HlmButton, HlmSheetClose],
|
|
@@ -45,13 +25,14 @@ export const sheetVariants = cva(
|
|
|
45
25
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
46
26
|
host: {
|
|
47
27
|
'data-slot': 'sheet-content',
|
|
28
|
+
'[attr.data-side]': '_sideProvider.side()',
|
|
48
29
|
'[attr.data-state]': 'state()',
|
|
49
30
|
},
|
|
50
31
|
template: `
|
|
51
32
|
<ng-content />
|
|
52
33
|
|
|
53
34
|
@if (showCloseButton()) {
|
|
54
|
-
<button hlmBtn variant="ghost" size="icon-sm" class="
|
|
35
|
+
<button hlmBtn variant="ghost" size="icon-sm" class="spartan-sheet-close" hlmSheetClose>
|
|
55
36
|
<span class="sr-only">Close</span>
|
|
56
37
|
<ng-icon hlm size="sm" name="lucideX" />
|
|
57
38
|
</button>
|
|
@@ -60,7 +41,7 @@ export const sheetVariants = cva(
|
|
|
60
41
|
})
|
|
61
42
|
export class HlmSheetContent {
|
|
62
43
|
private readonly _stateProvider = injectExposesStateProvider({ host: true });
|
|
63
|
-
|
|
44
|
+
protected readonly _sideProvider = injectExposedSideProvider({ host: true });
|
|
64
45
|
public readonly state = this._stateProvider.state ?? signal('closed');
|
|
65
46
|
private readonly _renderer = inject(Renderer2);
|
|
66
47
|
private readonly _element = inject(ElementRef);
|
|
@@ -68,7 +49,14 @@ export class HlmSheetContent {
|
|
|
68
49
|
public readonly showCloseButton = input<boolean, BooleanInput>(true, { transform: booleanAttribute });
|
|
69
50
|
|
|
70
51
|
constructor() {
|
|
71
|
-
classes(() =>
|
|
52
|
+
classes(() => [
|
|
53
|
+
'spartan-sheet-content',
|
|
54
|
+
'data-open:animate-in data-closed:animate-out',
|
|
55
|
+
'data-[side=top]:data-closed:slide-out-to-top data-[side=top]:data-open:slide-in-from-top',
|
|
56
|
+
'data-[side=bottom]:data-closed:slide-out-to-bottom data-[side=bottom]:data-open:slide-in-from-bottom',
|
|
57
|
+
'data-[side=left]:data-closed:slide-out-to-left data-[side=left]:data-open:slide-in-from-left',
|
|
58
|
+
'data-[side=right]:data-closed:slide-out-to-right data-[side=right]:data-open:slide-in-from-right',
|
|
59
|
+
]);
|
|
72
60
|
effect(() => {
|
|
73
61
|
this._renderer.setAttribute(this._element.nativeElement, 'data-state', this.state());
|
|
74
62
|
});
|
|
@@ -5,12 +5,10 @@ import { classes } from '<%- importAlias %>/utils';
|
|
|
5
5
|
@Directive({
|
|
6
6
|
selector: '[hlmSheetDescription]',
|
|
7
7
|
hostDirectives: [BrnSheetDescription],
|
|
8
|
-
host: {
|
|
9
|
-
'data-slot': 'sheet-description',
|
|
10
|
-
},
|
|
8
|
+
host: { 'data-slot': 'sheet-description' },
|
|
11
9
|
})
|
|
12
10
|
export class HlmSheetDescription {
|
|
13
11
|
constructor() {
|
|
14
|
-
classes(() => '
|
|
12
|
+
classes(() => 'spartan-sheet-description');
|
|
15
13
|
}
|
|
16
14
|
}
|
|
@@ -3,12 +3,10 @@ import { classes } from '<%- importAlias %>/utils';
|
|
|
3
3
|
|
|
4
4
|
@Directive({
|
|
5
5
|
selector: '[hlmSheetFooter],hlm-sheet-footer',
|
|
6
|
-
host: {
|
|
7
|
-
'data-slot': 'sheet-footer',
|
|
8
|
-
},
|
|
6
|
+
host: { 'data-slot': 'sheet-footer' },
|
|
9
7
|
})
|
|
10
8
|
export class HlmSheetFooter {
|
|
11
9
|
constructor() {
|
|
12
|
-
classes(() => 'mt-auto flex flex-col
|
|
10
|
+
classes(() => 'spartan-sheet-footer mt-auto flex flex-col');
|
|
13
11
|
}
|
|
14
12
|
}
|
|
@@ -3,12 +3,10 @@ import { classes } from '<%- importAlias %>/utils';
|
|
|
3
3
|
|
|
4
4
|
@Directive({
|
|
5
5
|
selector: '[hlmSheetHeader],hlm-sheet-header',
|
|
6
|
-
host: {
|
|
7
|
-
'data-slot': 'sheet-header',
|
|
8
|
-
},
|
|
6
|
+
host: { 'data-slot': 'sheet-header' },
|
|
9
7
|
})
|
|
10
8
|
export class HlmSheetHeader {
|
|
11
9
|
constructor() {
|
|
12
|
-
classes(() => 'flex flex-col
|
|
10
|
+
classes(() => 'spartan-sheet-header flex flex-col');
|
|
13
11
|
}
|
|
14
12
|
}
|
|
@@ -7,16 +7,13 @@ import type { ClassValue } from 'clsx';
|
|
|
7
7
|
@Directive({
|
|
8
8
|
selector: '[hlmSheetOverlay],hlm-sheet-overlay',
|
|
9
9
|
hostDirectives: [BrnSheetOverlay],
|
|
10
|
-
host: {
|
|
11
|
-
'[class]': '_computedClass()',
|
|
12
|
-
},
|
|
13
10
|
})
|
|
14
11
|
export class HlmSheetOverlay {
|
|
15
12
|
private readonly _classSettable = injectCustomClassSettable({ optional: true, host: true });
|
|
16
13
|
public readonly userClass = input<ClassValue>('', { alias: 'class' });
|
|
17
14
|
protected readonly _computedClass = computed(() =>
|
|
18
15
|
hlm(
|
|
19
|
-
'
|
|
16
|
+
'spartan-sheet-overlay transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0',
|
|
20
17
|
this.userClass(),
|
|
21
18
|
),
|
|
22
19
|
);
|
|
@@ -5,12 +5,10 @@ import { classes } from '<%- importAlias %>/utils';
|
|
|
5
5
|
@Directive({
|
|
6
6
|
selector: '[hlmSheetTitle]',
|
|
7
7
|
hostDirectives: [BrnSheetTitle],
|
|
8
|
-
host: {
|
|
9
|
-
'data-slot': 'sheet-title',
|
|
10
|
-
},
|
|
8
|
+
host: { 'data-slot': 'sheet-title' },
|
|
11
9
|
})
|
|
12
10
|
export class HlmSheetTitle {
|
|
13
11
|
constructor() {
|
|
14
|
-
classes(() => '
|
|
12
|
+
classes(() => 'spartan-sheet-title');
|
|
15
13
|
}
|
|
16
14
|
}
|
|
@@ -4,8 +4,6 @@ import { BrnSheetTrigger } from '@spartan-ng/brain/sheet';
|
|
|
4
4
|
@Directive({
|
|
5
5
|
selector: 'button[hlmSheetTrigger]',
|
|
6
6
|
hostDirectives: [{ directive: BrnSheetTrigger, inputs: ['id', 'side', 'type'] }],
|
|
7
|
-
host: {
|
|
8
|
-
'data-slot': 'sheet-trigger',
|
|
9
|
-
},
|
|
7
|
+
host: { 'data-slot': 'sheet-trigger' },
|
|
10
8
|
})
|
|
11
9
|
export class HlmSheetTrigger {}
|
|
@@ -10,6 +10,9 @@ import { classes } from '<%- importAlias %>/utils';
|
|
|
10
10
|
})
|
|
11
11
|
export class HlmSidebarContent {
|
|
12
12
|
constructor() {
|
|
13
|
-
classes(
|
|
13
|
+
classes(
|
|
14
|
+
() =>
|
|
15
|
+
'spartan-sidebar-content flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden',
|
|
16
|
+
);
|
|
14
17
|
}
|
|
15
18
|
}
|
|
@@ -10,11 +10,9 @@ import { classes } from '<%- importAlias %>/utils';
|
|
|
10
10
|
})
|
|
11
11
|
export class HlmSidebarGroupAction {
|
|
12
12
|
constructor() {
|
|
13
|
-
classes(
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
'group-data-[collapsible=icon]:hidden',
|
|
18
|
-
]);
|
|
13
|
+
classes(
|
|
14
|
+
() =>
|
|
15
|
+
'spartan-sidebar-group-action flex aspect-square items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&>ng-icon]:shrink-0',
|
|
16
|
+
);
|
|
19
17
|
}
|
|
20
18
|
}
|
|
@@ -10,9 +10,6 @@ import { classes } from '<%- importAlias %>/utils';
|
|
|
10
10
|
})
|
|
11
11
|
export class HlmSidebarGroupLabel {
|
|
12
12
|
constructor() {
|
|
13
|
-
classes(() => [
|
|
14
|
-
'text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium transition-[margin,opa] duration-200 ease-linear outline-none focus-visible:ring-2 [&>_ng-icon]:size-4 [&>_ng-icon]:shrink-0',
|
|
15
|
-
'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',
|
|
16
|
-
]);
|
|
13
|
+
classes(() => 'spartan-sidebar-group-label flex shrink-0 items-center outline-hidden [&>ng-icon]:shrink-0');
|
|
17
14
|
}
|
|
18
15
|
}
|
|
@@ -10,6 +10,6 @@ import { classes } from '<%- importAlias %>/utils';
|
|
|
10
10
|
})
|
|
11
11
|
export class HlmSidebarGroup {
|
|
12
12
|
constructor() {
|
|
13
|
-
classes(() => 'relative flex w-full min-w-0 flex-col
|
|
13
|
+
classes(() => 'spartan-sidebar-group relative flex w-full min-w-0 flex-col');
|
|
14
14
|
}
|
|
15
15
|
}
|
|
@@ -3,15 +3,10 @@ import { classes } from '<%- importAlias %>/utils';
|
|
|
3
3
|
|
|
4
4
|
@Directive({
|
|
5
5
|
selector: 'main[hlmSidebarInset]',
|
|
6
|
-
host: {
|
|
7
|
-
'data-slot': 'sidebar-inset',
|
|
8
|
-
},
|
|
6
|
+
host: { 'data-slot': 'sidebar-inset' },
|
|
9
7
|
})
|
|
10
8
|
export class HlmSidebarInset {
|
|
11
9
|
constructor() {
|
|
12
|
-
classes(() =>
|
|
13
|
-
'bg-background relative flex w-full flex-1 flex-col',
|
|
14
|
-
'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2',
|
|
15
|
-
]);
|
|
10
|
+
classes(() => 'spartan-sidebar-inset relative flex w-full flex-1 flex-col');
|
|
16
11
|
}
|
|
17
12
|
}
|
|
@@ -14,15 +14,9 @@ export class HlmSidebarMenuAction {
|
|
|
14
14
|
|
|
15
15
|
constructor() {
|
|
16
16
|
classes(() => [
|
|
17
|
-
'
|
|
18
|
-
// Increases the hit area of the button on mobile.
|
|
19
|
-
'after:absolute after:-inset-2 after:md:hidden',
|
|
20
|
-
'peer-data-[size=sm]/menu-button:top-1',
|
|
21
|
-
'peer-data-[size=default]/menu-button:top-1.5',
|
|
22
|
-
'peer-data-[size=lg]/menu-button:top-2.5',
|
|
23
|
-
'group-data-[collapsible=icon]:hidden',
|
|
17
|
+
'spartan-sidebar-menu-action flex items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&>ng-icon]:shrink-0',
|
|
24
18
|
this.showOnHover() &&
|
|
25
|
-
'peer-data-
|
|
19
|
+
'peer-data-active/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 aria-expanded:opacity-100 md:opacity-0',
|
|
26
20
|
]);
|
|
27
21
|
}
|
|
28
22
|
}
|
|
@@ -10,13 +10,9 @@ import { classes } from '<%- importAlias %>/utils';
|
|
|
10
10
|
})
|
|
11
11
|
export class HlmSidebarMenuBadge {
|
|
12
12
|
constructor() {
|
|
13
|
-
classes(
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
'peer-data-[size=default]/menu-button:top-1.5',
|
|
18
|
-
'peer-data-[size=lg]/menu-button:top-2.5',
|
|
19
|
-
'group-data-[collapsible=icon]:hidden',
|
|
20
|
-
]);
|
|
13
|
+
classes(
|
|
14
|
+
() =>
|
|
15
|
+
'spartan-sidebar-menu-badge flex items-center justify-center tabular-nums select-none group-data-[collapsible=icon]:hidden',
|
|
16
|
+
);
|
|
21
17
|
}
|
|
22
18
|
}
|
|
@@ -12,18 +12,17 @@ import { HlmSidebarService } from './hlm-sidebar.service';
|
|
|
12
12
|
import { injectHlmSidebarConfig } from './hlm-sidebar.token';
|
|
13
13
|
|
|
14
14
|
const sidebarMenuButtonVariants = cva(
|
|
15
|
-
'
|
|
15
|
+
'spartan-sidebar-menu-button peer/menu-button group/menu-button flex w-full items-center overflow-hidden outline-hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_ng-icon]:shrink-0 [&_ng-icon]:text-[calc(var(--spacing)*4)] [&>span:last-child]:truncate',
|
|
16
16
|
{
|
|
17
17
|
variants: {
|
|
18
18
|
variant: {
|
|
19
|
-
default: '
|
|
20
|
-
outline:
|
|
21
|
-
'bg-background shadow-sidebar-border hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-sidebar-accent',
|
|
19
|
+
default: 'spartan-sidebar-menu-button-variant-default',
|
|
20
|
+
outline: 'spartan-sidebar-menu-button-variant-outline',
|
|
22
21
|
},
|
|
23
22
|
size: {
|
|
24
|
-
default: '
|
|
25
|
-
sm: '
|
|
26
|
-
lg: '
|
|
23
|
+
default: 'spartan-sidebar-menu-button-size-default',
|
|
24
|
+
sm: 'spartan-sidebar-menu-button-size-sm',
|
|
25
|
+
lg: 'spartan-sidebar-menu-button-size-lg',
|
|
27
26
|
},
|
|
28
27
|
},
|
|
29
28
|
defaultVariants: {
|
|
@@ -10,13 +10,16 @@ import { classes } from '<%- importAlias %>/utils';
|
|
|
10
10
|
host: {
|
|
11
11
|
'data-slot': 'sidebar-menu-skeleton',
|
|
12
12
|
'data-sidebar': 'menu-skeleton',
|
|
13
|
-
'[style.--skeleton-width]': '_width',
|
|
14
13
|
},
|
|
15
14
|
template: `
|
|
16
15
|
@if (showIcon()) {
|
|
17
|
-
<hlm-skeleton data-sidebar="menu-skeleton-icon" class="
|
|
16
|
+
<hlm-skeleton data-sidebar="menu-skeleton-icon" class="spartan-sidebar-menu-skeleton-icon" />
|
|
18
17
|
} @else {
|
|
19
|
-
<hlm-skeleton
|
|
18
|
+
<hlm-skeleton
|
|
19
|
+
data-sidebar="menu-skeleton-text"
|
|
20
|
+
class="spartan-sidebar-menu-skeleton-text max-w-(--skeleton-width) flex-1"
|
|
21
|
+
[style.--skeleton-width]="_width"
|
|
22
|
+
/>
|
|
20
23
|
}
|
|
21
24
|
`,
|
|
22
25
|
})
|
|
@@ -25,6 +28,6 @@ export class HlmSidebarMenuSkeleton {
|
|
|
25
28
|
protected readonly _width = `${Math.floor(Math.random() * 40) + 50}%`;
|
|
26
29
|
|
|
27
30
|
constructor() {
|
|
28
|
-
classes(() => '
|
|
31
|
+
classes(() => 'spartan-sidebar-menu-skeleton flex items-center');
|
|
29
32
|
}
|
|
30
33
|
}
|
|
@@ -25,13 +25,12 @@ export class HlmSidebarMenuSubButton {
|
|
|
25
25
|
|
|
26
26
|
public readonly size = input<'sm' | 'md'>('md');
|
|
27
27
|
public readonly isActive = input<boolean, BooleanInput>(false, { transform: booleanAttribute });
|
|
28
|
+
|
|
28
29
|
constructor() {
|
|
29
|
-
classes(
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
'group-data-[collapsible=icon]:hidden',
|
|
34
|
-
]);
|
|
30
|
+
classes(
|
|
31
|
+
() =>
|
|
32
|
+
'spartan-sidebar-menu-sub-button flex min-w-0 -translate-x-px items-center overflow-hidden outline-hidden group-data-[collapsible=icon]:hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>ng-icon]:shrink-0 [&>span:last-child]:truncate',
|
|
33
|
+
);
|
|
35
34
|
}
|
|
36
35
|
|
|
37
36
|
protected onClick(): void {
|
|
@@ -10,9 +10,6 @@ import { classes } from '<%- importAlias %>/utils';
|
|
|
10
10
|
})
|
|
11
11
|
export class HlmSidebarMenuSub {
|
|
12
12
|
constructor() {
|
|
13
|
-
classes(() =>
|
|
14
|
-
'border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5',
|
|
15
|
-
'group-data-[collapsible=icon]:hidden',
|
|
16
|
-
]);
|
|
13
|
+
classes(() => 'spartan-sidebar-menu-sub flex min-w-0 flex-col');
|
|
17
14
|
}
|
|
18
15
|
}
|
|
@@ -19,8 +19,8 @@ export class HlmSidebarRail {
|
|
|
19
19
|
|
|
20
20
|
constructor() {
|
|
21
21
|
classes(() => [
|
|
22
|
-
'
|
|
23
|
-
'
|
|
22
|
+
'spartan-sidebar-rail absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2',
|
|
23
|
+
'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize',
|
|
24
24
|
'[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize',
|
|
25
25
|
'hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full',
|
|
26
26
|
'[[data-side=left][data-collapsible=offcanvas]_&]:-right-2',
|
|
@@ -1,37 +1,30 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
|
|
2
|
-
import { provideIcons } from '@ng-icons/core';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, inject, input } from '@angular/core';
|
|
2
|
+
import { NgIcon, provideIcons } from '@ng-icons/core';
|
|
3
3
|
import { lucidePanelLeft } from '@ng-icons/lucide';
|
|
4
4
|
import { HlmButton, provideBrnButtonConfig } from '<%- importAlias %>/button';
|
|
5
|
-
import { HlmIconImports } from '<%- importAlias %>/icon';
|
|
6
5
|
import { HlmSidebarService } from './hlm-sidebar.service';
|
|
7
6
|
|
|
8
7
|
@Component({
|
|
9
8
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
10
9
|
selector: 'button[hlmSidebarTrigger]',
|
|
11
|
-
imports: [
|
|
12
|
-
providers: [provideIcons({ lucidePanelLeft }), provideBrnButtonConfig({ variant: 'ghost', size: 'icon' })],
|
|
10
|
+
imports: [NgIcon],
|
|
11
|
+
providers: [provideIcons({ lucidePanelLeft }), provideBrnButtonConfig({ variant: 'ghost', size: 'icon-sm' })],
|
|
13
12
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
14
|
-
hostDirectives: [
|
|
15
|
-
{
|
|
16
|
-
directive: HlmButton,
|
|
17
|
-
},
|
|
18
|
-
],
|
|
13
|
+
hostDirectives: [{ directive: HlmButton, inputs: ['variant', 'size'] }],
|
|
19
14
|
host: {
|
|
20
15
|
'data-slot': 'sidebar-trigger',
|
|
21
16
|
'data-sidebar': 'trigger',
|
|
22
17
|
'(click)': '_onClick()',
|
|
23
18
|
},
|
|
24
19
|
template: `
|
|
25
|
-
<ng-icon
|
|
20
|
+
<ng-icon name="lucidePanelLeft" />
|
|
21
|
+
<span class="sr-only">{{ srOnlyText() }}</span>
|
|
26
22
|
`,
|
|
27
23
|
})
|
|
28
24
|
export class HlmSidebarTrigger {
|
|
29
|
-
private readonly _hlmBtn = inject(HlmButton);
|
|
30
25
|
private readonly _sidebarService = inject(HlmSidebarService);
|
|
31
26
|
|
|
32
|
-
|
|
33
|
-
this._hlmBtn.setClass('size-7');
|
|
34
|
-
}
|
|
27
|
+
public readonly srOnlyText = input('Toggle Sidebar');
|
|
35
28
|
|
|
36
29
|
protected _onClick(): void {
|
|
37
30
|
this._sidebarService.toggleSidebar();
|
|
@@ -17,6 +17,6 @@ export class HlmSidebarWrapper {
|
|
|
17
17
|
public readonly sidebarWidthIcon = input<string>(this._config.sidebarWidthIcon);
|
|
18
18
|
|
|
19
19
|
constructor() {
|
|
20
|
-
classes(() => 'group/sidebar-wrapper has-
|
|
20
|
+
classes(() => 'group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full');
|
|
21
21
|
}
|
|
22
22
|
}
|
|
@@ -35,7 +35,7 @@ import { injectHlmSidebarConfig } from './hlm-sidebar.token';
|
|
|
35
35
|
data-slot="sidebar"
|
|
36
36
|
data-sidebar="sidebar"
|
|
37
37
|
data-mobile="true"
|
|
38
|
-
class="bg-sidebar text-sidebar-foreground h-svh w-
|
|
38
|
+
class="bg-sidebar text-sidebar-foreground h-svh w-(--sidebar-width) p-0 [&>button]:hidden"
|
|
39
39
|
[style.--sidebar-width]="sidebarWidthMobile()"
|
|
40
40
|
>
|
|
41
41
|
<div class="flex h-full w-full flex-col">
|
|
@@ -46,12 +46,8 @@ import { injectHlmSidebarConfig } from './hlm-sidebar.token';
|
|
|
46
46
|
} @else {
|
|
47
47
|
<!-- Sidebar gap on desktop -->
|
|
48
48
|
<div data-slot="sidebar-gap" [class]="_sidebarGapComputedClass()"></div>
|
|
49
|
-
<div data-slot="sidebar-container" [class]="_sidebarContainerComputedClass()">
|
|
50
|
-
<div
|
|
51
|
-
data-sidebar="sidebar"
|
|
52
|
-
data-slot="sidebar-inner"
|
|
53
|
-
class="bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow"
|
|
54
|
-
>
|
|
49
|
+
<div data-slot="sidebar-container" [attr.data-side]="_dataSide()" [class]="_sidebarContainerComputedClass()">
|
|
50
|
+
<div data-sidebar="sidebar" data-slot="sidebar-inner" class="spartan-sidebar-inner flex size-full flex-col">
|
|
55
51
|
<ng-container *ngTemplateOutlet="contentContainer" />
|
|
56
52
|
</div>
|
|
57
53
|
</div>
|
|
@@ -69,25 +65,22 @@ export class HlmSidebar {
|
|
|
69
65
|
|
|
70
66
|
protected readonly _sidebarGapComputedClass = computed(() =>
|
|
71
67
|
hlm(
|
|
72
|
-
'relative w-
|
|
68
|
+
'spartan-sidebar-gap relative w-(--sidebar-width) bg-transparent',
|
|
73
69
|
'group-data-[collapsible=offcanvas]:w-0',
|
|
74
70
|
'group-data-[side=right]:rotate-180',
|
|
75
71
|
this.variant() === 'floating' || this.variant() === 'inset'
|
|
76
|
-
? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)
|
|
77
|
-
: 'group-data-[collapsible=icon]:w-
|
|
72
|
+
? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]'
|
|
73
|
+
: 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)',
|
|
78
74
|
),
|
|
79
75
|
);
|
|
80
76
|
|
|
81
77
|
public readonly sidebarContainerClass = input<ClassValue>('');
|
|
82
78
|
protected readonly _sidebarContainerComputedClass = computed(() =>
|
|
83
79
|
hlm(
|
|
84
|
-
'fixed inset-y-0 z-10 hidden h-svh w-
|
|
85
|
-
this.side() === 'left'
|
|
86
|
-
? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'
|
|
87
|
-
: 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',
|
|
80
|
+
'fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex',
|
|
88
81
|
this.variant() === 'floating' || this.variant() === 'inset'
|
|
89
|
-
? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)
|
|
90
|
-
: 'group-data-[collapsible=icon]:w-
|
|
82
|
+
? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]'
|
|
83
|
+
: 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l',
|
|
91
84
|
this.sidebarContainerClass(),
|
|
92
85
|
),
|
|
93
86
|
);
|
|
@@ -127,11 +120,11 @@ export class HlmSidebar {
|
|
|
127
120
|
|
|
128
121
|
classes(() => {
|
|
129
122
|
if (this.collapsible() === 'none') {
|
|
130
|
-
return hlm('bg-sidebar text-sidebar-foreground flex h-svh w-
|
|
123
|
+
return hlm('bg-sidebar text-sidebar-foreground flex h-svh w-(--sidebar-width) flex-col');
|
|
131
124
|
} else if (this._sidebarService.isMobile()) {
|
|
132
125
|
return '';
|
|
133
126
|
} else {
|
|
134
|
-
return hlm('text-sidebar-foreground
|
|
127
|
+
return hlm('group peer text-sidebar-foreground hidden md:block');
|
|
135
128
|
}
|
|
136
129
|
});
|
|
137
130
|
}
|
|
@@ -6,8 +6,9 @@ import { cva } from 'class-variance-authority';
|
|
|
6
6
|
export const DEFAULT_TOOLTIP_SVG_CLASS =
|
|
7
7
|
'bg-foreground fill-foreground z-50 block size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px]';
|
|
8
8
|
|
|
9
|
-
export const DEFAULT_TOOLTIP_CONTENT_CLASSES =
|
|
10
|
-
'spartan-tooltip-content bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) text-balance'
|
|
9
|
+
export const DEFAULT_TOOLTIP_CONTENT_CLASSES = hlm(
|
|
10
|
+
'spartan-tooltip-content bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) text-balance',
|
|
11
|
+
);
|
|
11
12
|
|
|
12
13
|
export const tooltipPositionVariants = cva('absolute', {
|
|
13
14
|
variants: {
|
|
@@ -1040,7 +1040,7 @@
|
|
|
1040
1040
|
}
|
|
1041
1041
|
|
|
1042
1042
|
.spartan-sidebar-inset {
|
|
1043
|
-
@apply bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:
|
|
1043
|
+
@apply bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ms-0 md:peer-data-[variant=inset]:rounded-2xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ms-2;
|
|
1044
1044
|
}
|
|
1045
1045
|
|
|
1046
1046
|
.spartan-sidebar-input {
|
|
@@ -1128,7 +1128,7 @@
|
|
|
1128
1128
|
}
|
|
1129
1129
|
|
|
1130
1130
|
.spartan-sidebar-menu-sub {
|
|
1131
|
-
@apply border-sidebar-border mx-3.5 translate-x-px gap-1 border-
|
|
1131
|
+
@apply border-sidebar-border mx-3.5 translate-x-px gap-1 border-s px-2.5 py-0.5 group-data-[collapsible=icon]:hidden rtl:-translate-x-px;
|
|
1132
1132
|
}
|
|
1133
1133
|
|
|
1134
1134
|
.spartan-sidebar-menu-sub-button {
|
|
@@ -1206,7 +1206,7 @@
|
|
|
1206
1206
|
}
|
|
1207
1207
|
|
|
1208
1208
|
.spartan-sheet-content {
|
|
1209
|
-
@apply bg-popover text-popover-foreground fixed
|
|
1209
|
+
@apply bg-popover text-popover-foreground fixed flex flex-col bg-clip-padding text-sm shadow-xl transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm;
|
|
1210
1210
|
}
|
|
1211
1211
|
|
|
1212
1212
|
.spartan-sheet-close {
|
|
@@ -1039,11 +1039,11 @@
|
|
|
1039
1039
|
|
|
1040
1040
|
/* MARK: Sheet */
|
|
1041
1041
|
.spartan-sheet-overlay {
|
|
1042
|
-
@apply
|
|
1042
|
+
@apply bg-black/10 text-xs/relaxed supports-backdrop-filter:backdrop-blur-xs;
|
|
1043
1043
|
}
|
|
1044
1044
|
|
|
1045
1045
|
.spartan-sheet-content {
|
|
1046
|
-
@apply bg-
|
|
1046
|
+
@apply bg-popover text-popover-foreground fixed flex flex-col bg-clip-padding text-xs/relaxed shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm;
|
|
1047
1047
|
}
|
|
1048
1048
|
|
|
1049
1049
|
.spartan-sheet-close {
|
|
@@ -1080,7 +1080,7 @@
|
|
|
1080
1080
|
}
|
|
1081
1081
|
|
|
1082
1082
|
.spartan-sidebar-inset {
|
|
1083
|
-
@apply bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:
|
|
1083
|
+
@apply bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ms-0 md:peer-data-[variant=inset]:rounded-none md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ms-2;
|
|
1084
1084
|
}
|
|
1085
1085
|
|
|
1086
1086
|
.spartan-sidebar-input {
|
|
@@ -1168,7 +1168,7 @@
|
|
|
1168
1168
|
}
|
|
1169
1169
|
|
|
1170
1170
|
.spartan-sidebar-menu-sub {
|
|
1171
|
-
@apply border-sidebar-border mx-3.5 translate-x-px gap-1 border-
|
|
1171
|
+
@apply border-sidebar-border mx-3.5 translate-x-px gap-1 border-s px-2.5 py-0.5 group-data-[collapsible=icon]:hidden rtl:-translate-x-px;
|
|
1172
1172
|
}
|
|
1173
1173
|
|
|
1174
1174
|
.spartan-sidebar-menu-sub-button {
|
|
@@ -1061,11 +1061,11 @@
|
|
|
1061
1061
|
|
|
1062
1062
|
/* MARK: Sheet */
|
|
1063
1063
|
.spartan-sheet-overlay {
|
|
1064
|
-
@apply
|
|
1064
|
+
@apply bg-black/80 supports-backdrop-filter:backdrop-blur-xs;
|
|
1065
1065
|
}
|
|
1066
1066
|
|
|
1067
1067
|
.spartan-sheet-content {
|
|
1068
|
-
@apply bg-
|
|
1068
|
+
@apply bg-popover text-popover-foreground fixed flex flex-col bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm;
|
|
1069
1069
|
}
|
|
1070
1070
|
|
|
1071
1071
|
.spartan-sheet-close {
|
|
@@ -1102,7 +1102,7 @@
|
|
|
1102
1102
|
}
|
|
1103
1103
|
|
|
1104
1104
|
.spartan-sidebar-inset {
|
|
1105
|
-
@apply bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:
|
|
1105
|
+
@apply bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ms-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ms-2;
|
|
1106
1106
|
}
|
|
1107
1107
|
|
|
1108
1108
|
.spartan-sidebar-input {
|
|
@@ -1138,7 +1138,7 @@
|
|
|
1138
1138
|
}
|
|
1139
1139
|
|
|
1140
1140
|
.spartan-sidebar-group-label {
|
|
1141
|
-
@apply text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md px-
|
|
1141
|
+
@apply text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md px-3 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>ng-icon]:text-[calc(var(--spacing)*4)];
|
|
1142
1142
|
}
|
|
1143
1143
|
|
|
1144
1144
|
.spartan-sidebar-group-action {
|
|
@@ -1190,7 +1190,7 @@
|
|
|
1190
1190
|
}
|
|
1191
1191
|
|
|
1192
1192
|
.spartan-sidebar-menu-sub {
|
|
1193
|
-
@apply border-sidebar-border mx-3.5 translate-x-px gap-1 border-
|
|
1193
|
+
@apply border-sidebar-border mx-3.5 translate-x-px gap-1 border-s px-2.5 py-0.5 group-data-[collapsible=icon]:hidden rtl:-translate-x-px;
|
|
1194
1194
|
}
|
|
1195
1195
|
|
|
1196
1196
|
.spartan-sidebar-menu-sub-button {
|
|
@@ -1061,11 +1061,11 @@
|
|
|
1061
1061
|
|
|
1062
1062
|
/* MARK: Sheet */
|
|
1063
1063
|
.spartan-sheet-overlay {
|
|
1064
|
-
@apply
|
|
1064
|
+
@apply bg-black/80 supports-backdrop-filter:backdrop-blur-xs;
|
|
1065
1065
|
}
|
|
1066
1066
|
|
|
1067
1067
|
.spartan-sheet-content {
|
|
1068
|
-
@apply bg-
|
|
1068
|
+
@apply bg-popover text-popover-foreground fixed flex flex-col bg-clip-padding text-xs/relaxed shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm;
|
|
1069
1069
|
}
|
|
1070
1070
|
|
|
1071
1071
|
.spartan-sheet-close {
|
|
@@ -1088,8 +1088,6 @@
|
|
|
1088
1088
|
@apply text-muted-foreground text-xs/relaxed;
|
|
1089
1089
|
}
|
|
1090
1090
|
|
|
1091
|
-
/* MARK: Sidebar */
|
|
1092
|
-
|
|
1093
1091
|
/* MARK: Sidebar */
|
|
1094
1092
|
.spartan-sidebar-gap {
|
|
1095
1093
|
@apply transition-[width] duration-200 ease-linear;
|
|
@@ -1104,7 +1102,7 @@
|
|
|
1104
1102
|
}
|
|
1105
1103
|
|
|
1106
1104
|
.spartan-sidebar-inset {
|
|
1107
|
-
@apply bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:
|
|
1105
|
+
@apply bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ms-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ms-2;
|
|
1108
1106
|
}
|
|
1109
1107
|
|
|
1110
1108
|
.spartan-sidebar-input {
|
|
@@ -1192,7 +1190,7 @@
|
|
|
1192
1190
|
}
|
|
1193
1191
|
|
|
1194
1192
|
.spartan-sidebar-menu-sub {
|
|
1195
|
-
@apply border-sidebar-border mx-3.5 translate-x-px gap-1 border-
|
|
1193
|
+
@apply border-sidebar-border mx-3.5 translate-x-px gap-1 border-s px-2.5 py-0.5 group-data-[collapsible=icon]:hidden rtl:-translate-x-px;
|
|
1196
1194
|
}
|
|
1197
1195
|
|
|
1198
1196
|
.spartan-sidebar-menu-sub-button {
|
|
@@ -1061,11 +1061,11 @@
|
|
|
1061
1061
|
|
|
1062
1062
|
/* MARK: Sheet */
|
|
1063
1063
|
.spartan-sheet-overlay {
|
|
1064
|
-
@apply
|
|
1064
|
+
@apply bg-black/10 supports-backdrop-filter:backdrop-blur-xs;
|
|
1065
1065
|
}
|
|
1066
1066
|
|
|
1067
1067
|
.spartan-sheet-content {
|
|
1068
|
-
@apply bg-
|
|
1068
|
+
@apply bg-popover text-popover-foreground fixed flex flex-col gap-4 bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm;
|
|
1069
1069
|
}
|
|
1070
1070
|
|
|
1071
1071
|
.spartan-sheet-close {
|
|
@@ -1102,7 +1102,7 @@
|
|
|
1102
1102
|
}
|
|
1103
1103
|
|
|
1104
1104
|
.spartan-sidebar-inset {
|
|
1105
|
-
@apply bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:
|
|
1105
|
+
@apply bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ms-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ms-2;
|
|
1106
1106
|
}
|
|
1107
1107
|
|
|
1108
1108
|
.spartan-sidebar-input {
|
|
@@ -1190,7 +1190,7 @@
|
|
|
1190
1190
|
}
|
|
1191
1191
|
|
|
1192
1192
|
.spartan-sidebar-menu-sub {
|
|
1193
|
-
@apply border-sidebar-border mx-3.5 translate-x-px gap-1 border-
|
|
1193
|
+
@apply border-sidebar-border mx-3.5 translate-x-px gap-1 border-s px-2.5 py-0.5 group-data-[collapsible=icon]:hidden rtl:-translate-x-px;
|
|
1194
1194
|
}
|
|
1195
1195
|
|
|
1196
1196
|
.spartan-sidebar-menu-sub-button {
|
|
@@ -1057,11 +1057,11 @@
|
|
|
1057
1057
|
|
|
1058
1058
|
/* MARK: Sheet */
|
|
1059
1059
|
&.spartan-sheet-overlay {
|
|
1060
|
-
@apply
|
|
1060
|
+
@apply bg-black/10 supports-backdrop-filter:backdrop-blur-xs;
|
|
1061
1061
|
}
|
|
1062
1062
|
|
|
1063
1063
|
&.spartan-sheet-content {
|
|
1064
|
-
@apply bg-
|
|
1064
|
+
@apply bg-popover text-popover-foreground fixed flex flex-col gap-4 bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm;
|
|
1065
1065
|
}
|
|
1066
1066
|
|
|
1067
1067
|
&.spartan-sheet-close {
|
|
@@ -1098,7 +1098,7 @@
|
|
|
1098
1098
|
}
|
|
1099
1099
|
|
|
1100
1100
|
&.spartan-sidebar-inset {
|
|
1101
|
-
@apply bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:
|
|
1101
|
+
@apply bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ms-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ms-2;
|
|
1102
1102
|
}
|
|
1103
1103
|
|
|
1104
1104
|
&.spartan-sidebar-input {
|
|
@@ -1142,7 +1142,7 @@
|
|
|
1142
1142
|
}
|
|
1143
1143
|
|
|
1144
1144
|
&.spartan-sidebar-menu-button {
|
|
1145
|
-
@apply ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-md p-2 text-start text-sm transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:
|
|
1145
|
+
@apply ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-md p-2 text-start text-sm transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pe-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium;
|
|
1146
1146
|
}
|
|
1147
1147
|
|
|
1148
1148
|
&.spartan-sidebar-menu-button-variant-default {
|
|
@@ -1186,7 +1186,7 @@
|
|
|
1186
1186
|
}
|
|
1187
1187
|
|
|
1188
1188
|
&.spartan-sidebar-menu-sub {
|
|
1189
|
-
@apply border-sidebar-border mx-3.5 translate-x-px gap-1 border-
|
|
1189
|
+
@apply border-sidebar-border mx-3.5 translate-x-px gap-1 border-s px-2.5 py-0.5 group-data-[collapsible=icon]:hidden rtl:-translate-x-px;
|
|
1190
1190
|
}
|
|
1191
1191
|
|
|
1192
1192
|
&.spartan-sidebar-menu-sub-button {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"name": "accordion",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
6
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
6
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
7
7
|
"@ng-icons/core": ">=32.0.0 <34.0.0",
|
|
8
8
|
"@ng-icons/lucide": ">=32.0.0 <34.0.0",
|
|
9
9
|
"clsx": "^2.1.1"
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"name": "alert-dialog",
|
|
21
21
|
"peerDependencies": {
|
|
22
22
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
23
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
23
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
24
24
|
"clsx": "^2.1.1"
|
|
25
25
|
}
|
|
26
26
|
},
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
38
38
|
"@angular/forms": ">=21.0.0 <23.0.0",
|
|
39
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
39
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
40
40
|
"@angular/cdk": ">=21.0.0 <23.0.0",
|
|
41
41
|
"@ng-icons/core": ">=32.0.0 <34.0.0",
|
|
42
42
|
"@ng-icons/lucide": ">=32.0.0 <34.0.0"
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"name": "avatar",
|
|
47
47
|
"peerDependencies": {
|
|
48
48
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
49
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
49
|
+
"@spartan-ng/brain": "0.0.1-alpha.712"
|
|
50
50
|
}
|
|
51
51
|
},
|
|
52
52
|
"badge": {
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
"name": "button",
|
|
71
71
|
"peerDependencies": {
|
|
72
72
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
73
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
73
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
74
74
|
"class-variance-authority": "^0.7.0",
|
|
75
75
|
"clsx": "^2.1.1"
|
|
76
76
|
}
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"name": "button-group",
|
|
80
80
|
"peerDependencies": {
|
|
81
81
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
82
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
82
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
83
83
|
"class-variance-authority": "^0.7.0"
|
|
84
84
|
}
|
|
85
85
|
},
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
92
92
|
"@ng-icons/core": ">=32.0.0 <34.0.0",
|
|
93
93
|
"@ng-icons/lucide": ">=32.0.0 <34.0.0",
|
|
94
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
94
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
95
95
|
"clsx": "^2.1.1"
|
|
96
96
|
}
|
|
97
97
|
},
|
|
@@ -121,7 +121,7 @@
|
|
|
121
121
|
"@angular/cdk": ">=21.0.0 <23.0.0",
|
|
122
122
|
"@ng-icons/core": ">=32.0.0 <34.0.0",
|
|
123
123
|
"@ng-icons/lucide": ">=32.0.0 <34.0.0",
|
|
124
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
124
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
125
125
|
"clsx": "^2.1.1"
|
|
126
126
|
}
|
|
127
127
|
},
|
|
@@ -129,7 +129,7 @@
|
|
|
129
129
|
"name": "collapsible",
|
|
130
130
|
"peerDependencies": {
|
|
131
131
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
132
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
132
|
+
"@spartan-ng/brain": "0.0.1-alpha.712"
|
|
133
133
|
}
|
|
134
134
|
},
|
|
135
135
|
"combobox": {
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
"peerDependencies": {
|
|
138
138
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
139
139
|
"@angular/forms": ">=21.0.0 <23.0.0",
|
|
140
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
140
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
141
141
|
"@angular/cdk": ">=21.0.0 <23.0.0",
|
|
142
142
|
"@ng-icons/core": ">=32.0.0 <34.0.0",
|
|
143
143
|
"@ng-icons/lucide": ">=32.0.0 <34.0.0",
|
|
@@ -149,7 +149,7 @@
|
|
|
149
149
|
"peerDependencies": {
|
|
150
150
|
"@angular/cdk": ">=21.0.0 <23.0.0",
|
|
151
151
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
152
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
152
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
153
153
|
"clsx": "^2.1.1",
|
|
154
154
|
"@ng-icons/core": ">=32.0.0 <34.0.0",
|
|
155
155
|
"@ng-icons/lucide": ">=32.0.0 <34.0.0"
|
|
@@ -159,7 +159,7 @@
|
|
|
159
159
|
"name": "context-menu",
|
|
160
160
|
"peerDependencies": {
|
|
161
161
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
162
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
162
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
163
163
|
"@angular/cdk": ">=21.0.0 <23.0.0",
|
|
164
164
|
"rxjs": "^7.8.0"
|
|
165
165
|
}
|
|
@@ -169,7 +169,7 @@
|
|
|
169
169
|
"peerDependencies": {
|
|
170
170
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
171
171
|
"@angular/forms": ">=21.0.0 <23.0.0",
|
|
172
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
172
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
173
173
|
"@angular/cdk": ">=21.0.0 <23.0.0",
|
|
174
174
|
"@ng-icons/core": ">=32.0.0 <34.0.0",
|
|
175
175
|
"@ng-icons/lucide": ">=32.0.0 <34.0.0",
|
|
@@ -180,7 +180,7 @@
|
|
|
180
180
|
"name": "dialog",
|
|
181
181
|
"peerDependencies": {
|
|
182
182
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
183
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
183
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
184
184
|
"@angular/cdk": ">=21.0.0 <23.0.0",
|
|
185
185
|
"@angular/common": ">=21.0.0 <23.0.0",
|
|
186
186
|
"@ng-icons/core": ">=32.0.0 <34.0.0",
|
|
@@ -196,7 +196,7 @@
|
|
|
196
196
|
"@ng-icons/lucide": ">=32.0.0 <34.0.0",
|
|
197
197
|
"@angular/cdk": ">=21.0.0 <23.0.0",
|
|
198
198
|
"rxjs": "^7.8.0",
|
|
199
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
199
|
+
"@spartan-ng/brain": "0.0.1-alpha.712"
|
|
200
200
|
}
|
|
201
201
|
},
|
|
202
202
|
"empty": {
|
|
@@ -210,7 +210,7 @@
|
|
|
210
210
|
"name": "field",
|
|
211
211
|
"peerDependencies": {
|
|
212
212
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
213
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
213
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
214
214
|
"@angular/cdk": ">=21.0.0 <23.0.0",
|
|
215
215
|
"class-variance-authority": "^0.7.0"
|
|
216
216
|
}
|
|
@@ -219,7 +219,7 @@
|
|
|
219
219
|
"name": "hover-card",
|
|
220
220
|
"peerDependencies": {
|
|
221
221
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
222
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
222
|
+
"@spartan-ng/brain": "0.0.1-alpha.712"
|
|
223
223
|
}
|
|
224
224
|
},
|
|
225
225
|
"icon": {
|
|
@@ -235,7 +235,7 @@
|
|
|
235
235
|
"peerDependencies": {
|
|
236
236
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
237
237
|
"@angular/forms": ">=21.0.0 <23.0.0",
|
|
238
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
238
|
+
"@spartan-ng/brain": "0.0.1-alpha.712"
|
|
239
239
|
}
|
|
240
240
|
},
|
|
241
241
|
"input-group": {
|
|
@@ -252,7 +252,7 @@
|
|
|
252
252
|
"@ng-icons/core": ">=32.0.0 <34.0.0",
|
|
253
253
|
"@ng-icons/lucide": ">=32.0.0 <34.0.0",
|
|
254
254
|
"@angular/cdk": ">=21.0.0 <23.0.0",
|
|
255
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
255
|
+
"@spartan-ng/brain": "0.0.1-alpha.712"
|
|
256
256
|
}
|
|
257
257
|
},
|
|
258
258
|
"item": {
|
|
@@ -260,7 +260,7 @@
|
|
|
260
260
|
"peerDependencies": {
|
|
261
261
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
262
262
|
"class-variance-authority": "^0.7.0",
|
|
263
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
263
|
+
"@spartan-ng/brain": "0.0.1-alpha.712"
|
|
264
264
|
}
|
|
265
265
|
},
|
|
266
266
|
"kbd": {
|
|
@@ -273,14 +273,14 @@
|
|
|
273
273
|
"name": "label",
|
|
274
274
|
"peerDependencies": {
|
|
275
275
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
276
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
276
|
+
"@spartan-ng/brain": "0.0.1-alpha.712"
|
|
277
277
|
}
|
|
278
278
|
},
|
|
279
279
|
"menubar": {
|
|
280
280
|
"name": "menubar",
|
|
281
281
|
"peerDependencies": {
|
|
282
282
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
283
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
283
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
284
284
|
"@angular/cdk": ">=21.0.0 <23.0.0",
|
|
285
285
|
"rxjs": "^7.8.0"
|
|
286
286
|
}
|
|
@@ -293,7 +293,7 @@
|
|
|
293
293
|
"@angular/forms": ">=21.0.0 <23.0.0",
|
|
294
294
|
"@ng-icons/core": ">=32.0.0 <34.0.0",
|
|
295
295
|
"@ng-icons/lucide": ">=32.0.0 <34.0.0",
|
|
296
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
296
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
297
297
|
"clsx": "^2.1.1"
|
|
298
298
|
}
|
|
299
299
|
},
|
|
@@ -301,7 +301,7 @@
|
|
|
301
301
|
"name": "navigation-menu",
|
|
302
302
|
"peerDependencies": {
|
|
303
303
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
304
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
304
|
+
"@spartan-ng/brain": "0.0.1-alpha.712"
|
|
305
305
|
}
|
|
306
306
|
},
|
|
307
307
|
"pagination": {
|
|
@@ -319,7 +319,7 @@
|
|
|
319
319
|
"name": "popover",
|
|
320
320
|
"peerDependencies": {
|
|
321
321
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
322
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
322
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
323
323
|
"@angular/cdk": ">=21.0.0 <23.0.0"
|
|
324
324
|
}
|
|
325
325
|
},
|
|
@@ -328,7 +328,7 @@
|
|
|
328
328
|
"peerDependencies": {
|
|
329
329
|
"@angular/cdk": ">=21.0.0 <23.0.0",
|
|
330
330
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
331
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
331
|
+
"@spartan-ng/brain": "0.0.1-alpha.712"
|
|
332
332
|
}
|
|
333
333
|
},
|
|
334
334
|
"radio-group": {
|
|
@@ -336,7 +336,7 @@
|
|
|
336
336
|
"peerDependencies": {
|
|
337
337
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
338
338
|
"@angular/forms": ">=21.0.0 <23.0.0",
|
|
339
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
339
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
340
340
|
"clsx": "^2.1.1",
|
|
341
341
|
"@angular/cdk": ">=21.0.0 <23.0.0",
|
|
342
342
|
"@angular/common": ">=21.0.0 <23.0.0"
|
|
@@ -346,7 +346,7 @@
|
|
|
346
346
|
"name": "resizable",
|
|
347
347
|
"peerDependencies": {
|
|
348
348
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
349
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
349
|
+
"@spartan-ng/brain": "0.0.1-alpha.712"
|
|
350
350
|
}
|
|
351
351
|
},
|
|
352
352
|
"scroll-area": {
|
|
@@ -362,7 +362,7 @@
|
|
|
362
362
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
363
363
|
"@angular/forms": ">=21.0.0 <23.0.0",
|
|
364
364
|
"@angular/cdk": ">=21.0.0 <23.0.0",
|
|
365
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
365
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
366
366
|
"@ng-icons/core": ">=32.0.0 <34.0.0",
|
|
367
367
|
"@ng-icons/lucide": ">=32.0.0 <34.0.0",
|
|
368
368
|
"clsx": "^2.1.1"
|
|
@@ -372,18 +372,17 @@
|
|
|
372
372
|
"name": "separator",
|
|
373
373
|
"peerDependencies": {
|
|
374
374
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
375
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
375
|
+
"@spartan-ng/brain": "0.0.1-alpha.712"
|
|
376
376
|
}
|
|
377
377
|
},
|
|
378
378
|
"sheet": {
|
|
379
379
|
"name": "sheet",
|
|
380
380
|
"peerDependencies": {
|
|
381
381
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
382
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
382
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
383
383
|
"@angular/cdk": ">=21.0.0 <23.0.0",
|
|
384
384
|
"@ng-icons/core": ">=32.0.0 <34.0.0",
|
|
385
385
|
"@ng-icons/lucide": ">=32.0.0 <34.0.0",
|
|
386
|
-
"class-variance-authority": "^0.7.0",
|
|
387
386
|
"clsx": "^2.1.1"
|
|
388
387
|
}
|
|
389
388
|
},
|
|
@@ -392,7 +391,7 @@
|
|
|
392
391
|
"peerDependencies": {
|
|
393
392
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
394
393
|
"@angular/cdk": ">=21.0.0 <23.0.0",
|
|
395
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
394
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
396
395
|
"class-variance-authority": "^0.7.0",
|
|
397
396
|
"@ng-icons/core": ">=32.0.0 <34.0.0",
|
|
398
397
|
"@ng-icons/lucide": ">=32.0.0 <34.0.0",
|
|
@@ -411,7 +410,7 @@
|
|
|
411
410
|
"peerDependencies": {
|
|
412
411
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
413
412
|
"@angular/forms": ">=21.0.0 <23.0.0",
|
|
414
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
413
|
+
"@spartan-ng/brain": "0.0.1-alpha.712"
|
|
415
414
|
}
|
|
416
415
|
},
|
|
417
416
|
"sonner": {
|
|
@@ -421,7 +420,7 @@
|
|
|
421
420
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
422
421
|
"@ng-icons/core": ">=32.0.0 <34.0.0",
|
|
423
422
|
"@ng-icons/lucide": ">=32.0.0 <34.0.0",
|
|
424
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
423
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
425
424
|
"clsx": "^2.1.1"
|
|
426
425
|
}
|
|
427
426
|
},
|
|
@@ -439,7 +438,7 @@
|
|
|
439
438
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
440
439
|
"@angular/cdk": ">=21.0.0 <23.0.0",
|
|
441
440
|
"@angular/forms": ">=21.0.0 <23.0.0",
|
|
442
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
441
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
443
442
|
"clsx": "^2.1.1"
|
|
444
443
|
}
|
|
445
444
|
},
|
|
@@ -453,7 +452,7 @@
|
|
|
453
452
|
"name": "tabs",
|
|
454
453
|
"peerDependencies": {
|
|
455
454
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
456
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
455
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
457
456
|
"class-variance-authority": "^0.7.0",
|
|
458
457
|
"@angular/cdk": ">=21.0.0 <23.0.0",
|
|
459
458
|
"@ng-icons/core": ">=32.0.0 <34.0.0",
|
|
@@ -467,14 +466,14 @@
|
|
|
467
466
|
"peerDependencies": {
|
|
468
467
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
469
468
|
"@angular/forms": ">=21.0.0 <23.0.0",
|
|
470
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
469
|
+
"@spartan-ng/brain": "0.0.1-alpha.712"
|
|
471
470
|
}
|
|
472
471
|
},
|
|
473
472
|
"toggle": {
|
|
474
473
|
"name": "toggle",
|
|
475
474
|
"peerDependencies": {
|
|
476
475
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
477
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
476
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
478
477
|
"class-variance-authority": "^0.7.0"
|
|
479
478
|
}
|
|
480
479
|
},
|
|
@@ -482,7 +481,7 @@
|
|
|
482
481
|
"name": "toggle-group",
|
|
483
482
|
"peerDependencies": {
|
|
484
483
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
485
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
484
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
486
485
|
"@angular/cdk": ">=21.0.0 <23.0.0"
|
|
487
486
|
}
|
|
488
487
|
},
|
|
@@ -490,7 +489,7 @@
|
|
|
490
489
|
"name": "tooltip",
|
|
491
490
|
"peerDependencies": {
|
|
492
491
|
"@angular/core": ">=21.0.0 <23.0.0",
|
|
493
|
-
"@spartan-ng/brain": "0.0.1-alpha.
|
|
492
|
+
"@spartan-ng/brain": "0.0.1-alpha.712",
|
|
494
493
|
"class-variance-authority": "^0.7.0"
|
|
495
494
|
}
|
|
496
495
|
},
|