@lenne.tech/ng-base 18.1.3 → 22.0.0

package/ui/styles/components/lt-page-card.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/lt/page-card.ts — do not edit. */
+@import './card.css';
+@source inline("../helm/card ./control ./page-card.html @angular/core @ng-icons/core Passwort [ltPageCardFooter] bg-primary/10 flex flex-col font-semibold gap-2 h1 icon items-center justify-center justify-items-center level lt-page-card lucideLock max-w-md mb-2 ng-icon page-card-title px-4 py-10 rounded-full section size-12 sm:py-16 text-2xl text-center text-muted-foreground text-pretty text-primary text-sm text-xl vergessen? w-full");

package/ui/styles/components/lt-page-title.css

@@ -0,0 +1,2 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/lt/page-title.ts — do not edit. */
+@source inline("./page-title.html @angular/core [ltPageTitleActions] block flex flex-col flex-wrap font-semibold gap-1 gap-2 gap-x-4 gap-y-3 h1 items-center items-start justify-between lt-page-title min-w-0 text-2xl text-balance text-foreground text-lg text-muted-foreground text-pretty text-sm text-xl tracking-tight");

package/ui/styles/components/lt-password-input.css

@@ -0,0 +1,4 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/lt/password-input.ts — do not edit. */
+@import './button.css';
+@import './input-group.css';
+@source inline("../helm/button ../helm/input-group ./control ./i18n ./password-input.html @angular/core @angular/forms/signals @ng-icons/core @ng-icons/lucide FormValueControl<string> [attr.id] [formField] aria-describedby aria-invalid autocomplete block control current-password for id invalid lt-form-field lt-password-input lt.ui.hidePassword lt.ui.showPassword lucideEye lucideEyeOff new-password null password password-input shadow-none text true");

package/ui/styles/components/lt-readonly-field.css

@@ -0,0 +1,2 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/lt/readonly-field.ts — do not edit. */
+@source inline("./i18n ./readonly-field.html @angular/core Intl.NumberFormat block break-words dl flex flex-col font-medium font-normal gap-1 lt-readonly-field number numberFormat text-foreground text-muted-foreground text-sm");

package/ui/styles/components/lt-select.css

@@ -0,0 +1,4 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/lt/select.ts — do not edit. */
+@import './combobox.css';
+@import './select.css';
+@source inline("(focusout) ../helm/combobox ../helm/select ./control ./i18n ./select.html @angular/core @angular/forms/signals FormValueControl<V Object.is [(value)] [attr.id] [formField] aria-describedby aria-invalid block compareWith for id invalid label lt-form-field lt-select lt.ui.noResults lt.ui.searchPlaceholder lt.ui.selectPlaceholder lt.ui.toggleOptions null null> searchable select sr-only w-full");

package/ui/styles/components/lt-text-field.css

@@ -0,0 +1,5 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/lt/text-field.ts — do not edit. */
+@import './input.css';
+@import './input-group.css';
+@import './lt-form-field.css';
+@source inline("(enter) ../helm/input ../helm/input-group ./control ./form-field ./text-field.html <lt-text-field @angular/core @angular/forms/signals FormValueControl<string> [(value)] [attr.id] [formField] [invalid] aria-describedby aria-invalid autocomplete block control disabled email errors for hlmInput id invalid kg lt-form-field lt-text-field maxLength maxlength minLength minlength mm name null number off readonly required search tel text text-field touched true url");

package/ui/styles/components/lt-toolbar-item.css

@@ -0,0 +1,2 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/lt/toolbar-item.ts — do not edit. */
+@source inline("@angular/cdk/a11y @angular/core FocusKeyManager [ltToolbarItem] aria-disabled disabled true");

package/ui/styles/components/lt-toolbar.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/lt/toolbar.ts — do not edit. */
+@import './lt-toolbar-item.css';
+@source inline("(focusin) (keydown) ./i18n ./toolbar-item @angular/cdk/a11y @angular/cdk/bidi @angular/core Aktionen [attr.aria-label] [attr.aria-orientation] [ltToolbar] aria-label aria-labelledby ariaLabel() button checkbox color file horizontal image label lt.ui.toolbar ltToolbarItem ltr orientation() radio range reset submit tabindex toolbar vertical");

package/ui/styles/components/lt-tus-upload-component.css

@@ -0,0 +1,5 @@
+/* Generated by scripts/generate-ui-sources.mjs from files/ui/src/lib/tus-upload-component.ts — do not edit. */
+@import './button.css';
+@import './progress.css';
+@import './utils.css';
+@source inline("-name ./i18n ./tus-upload-component.html .png /ui 5s @angular/core @lenne.tech/ng-base/files @lenne.tech/ng-base/ui @ng-icons/core @ng-icons/lucide MB/s TusFileUpload.vue X-File-Id [attr.data-disabled] accept application/pdf bg-background block border border-2 border-border border-dashed change completed copy data-[disabled=true]:opacity-50 data-[dragging=true]:bg-primary/5 data-[dragging=true]:border-primary disabled() error file fileId flex flex-1 flex-col flex-wrap font-medium gap-0.5 gap-1 gap-2 gap-3 gap-x-2 idle image/* injectLtTusUpload() items-center justify-center lt-tus-upload lt.files.cancel lt.files.completed lt.files.dropzone lt.files.dropzoneSingle lt.files.failed lt.files.files lt.files.invalidType lt.files.maxFileSize lt.files.pause lt.files.paused lt.files.remaining lt.files.remove lt.files.resume lt.files.retry lt.files.select lt.files.selectSingle lt.files.start lt.files.tooLarge lt.files.tooMany lt.files.uploading lt.files.waiting maxFileSize maxFiles min-w-0 mt-1 multiple noch none null p-3 p-6 paused provideLtFiles() rounded-lg shrink-0 sr-only text-2xl text-center text-error text-muted-foreground text-sm text-xl text-xs transition-colors true truncate uploading");

package/ui/styles/components/marker.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/marker/index.ts — do not edit. */
+@import './utils.css';
+@source inline("*:[a]:hover:text-foreground *:[a]:underline *:[a]:underline-offset-3 ../../utils ./lib/hlm-marker ./lib/hlm-marker-content ./lib/hlm-marker-icon @angular/core [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] [a]:hover:text-foreground [a]:underline [a]:underline-offset-3 [attr.data-variant] [hlmMarkerContent],hlm-marker-content [hlmMarkerIcon],hlm-marker-icon [hlmMarker],hlm-marker after:bg-border after:flex-1 after:h-px after:min-w-0 after:ms-1.5 aria-hidden before:bg-border before:flex-1 before:h-px before:me-1.5 before:min-w-0 border-b border-border class-variance-authority data-slot default flex gap-2.5 group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center group/marker hlmMarker hlmMarkerContent hlmMarkerIcon items-center marker marker-content marker-icon min-h-4 min-w-0 pb-2.5 relative shrink-0 size-4 text-muted-foreground text-sm text-start true variant variant() w-full wrap-break-word");

package/ui/styles/components/menubar.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/menubar/index.ts — do not edit. */
+@import './utils.css';
+@source inline("../../utils ./hlm-menubar-token ./lib/hlm-menubar ./lib/hlm-menubar-token ./lib/hlm-menubar-trigger @angular/cdk/coercion @angular/cdk/menu @angular/core @spartan-ng/brain/core HlmMenubarConfig [attr.data-disabled] [disabled] [hlmMenubar],hlm-menubar aria-expanded:bg-muted bg-background border bottom button[hlmMenubarTrigger] cdkMenuClosed: cdkMenuItemDisabled: cdkMenuOpened: cdkMenuTriggerData: cdkMenuTriggerFor: data-disabled:opacity-50 data-disabled:pointer-events-none data-slot disabled disabled() flex font-medium gap-1 h-9 hlmDropdownMenuClosed hlmDropdownMenuOpened hlmMenubar hlmMenubarTrigger hlmMenubarTriggerData hover:bg-muted items-center menubar menubar-trigger null outline-hidden p-1 px-2 py-1 rounded-md rounded-sm select-none shadow-xs start text-sm");

package/ui/styles/components/message-scroller.css

@@ -0,0 +1,4 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/message-scroller/index.ts — do not edit. */
+@import './button.css';
+@import './utils.css';
+@source inline("-translate-x-1/2 ../../button ../../utils ./lib/hlm-message-scroller ./lib/hlm-message-scroller-button ./lib/hlm-message-scroller-content ./lib/hlm-message-scroller-item ./lib/hlm-message-scroller-provider ./lib/hlm-message-scroller-viewport <ng-icon <span @angular/core @ng-icons/core @ng-icons/lucide @spartan-ng/brain/message-scroller [contain-intrinsic-size:auto_10rem] [content-visibility:auto] [hlmMessageScrollerContent],hlm-message-scroller-content [hlmMessageScrollerItem],hlm-message-scroller-item [hlmMessageScrollerProvider] [hlmMessageScrollerViewport],hlm-message-scroller-viewport [hlmMessageScroller],hlm-message-scroller _brn.resolvedAriaLabel() absolute aria-label aria-relevant autoScroll behavior bg-background border-border button[hlmMessageScrollerButton] contain-content contents data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=false]:opacity-0 data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[active=true]:opacity-100 data-[active=true]:scale-100 data-[active=true]:translate-y-0 data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:[&_ng-icon]:rotate-180 data-[direction=start]:data-[active=false]:-translate-y-full data-[direction=start]:top-4 data-autoscrolling:scrollbar-thumb-transparent data-autoscrolling:scrollbar-track-transparent data-slot defaultScrollPosition direction display: duration-200 flex flex-col gap-8 group/message-scroller h-max hlmMessageScroller hlmMessageScrollerButton hlmMessageScrollerContent hlmMessageScrollerItem hlmMessageScrollerProvider hlmMessageScrollerViewport hover:bg-muted hover:text-foreground icon-sm inset-s-1/2 message-scroller message-scroller-button message-scroller-content message-scroller-item message-scroller-viewport messageId min-h-0 min-h-full min-w-0 overflow-hidden overflow-y-auto overscroll-contain preserveScrollOnPrepend relative rtl:translate-x-1/2 scroll-fade-b scrollAnchor scrollEdgeThreshold scrollMargin scrollPreviousItemPeek scrollbar-gutter-stable scrollbar-thin secondary shrink-0 size size-full spacerClassName tabindex text-foreground transition-[translate,scale,opacity] variant");

package/ui/styles/components/message.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/message/index.ts — do not edit. */
+@import './utils.css';
+@source inline("../../utils ./lib/hlm-message ./lib/hlm-message-avatar ./lib/hlm-message-content ./lib/hlm-message-footer ./lib/hlm-message-group ./lib/hlm-message-header @angular/core [attr.align] [attr.data-align] [hlmMessageAvatar],hlm-message-avatar [hlmMessageContent],hlm-message-content [hlmMessageFooter],hlm-message-footer [hlmMessageGroup],hlm-message-group [hlmMessageHeader],hlm-message-header [hlmMessage],hlm-message align align() bg-muted data-[align=end]:flex-row-reverse data-slot end flex flex-col font-medium gap-2.5 gap-3 group-data-[align=end]/message:*:data-slot:self-end group-data-[align=end]/message:justify-end group-has-data-[slot=message-footer]/message:-translate-y-8 group-has-data-[variant=ghost]/message:px-0 group/message hlmMessage hlmMessageAvatar hlmMessageContent hlmMessageFooter hlmMessageGroup hlmMessageHeader items-center justify-center max-w-full message message-avatar message-content message-footer message-group message-header min-w-0 min-w-9 null overflow-hidden px-3.5 relative rounded-full self-end shrink-0 start text-muted-foreground text-sm text-xs w-fit w-full wrap-break-word");

package/ui/styles/components/native-select.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/native-select/index.ts — do not edit. */
+@import './utils.css';
+@source inline("'true' -translate-y-1/2 ../../utils ./lib/hlm-native-select ./lib/hlm-native-select-opt-group ./lib/hlm-native-select-option </select> <ng-content <ng-icon <select @angular/cdk/coercion @angular/core @angular/forms @ng-icons/core @ng-icons/lucide @spartan-ng/brain/field @spartan-ng/brain/forms [attr.data-size] absolute appearance-none aria-invalid bg-[Canvas] bg-transparent border border-input clsx dark:bg-input/30 dark:data-[matches-spartan-invalid=true]:border-destructive/50 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 dark:hover:bg-input/50 data-[matches-spartan-invalid=true]:border-destructive data-[matches-spartan-invalid=true]:ring-3 data-[matches-spartan-invalid=true]:ring-destructive/20 data-[size=sm]:h-8 data-slot default disabled:cursor-not-allowed disabled:pointer-events-none end-2.5 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 group/native-select h-9 has-[select:disabled]:opacity-50 hlm-native-select hlmNativeSelect hlmNativeSelectOptGroup hlmNativeSelectOption min-w-0 native-select-optgroup native-select-option native-select-wrapper optgroup[hlmNativeSelectOptGroup] option[hlmNativeSelectOption] outline-none pe-8 placeholder:text-muted-foreground pointer-events-none ps-2.5 py-1 relative rounded-md select-none selection:bg-primary selection:text-primary-foreground shadow-xs size() sm text-[CanvasText] text-[length:--spacing(4)] text-muted-foreground text-sm top-1/2 transition-[color,box-shadow] value w-fit w-full");

package/ui/styles/components/navigation-menu.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/navigation-menu/index.ts — do not edit. */
+@import './utils.css';
+@source inline("../../utils ./lib/hlm-navigation-menu ./lib/hlm-navigation-menu-content ./lib/hlm-navigation-menu-item ./lib/hlm-navigation-menu-link ./lib/hlm-navigation-menu-list ./lib/hlm-navigation-menu-portal ./lib/hlm-navigation-menu-trigger <ng-content <ng-icon @angular/cdk/coercion @angular/core @ng-icons/core @ng-icons/lucide @spartan-ng/brain/navigation-menu [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] [hlmNavigationMenuContent],hlm-navigation-menu-content [hlmNavigationMenuPortal] [style.--nav-offset] a[hlmNavigationMenuLink] active align bg-background bg-popover block button[hlmNavigationMenuTrigger] data-[active=true]:bg-muted/50 data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out data-[orientation=horizontal]:data-[motion=from-end]:slide-in-from-right-52 data-[orientation=horizontal]:data-[motion=from-start]:slide-in-from-left-52 data-[orientation=horizontal]:data-[motion=to-end]:slide-out-to-right-52 data-[orientation=horizontal]:data-[motion=to-start]:slide-out-to-left-52 data-[orientation=horizontal]:mt-[--spacing(var(--nav-offset))] data-[orientation=vertical]:data-[motion=from-end]:slide-in-from-bottom-52 data-[orientation=vertical]:data-[motion=from-start]:slide-in-from-top-52 data-[orientation=vertical]:data-[motion=to-end]:slide-out-to-bottom-52 data-[orientation=vertical]:data-[motion=to-start]:slide-out-to-top-52 data-[orientation=vertical]:flex-col data-[orientation=vertical]:mx-[--spacing(var(--nav-offset))] data-active:z-10 data-ending-style:duration-150 data-ending-style:opacity-0 data-ending-style:scale-90 data-open:bg-muted/50 data-open:focus:bg-muted data-open:hover:bg-muted data-slot data-starting-style:opacity-0 data-starting-style:scale-90 delayDuration disabled:opacity-50 disabled:pointer-events-none duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] flex flex-1 focus-visible:outline-1 focus-visible:ring-3 focus-visible:ring-ring/50 focus:bg-muted font-medium gap-0 gap-1.5 group group-data-open/navigation-menu-trigger:rotate-180 group/navigation-menu group/navigation-menu-trigger h-9 has-[:focus]:z-10 hlmNavigationMenu hlmNavigationMenuContent hlmNavigationMenuItem hlmNavigationMenuLink hlmNavigationMenuList hlmNavigationMenuPortal hlmNavigationMenuTrigger hover:bg-muted id inline-flex items-center justify-center left-0 li[hlmNavigationMenuItem] list-none max-w-max md:w-auto ml-1 navOffset() nav[hlmNavigationMenu] navigation-menu navigation-menu-content navigation-menu-item navigation-menu-link navigation-menu-list navigation-menu-trigger openOn orientation outline-none p-2 pr-2.5 px-4 py-2 relative ring-1 ring-foreground/10 rounded-lg rounded-md rounded-sm shadow size-3 skipDelayDuration text-popover-foreground text-sm top-0 top-px transition transition-all ul[hlmNavigationMenuList] value valueChange w-full w-max");

package/ui/styles/components/pagination.css

@@ -0,0 +1,4 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/pagination/index.ts — do not edit. */
+@import './button.css';
+@import './utils.css';
+@source inline("../../button ../../utils ./hlm-pagination-link ./hlm-pagination.token ./lib/hlm-pagination ./lib/hlm-pagination-content ./lib/hlm-pagination-ellipsis ./lib/hlm-pagination-item ./lib/hlm-pagination-link ./lib/hlm-pagination-next ./lib/hlm-pagination-previous ./lib/hlm-pagination.token </a> <a <ng-icon <span @angular/cdk/coercion @angular/core @angular/router @ng-icons/core @ng-icons/lucide Go HlmPaginationConfig More Next Previous [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] [attr.aria-current] [attr.aria-label] [attr.data-active] [hlmPaginationLink] [hlmPagination],hlm-pagination aria-label ariaLabel() class clsx cursor-pointer data-slot default flex fragment gap-1 ghost hidden hlm-pagination-ellipsis hlm-pagination-next hlm-pagination-previous hlmPagination hlmPaginationContent hlmPaginationEllipsis hlmPaginationItem hlmPaginationLink hlmPaginationNext hlmPaginationPrevious icon info isActive() items items-center justify-center li[hlmPaginationItem] link mx-auto navigation next null outline page pages pagination pagination-content pagination-ellipsis pagination-item pagination-link pe-2! preserveFragment previous ps-2! queryParams queryParamsHandling relative relativeTo replaceUrl routerLink routerLink: size size-9 skipLocationChange sm:block sr-only srOnlyText() state target text() to total ul[hlmPaginationContent] w-full");

package/ui/styles/components/popover.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/popover/index.ts — do not edit. */
+@import './utils.css';
+@source inline("../../utils ./lib/hlm-popover ./lib/hlm-popover-content ./lib/hlm-popover-description ./lib/hlm-popover-header ./lib/hlm-popover-portal ./lib/hlm-popover-title ./lib/hlm-popover-trigger @angular/core @spartan-ng/brain/overlay @spartan-ng/brain/popover [attr.data-state] [hlmPopoverContent],hlm-popover-content [hlmPopoverDescription] [hlmPopoverHeader],hlm-popover-header [hlmPopoverPortal] [hlmPopoverTitle] [hlmPopover],hlm-popover align aria-modal attachTo autoFocus bg-popover brnPopoverTriggerFor: button[hlmPopoverTrigger],button[hlmPopoverTriggerFor] class closeOnOutsidePointerEvents closed context 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 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-slot duration-100 flex flex-col font-medium gap-1 gap-4 hlmPopover hlmPopoverContent hlmPopoverDescription hlmPopoverHeader hlmPopoverPortal hlmPopoverTitle hlmPopoverTrigger hlmPopoverTriggerFor id offsetX outline-none p-4 popover popover-content popover-description popover-header popover-title popover-trigger relative ring-1 ring-foreground/10 rounded-md scrollStrategy shadow-md sideOffset state state() stateChanged text-muted-foreground text-popover-foreground text-sm type w-72");

package/ui/styles/components/progress.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/progress/index.ts — do not edit. */
+@import './utils.css';
+@source inline("'rtl' ../../utils ./lib/hlm-progress ./lib/hlm-progress-indicator @angular/cdk/bidi @angular/core @spartan-ng/brain/progress [class.animate-indeterminate] [hlmProgressIndicator],hlm-progress-indicator [style.transform] _indeterminate() _transform() bg-muted bg-primary data-slot flex-1 getValueLabel h-1.5 h-full hlm-progress,[hlmProgress] hlmProgress hlmProgressIndicator inline-flex max overflow-hidden progress progress-indicator relative rounded-full transition-all value w-full");

package/ui/styles/components/questionnaire.css

@@ -0,0 +1,4 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/questionnaire/index.ts — do not edit. */
+@import './button.css';
+@import './utils.css';
+@source inline("../../button ../../utils ./lib/hlm-questionnaire ./lib/hlm-questionnaire-actions ./lib/hlm-questionnaire-choice ./lib/hlm-questionnaire-choice-description ./lib/hlm-questionnaire-choices ./lib/hlm-questionnaire-description ./lib/hlm-questionnaire-error ./lib/hlm-questionnaire-input ./lib/hlm-questionnaire-item ./lib/hlm-questionnaire-next ./lib/hlm-questionnaire-previous ./lib/hlm-questionnaire-progress ./lib/hlm-questionnaire-skip ./lib/hlm-questionnaire-submit ./lib/hlm-questionnaire-title </ng-content> </span> <input <ng-content <ng-content> <ng-icon <span @angular/core @if @ng-icons/core @ng-icons/lucide @spartan-ng/brain/questionnaire Question [&:not(:has(~[data-slot=questionnaire-description]))]:mb-5 [attr.data-size] [attr.data-variant] [hlmQuestionnaireActions],hlm-questionnaire-actions [hlmQuestionnaireChoiceDescription] [hlmQuestionnaireChoices] [hlmQuestionnaireDescription] [hlmQuestionnaireError] [hlmQuestionnaireProgress] _choice.type() _error.defaultMessage() _progress.label() aria-describedby aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-keyshortcuts aria-label as bg-background bg-transparent border border-0 border-input brnQuestionnaireChoiceInput brnQuestionnaireChoiceLabel brnQuestionnaireChoiceShortcut button[hlmQuestionnaireNext] button[hlmQuestionnairePrevious] button[hlmQuestionnaireSkip] button[hlmQuestionnaireSubmit] checked checkedChange col-start-1 col-start-2 col-start-3 cursor-pointer dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 dark:bg-input/20 dark:bg-input/30 dark:data-checked:bg-muted dark:group-data-checked/questionnaire-choice:bg-primary data-checked:bg-muted data-checked:border-primary/40 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:pointer-events-none data-invalid:border-destructive data-slot default defaultChecked defaultItem defaultValue disabled disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none fieldset[hlmQuestionnaireItem] flex flex-1 flex-col focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 font-medium font-mono font-semibold form[hlmQuestionnaire] gap-2 gap-3 gap-5 gap-6 grid grid-cols-[minmax(0,1fr)_auto_auto] group-data-checked/questionnaire-choice:bg-primary group-data-checked/questionnaire-choice:border-primary group-data-checked/questionnaire-choice:text-primary-foreground group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group/questionnaire-choice group/questionnaire-choices h-9 has-[>input:focus-visible]:border-ring has-[>input:focus-visible]:ring-3 has-[>input:focus-visible]:ring-ring/50 hlmQuestionnaire hlmQuestionnaireActions hlmQuestionnaireChoice hlmQuestionnaireChoiceDescription hlmQuestionnaireChoices hlmQuestionnaireDescription hlmQuestionnaireError hlmQuestionnaireInput hlmQuestionnaireItem hlmQuestionnaireNext hlmQuestionnairePrevious hlmQuestionnaireProgress hlmQuestionnaireSkip hlmQuestionnaireSubmit hlmQuestionnaireTitle hover:bg-muted/50 id inline-flex input[hlmQuestionnaireInput] inset-0 item itemChange itemInvalid items items-center items-start justify-center justify-self-end justify-self-start label[hlmQuestionnaireChoice] leading-none legend[hlmQuestionnaireTitle] md:text-sm message() min-h-11 min-h-lh min-w-0 min-w-[14ch] ms-auto multiple name noValidate of optionalMessage outline outline-none p-0 placeholder:text-muted-foreground pointer-events-none px-2.5 px-4 py-1 py-3.5 questionnaire questionnaire-actions questionnaire-choice questionnaire-choice-description questionnaire-choices questionnaire-description questionnaire-error questionnaire-input questionnaire-item questionnaire-next questionnaire-previous questionnaire-progress questionnaire-skip questionnaire-submit questionnaire-title relative required requiredMessage rounded-[4px] rounded-md row-start-1 select-none selection:bg-primary selection:text-primary-foreground shadow-xs shortcut shortcuts shrink-0 size size() size-2 size-4 size-5 size-full sm:min-h-0 sm:min-h-9 statusChange tabular-nums text-[0.625rem] text-base text-destructive text-muted-foreground text-pretty text-sm text-start text-xs transition-[color,box-shadow,background-color] transition-colors translate-y-[--spacing(0.45)] type value valueText variant variant() w-fit w-full z-10");

package/ui/styles/components/radio-group.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/radio-group/index.ts — do not edit. */
+@import './utils.css';
+@source inline("'true' ../../utils ./lib/hlm-radio ./lib/hlm-radio-group ./lib/hlm-radio-indicator </brn-radio> <brn-radio <div <ng-content @angular/cdk/coercion @angular/common @angular/core @spartan-ng/brain/field @spartan-ng/brain/radio-group [attr.aria-describedby] [attr.aria-invalid] [attr.aria-label] [attr.aria-labelledby] [attr.data-dirty] [attr.data-disabled] [attr.data-invalid] [attr.data-touched] [hlmRadioGroup],hlm-radio-group _ariaInvalid() _dirty() _touched() aria-describedby aria-label aria-labelledby aspect-square border border-input class clsx dark:bg-input/30 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[invalid=true]:text-destructive data-disabled data-slot disabled disabled() false flex gap-3 gap-x-3 grid group group-data=[disabled=true]:cursor-not-allowed group-data=[disabled=true]:opacity-50 group-has-[:focus-visible]:border-ring group-has-[:focus-visible]:ring-[3px] group-has-[:focus-visible]:ring-ring/50 hlm-radio hlm-radio-indicator hlmRadio hlmRadioGroup hlmRadioIndicator indicator items-center justify-center label name null outline-none radio-group radio-group-indicator radio-group-item relative required rounded-full shadow-xs shrink-0 size-2 size-4 text-destructive text-primary transition-[color,box-shadow] true value valueChange");

package/ui/styles/components/resizable.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/resizable/index.ts — do not edit. */
+@import './utils.css';
+@source inline("(_brnResizableHandle.withHandle()) ../../utils ./lib/hlm-resizable-group ./lib/hlm-resizable-handle ./lib/hlm-resizable-panel <div @angular/core @if @spartan-ng/brain/resizable [&[data-panel-group-direction=vertical]>div]:rotate-90 [hlmResizableGroup],hlm-resizable-group [hlmResizablePanel],hlm-resizable-panel after:-translate-x-1/2 after:absolute after:inset-y-0 after:left-1/2 after:w-1 bg-border collapsible data-[panel-group-direction=horizontal]:hover:cursor-ew-resize data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:flex-col data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:hover:cursor-ns-resize data-[panel-group-direction=vertical]:w-full data-slot defaultSize direction disabled dragEnd dragStart flex focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring group h-6 h-full hlm-resizable-handle hlmResizableGroup hlmResizableHandle hlmResizablePanel id items-center justify-center layout layoutChange maxSize minSize relative resizable-group resizable-handle resizable-panel ring-offset-background rounded-lg w-1 w-full w-px withHandle z-10");

package/ui/styles/components/select.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/select/index.ts — do not edit. */
+@import './utils.css';
+@source inline("!_hidden() (_active()) (showScroll()) *:[span]:last:flex *:[span]:last:gap-2 *:[span]:last:items-center *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 *:data-[slot=select-value]:items-center *:data-[slot=select-value]:line-clamp-1 -mx-1 ../../utils ./hlm-select-scroll-down ./hlm-select-scroll-up ./lib/hlm-select ./lib/hlm-select-content ./lib/hlm-select-group ./lib/hlm-select-item ./lib/hlm-select-label ./lib/hlm-select-multiple ./lib/hlm-select-placeholder ./lib/hlm-select-portal ./lib/hlm-select-scroll-down ./lib/hlm-select-scroll-up ./lib/hlm-select-separator ./lib/hlm-select-trigger ./lib/hlm-select-value ./lib/hlm-select-value-template ./lib/hlm-select-values ./lib/hlm-select-values-content </button> </div> <button <div <hlm-select-scroll-down <hlm-select-scroll-up <ng-content <ng-icon @angular/cdk/coercion @angular/core @if @ng-icons/core @ng-icons/lucide @spartan-ng/brain/field @spartan-ng/brain/popover @spartan-ng/brain/select [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] [&_ng-icon]:pointer-events-none [&_ng-icon]:shrink-0 [attr.data-slot] [hlmSelectGroup],hlm-select-group [hlmSelectLabel],hlm-select-label [hlmSelectMultiple],hlm-select-multiple [hlmSelectPlaceholder],hlm-select-placeholder [hlmSelectPortal] [hlmSelectSeparator],hlm-select-separator [hlmSelectValueTemplate] [hlmSelectValue],hlm-select-value [hlmSelectValuesContent],hlm-select-values-content [hlmSelectValues] [hlmSelect],hlm-select align aria-invalid bg-border bg-popover bg-transparent block border border-input bottom-0 brnFieldControlDescribedBy brnSelectList brnSelectTrigger class closeOnOutsidePointerEvents closed clsx context cursor-default dark:bg-input/30 dark:data-[matches-spartan-invalid=true]:border-destructive/50 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 dark:hover:bg-input/50 data-[matches-spartan-invalid=true]:border-destructive data-[matches-spartan-invalid=true]:ring-3 data-[matches-spartan-invalid=true]:ring-destructive/20 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 data-[size=default]:h-9 data-[size=sm]:h-8 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-disabled:opacity-50 data-disabled:pointer-events-none data-hidden:hidden data-highlighted:bg-accent data-highlighted:text-accent-foreground data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-placeholder:text-muted-foreground data-slot default disabled disabled:cursor-not-allowed disabled:opacity-50 duration-100 end-2 flex flex-col focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 gap-1.5 gap-2 h-px hlm-select-content hlm-select-item hlm-select-scroll-down hlm-select-scroll-up hlm-select-trigger hlmSelect hlmSelectContent hlmSelectGroup hlmSelectItem hlmSelectLabel hlmSelectMultiple hlmSelectPlaceholder hlmSelectPortal hlmSelectScrollDown hlmSelectScrollUp hlmSelectSeparator hlmSelectTrigger hlmSelectValue hlmSelectValueTemplate hlmSelectValues hlmSelectValuesContent id isItemEqualToValue itemToString items-center justify-between justify-center max-h-72 min-w-36 my-1 no-scrollbar not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground null offsetX orientation outline-hidden outline-none overflow-x-hidden overflow-y-auto p-1 pe-2 pe-8 placeholder pointer-events-none ps-2 ps-2.5 px-2 py-1 py-1.5 py-2 relative ring-1 ring-foreground/10 rounded-md rounded-sm scroll-my-1 scrollStrategy select select-group select-item select-label select-none select-placeholder select-separator shadow-md shadow-xs sideOffset sm start state stateChanged sticky text-[length:--spacing(4)] text-muted-foreground text-popover-foreground text-sm text-xs top-0 transition-[color,box-shadow] value valueChange w-(--brn-select-width) w-fit w-full whitespace-nowrap z-10");

package/ui/styles/components/separator.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/separator/index.ts — do not edit. */
+@import './utils.css';
+@source inline("../../utils ./lib/hlm-separator @angular/core @spartan-ng/brain/separator [hlmSeparator],hlm-separator bg-border data-horizontal:h-px data-horizontal:w-full data-slot data-vertical:self-stretch data-vertical:w-px decorative hlmSeparator inline-flex orientation separator shrink-0");

package/ui/styles/components/sheet.css

@@ -0,0 +1,4 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/sheet/index.ts — do not edit. */
+@import './button.css';
+@import './utils.css';
+@source inline("(showCloseButton()) ../../button ../../utils ./hlm-sheet-close ./hlm-sheet-overlay ./lib/hlm-sheet ./lib/hlm-sheet-close ./lib/hlm-sheet-content ./lib/hlm-sheet-description ./lib/hlm-sheet-footer ./lib/hlm-sheet-header ./lib/hlm-sheet-overlay ./lib/hlm-sheet-portal ./lib/hlm-sheet-title ./lib/hlm-sheet-trigger </button> <button <hlm-sheet-overlay <ng-content <ng-icon <span @angular/cdk/coercion @angular/core @if @ng-icons/core @ng-icons/lucide @spartan-ng/brain/core @spartan-ng/brain/dialog @spartan-ng/brain/sheet Close [attr.data-side] [attr.data-state] [hlmSheetDescription] [hlmSheetFooter],hlm-sheet-footer [hlmSheetHeader],hlm-sheet-header [hlmSheetOverlay],hlm-sheet-overlay [hlmSheetPortal] [hlmSheetTitle] _sheet.sideState() bg-black/10 bg-clip-padding bg-popover button[hlmSheetClose] button[hlmSheetTrigger] class closeLabel() clsx context data-[side=bottom]:border-t data-[side=bottom]:bottom-0 data-[side=bottom]:data-closed:slide-out-to-bottom data-[side=bottom]:data-open:slide-in-from-bottom data-[side=bottom]:h-auto data-[side=bottom]:inset-x-0 data-[side=left]:border-r data-[side=left]:data-closed:slide-out-to-left data-[side=left]:data-open:slide-in-from-left data-[side=left]:h-full data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:sm:max-w-sm data-[side=left]:w-3/4 data-[side=right]:border-l data-[side=right]:data-closed:slide-out-to-right data-[side=right]:data-open:slide-in-from-right data-[side=right]:h-full data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:sm:max-w-sm data-[side=right]:w-3/4 data-[side=top]:border-b data-[side=top]:data-closed:slide-out-to-top data-[side=top]:data-open:slide-in-from-top data-[side=top]:h-auto data-[side=top]:inset-x-0 data-[side=top]:top-0 data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 data-slot duration-100 duration-200 ease-in-out end-4 fixed flex flex-col font-medium gap-1.5 gap-2 gap-4 hlm-sheet hlm-sheet-content hlmBtn hlmSheet hlmSheetClose hlmSheetClose> hlmSheetContent hlmSheetDescription hlmSheetFooter hlmSheetHeader hlmSheetOverlay hlmSheetPortal hlmSheetTitle hlmSheetTrigger id isolate mt-auto p-4 shadow-lg sheet-close sheet-content sheet-description sheet-footer sheet-header sheet-title sheet-trigger side state() supports-backdrop-filter:backdrop-blur-xs text-foreground text-muted-foreground text-popover-foreground text-sm transition type");

package/ui/styles/components/sidebar.css

@@ -0,0 +1,9 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/sidebar/index.ts — do not edit. */
+@import './button.css';
+@import './input.css';
+@import './separator.css';
+@import './sheet.css';
+@import './skeleton.css';
+@import './tooltip.css';
+@import './utils.css';
+@source inline("#contentContainer> 'open' (_sidebarService.isMobile()) (click) (showIcon()) -translate-x-px ../../button ../../input ../../separator ../../sheet ../../skeleton ../../tooltip ../../utils ./hlm-sidebar.service ./hlm-sidebar.token ./lib/hlm-sidebar ./lib/hlm-sidebar-content ./lib/hlm-sidebar-footer ./lib/hlm-sidebar-group ./lib/hlm-sidebar-group-action ./lib/hlm-sidebar-group-content ./lib/hlm-sidebar-group-label ./lib/hlm-sidebar-header ./lib/hlm-sidebar-input ./lib/hlm-sidebar-inset ./lib/hlm-sidebar-menu ./lib/hlm-sidebar-menu-action ./lib/hlm-sidebar-menu-badge ./lib/hlm-sidebar-menu-button ./lib/hlm-sidebar-menu-item ./lib/hlm-sidebar-menu-skeleton ./lib/hlm-sidebar-menu-sub ./lib/hlm-sidebar-menu-sub-button ./lib/hlm-sidebar-menu-sub-item ./lib/hlm-sidebar-rail ./lib/hlm-sidebar-separator ./lib/hlm-sidebar-trigger ./lib/hlm-sidebar-wrapper ./lib/hlm-sidebar.service ./lib/hlm-sidebar.token 16rem 18rem 3rem 768px </div> </hlm-sheet-content> </hlm-sheet-header> </hlm-sheet> </ng-template> <div <h2 <hlm-sheet <hlm-sheet-content <hlm-sheet-header <hlm-skeleton <ng-container <ng-content <ng-icon <ng-template <p <span @angular/cdk/coercion @angular/common @angular/core @else @if @ng-icons/core @ng-icons/lucide @spartan-ng/brain/tooltip Displays HlmSidebarConfig Sidebar Toggle [&>ng-icon]:shrink-0 [&>ng-icon]:text-[length:--spacing(4)] [&>span:last-child]:truncate [&>svg]:text-sidebar-accent-foreground [&_ng-icon]:shrink-0 [&_ng-icon]:text-[length:--spacing(4)] [[data-side=left][data-collapsible=offcanvas]_&]:-right-2 [[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-collapsible=offcanvas]_&]:-left-2 [[data-side=right][data-state=collapsed]_&]:cursor-w-resize [attr.aria-label] [attr.data-active] [attr.data-collapsible] [attr.data-side] [attr.data-size] [attr.data-slot] [attr.data-state] [attr.data-variant] [hlmSidebarContent],hlm-sidebar-content [hlmSidebarFooter],hlm-sidebar-footer [hlmSidebarGroup],hlm-sidebar-group [hlmSidebarHeader],hlm-sidebar-header [hlmSidebarMenuBadge],hlm-sidebar-menu-badge [hlmSidebarSeparator],hlm-sidebar-separator [hlmSidebarWrapper],hlm-sidebar-wrapper [style.--sidebar-width-icon] [style.--sidebar-width] _dataCollapsible() _dataSide() _dataSlot() _dataState() _dataVariant() _onClick() a[hlmSidebarMenuButton] a[hlmSidebarMenuSubButton], absolute active:bg-sidebar-accent active:text-sidebar-accent-foreground after:-inset-2 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] aria-disabled:opacity-50 aria-disabled:pointer-events-none aria-expanded:opacity-100 aria-label ariaLabel() aspect-square b bg-background bg-sidebar bg-sidebar-border bg-transparent border-s border-sidebar-border brnTooltip: button[hlmSidebarGroupAction] button[hlmSidebarGroupLabel] button[hlmSidebarMenuAction] button[hlmSidebarMenuButton], button[hlmSidebarMenuSubButton] button[hlmSidebarRail] button[hlmSidebarTrigger] change class-variance-authority clsx collapsed content cookie data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=left]:left-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-sidebar data-slot default desktop disabled:opacity-50 disabled:pointer-events-none div[hlmSidebarGroupContent] div[hlmSidebarGroupLabel], duration-200 ease-linear end-1 end-3 expanded fixed flex flex-1 flex-col floating focus-visible:ring-2 font-medium footer function gap gap-1 gap-2 ghost group group-action group-content group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:hidden group-data-[collapsible=icon]:opacity-0 group-data-[collapsible=icon]:overflow-hidden group-data-[collapsible=icon]:p-0! group-data-[collapsible=icon]:p-2! group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))] group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)] group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:w-0 group-data-[side=left]:-right-4 group-data-[side=left]:border-r group-data-[side=right]:border-l group-data-[side=right]:left-0 group-data-[side=right]:rotate-180 group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-focus-within/menu-item:opacity-100 group-has-data-[sidebar=menu-action]/menu-item:pe-8 group-hover/menu-item:opacity-100 group-label group/menu-button group/menu-item group/menu-sub-item group/sidebar-wrapper h-12 h-5 h-7 h-8 h-full h-svh has-data-[variant=inset]:bg-sidebar header hidden hlm-sidebar hlm-sidebar-menu-skeleton,div[hlmSidebarMenuSkeleton] hlmSidebar hlmSidebarContent hlmSidebarFooter hlmSidebarGroup hlmSidebarGroupAction hlmSidebarGroupContent hlmSidebarGroupLabel hlmSidebarHeader hlmSidebarInput hlmSidebarInset hlmSidebarMenu hlmSidebarMenuAction hlmSidebarMenuBadge hlmSidebarMenuButton hlmSidebarMenuItem hlmSidebarMenuSkeleton hlmSidebarMenuSub hlmSidebarMenuSubButton hlmSidebarMenuSubItem hlmSidebarRail hlmSidebarSeparator hlmSidebarTrigger hlmSidebarWrapper hover:after:bg-sidebar-border hover:bg-sidebar-accent hover:group-data-[collapsible=offcanvas]:bg-sidebar hover:shadow-[0_0_0_1px_var(--sidebar-accent)] hover:text-sidebar-accent-foreground icon icon-sm if in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize input input[hlmSidebarInput] inset inset-y-0 isActive() items-center justify-center keydown left lg li[hlmSidebarMenuItem] li[hlmSidebarMenuSubItem] ltr:-translate-x-1/2 main[hlmSidebarInset] max-w-(--skeleton-width) md md:after:hidden md:block md:flex md:opacity-0 md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ms-0 md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ms-2 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm menu menu-action menu-badge menu-button menu-item menu-skeleton menu-sub menu-sub-button menu-sub-item min-h-0 min-h-svh min-w-0 min-w-5 mobile mx-2 mx-3.5 no-scrollbar none offcanvas on onClick() outline outline-hidden overflow-auto overflow-hidden p-0 p-2 path=/; peer peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 peer-data-active/menu-button:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer/menu-button pointer-events-none px-1 px-2 px-2.5 py-0.5 rail relative resize right ring-sidebar-ring root rounded-md rtl:-translate-x-1/2 rtl:-translate-x-px select-none separator shadow-[0_0_0_1px_var(--sidebar-border)] shadow-none shrink-0 sidebar sidebar-content sidebar-footer sidebar-group sidebar-group-action sidebar-group-content sidebar-group-label sidebar-header sidebar-input sidebar-inset sidebar-menu sidebar-menu-action sidebar-menu-badge sidebar-menu-button sidebar-menu-item sidebar-menu-skeleton sidebar-menu-sub sidebar-menu-sub-button sidebar-menu-sub-item sidebar-rail sidebar-separator sidebar-trigger sidebar-wrapper sidebar. sidebarWidth() sidebarWidthIcon() sidebar_state size size() size-full sm sm:flex srOnlySheetDescription() srOnlySheetTitle() srOnlyText() tabular-nums text-sidebar-foreground text-sidebar-foreground/70 text-sm text-start text-xs the tooltip top-1.5 top-3.5 transition-[left,right,width] transition-[margin,opacity] transition-[width,height,padding] transition-[width] transition-all transition-transform translate-x-px trigger true ul[hlmSidebarMenuSub] ul[hlmSidebarMenu] variant w-(--sidebar-width) w-4 w-5 w-auto w-full z-10 z-20");

package/ui/styles/components/skeleton.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/skeleton/index.ts — do not edit. */
+@import './utils.css';
+@source inline("../../utils ./lib/hlm-skeleton @angular/core [hlmSkeleton],hlm-skeleton bg-muted block data-slot hlmSkeleton motion-safe:animate-pulse rounded-md skeleton");

package/ui/styles/components/slider.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/slider/index.ts — do not edit. */
+@import './utils.css';
+@source inline("(_slider.showTicks()) ../../utils ./lib/hlm-slider </div> <div <span ></div> ></span> @angular/core @for @if @spartan-ng/brain/slider [hlm] _slider.thumbIndexes(); absolute after:absolute aria-label aria-labelledby bg-white block border brn-slider brnSliderRange brnSliderThumb brnSliderTrack data-[disabled]:opacity-50 data-[disabled]:pointer-events-none data-draggable-range:cursor-move data-horizontal:h-1.5 data-horizontal:h-full data-horizontal:w-full data-vertical:flex-row data-vertical:h-full data-vertical:min-h-40 data-vertical:w-1.5 data-vertical:w-auto disabled draggableRange draggableRangeOnly flex flex-col focus-visible:outline-hidden focus-visible:ring-4 font-medium formatTick formattedTick gap-1 gap-2 group group-data-horizontal:group-data-[skip]:h-0.5 group-data-horizontal:group-data-inverted:flex-row-reverse group-data-vertical:flex-col-reverse group-data-vertical:h-0 group-data-vertical:h-px group-data-vertical:ms-3 group-data-vertical:mt-0 group-data-vertical:px-0 group-data-vertical:py-2 group-data-vertical:w-1 group-data-vertical:w-auto grow h-1 hlm-slider, hlmSlider hover:ring-4 id inverted items-center items-start justify-between justify-center let max maxStepsBetweenThumbs maxTicks min minStepsBetweenThumbs mt-3 of orientation preventStepOverThumb relative ring-ring/50 rounded-full select-none shadow-sm showTicks shrink-0 size-4 step text-muted-foreground text-xs tick; tickLabelInterval touch-none track transition-[color,box-shadow] value valueChange w-0 w-full w-px");

package/ui/styles/components/sonner.css

@@ -0,0 +1,4 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/sonner/index.ts — do not edit. */
+@import './button.css';
+@import './utils.css';
+@source inline("#errorIcon> #infoIcon> #loadingIcon> #successIcon> #warningIcon> --border-radius --normal-bg --normal-border --normal-text ../../button ../../utils ./lib/hlm-toaster </brn-sonner-toaster> </button> </ng-template> <brn-sonner-toaster <button <ng-icon <ng-template @angular/cdk/coercion @angular/core @ng-icons/core @ng-icons/lucide @spartan-ng/brain/sonner KeyT action.label action; altKey bottom-right cancel.label cancel; class closeButton clsx duration expand group hlm-toaster hlmBtn hlmToaster hotkey invert let light offset position richColors rounded-2xl! style text-base theme toast toastOptions toaster var(--border) var(--popover) var(--popover-foreground) var(--radius) visibleToasts");

package/ui/styles/components/spinner.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/spinner/index.ts — do not edit. */
+@import './utils.css';
+@source inline("../../utils ./lib/hlm-spinner <ng-icon @angular/core @ng-icons/core @ng-icons/lucide Loading [attr.aria-label] aria-label ariaLabel() data-slot hlm-spinner hlmSpinner inline-flex lucideLoader2 motion-safe:animate-spin spinner status text-[length:--spacing(4)]");

package/ui/styles/components/switch.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/switch/index.ts — do not edit. */
+@import './utils.css';
+@source inline("../../utils ./hlm-switch-thumb ./lib/hlm-switch ./lib/hlm-switch-thumb </brn-switch> <brn-switch <hlm-switch-thumb @angular/cdk/coercion @angular/core @angular/forms @spartan-ng/brain/forms @spartan-ng/brain/switch [attr.aria-describedby] [attr.aria-label] [attr.aria-labelledby] [hlmSwitchThumb],hlm-switch-thumb aria-describedby aria-label aria-labelledby bg-background block border border-transparent checked class clsx contents dark:data-[matches-spartan-invalid=true]:border-destructive/50 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground dark:data-unchecked:bg-input/80 data-[matches-spartan-invalid=true]:border-destructive data-[matches-spartan-invalid=true]:ring-3 data-[matches-spartan-invalid=true]:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] data-checked:bg-primary data-checked:ltr:translate-x-[calc(100%-2px)] data-checked:rtl:-translate-x-[calc(100%-2px)] data-disabled:cursor-not-allowed data-disabled:opacity-50 data-slot data-unchecked:bg-input data-unchecked:translate-x-0 default focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group/switch hlm-switch hlmSwitch hlmSwitchThumb inline-flex items-center null outline-none pointer-events-none ring-0 rounded-full shadow-xs shrink-0 switch switch-thumb transition-all transition-transform");

package/ui/styles/components/table.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/table/index.ts — do not edit. */
+@import './utils.css';
+@source inline("../../utils ./lib/hlm-table @angular/core [&:has([role=checkbox])]:pe-0 [&>tr]:last:border-b-0 [&_tr:last-child]:border-0 [&_tr]:border-b align-middle bg-muted/50 border-b border-t caption-bottom caption[hlmCaption],caption[hlmTableCaption] data-[state=selected]:bg-muted data-slot div[hlmTableContainer] font-medium h-10 has-aria-expanded:bg-muted/50 hlmCaption hlmTBody hlmTFoot hlmTHead hlmTable hlmTableContainer hlmTd hlmTh hlmTr hover:bg-muted/50 mt-4 overflow-x-auto p-2 px-2 relative table table-body table-caption table-cell table-container table-footer table-head table-header table-row table[hlmTable] tbody[hlmTBody],tbody[hlmTableBody] td[hlmTd],td[hlmTableCell] text-foreground text-muted-foreground text-sm text-start tfoot[hlmTFoot],tfoot[hlmTableFooter] th[hlmTh],th[hlmTableHead] thead[hlmTHead],thead[hlmTableHeader] tr[hlmTr],tr[hlmTableRow] transition-colors w-full whitespace-nowrap");

package/ui/styles/components/tabs.css

@@ -0,0 +1,4 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/tabs/index.ts — do not edit. */
+@import './button.css';
+@import './utils.css';
+@source inline("#nextPaginator #previousPaginator #tabList #tabListContainer #tabListInner ../../button ../../utils ./hlm-tabs-list ./lib/hlm-tabs ./lib/hlm-tabs-content ./lib/hlm-tabs-content-lazy ./lib/hlm-tabs-list ./lib/hlm-tabs-paginated-list ./lib/hlm-tabs-trigger </button> </div> <button <div <ng-content <ng-icon @angular/cdk/observers @angular/core @angular/core/rxjs-interop @ng-icons/core @ng-icons/lucide @spartan-ng/brain/tabs [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] [&_ng-icon]:pointer-events-none [&_ng-icon]:shrink-0 [attr.data-variant] [hlmTabsContent] [hlmTabsList],hlm-tabs-list [hlmTabsTrigger] [hlmTabs],hlm-tabs activationMode after:absolute after:bg-foreground after:opacity-0 after:transition-opacity bg-muted bg-transparent border border-transparent brnTabs: brnTabsContent: brnTabsTrigger: class-variance-authority clsx dark:data-active:bg-input/30 dark:data-active:border-input dark:data-active:text-foreground dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:hover:text-foreground dark:text-muted-foreground data-[orientation=horizontal]:flex-col data-[variant=line]:rounded-none data-active:bg-background data-active:text-foreground data-slot default disabled disabled:cursor-default disabled:opacity-50 disabled:pointer-events-none flex flex-1 flex-shrink-0 focus-visible:border-ring focus-visible:outline-1 focus-visible:outline-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 font-medium gap-1 gap-1.5 gap-2 ghost group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[orientation=vertical]/tabs:flex-col group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:justify-start group-data-[orientation=vertical]/tabs:w-full group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:after:opacity-100 group-data-[variant=line]/tabs-list:data-active:bg-transparent group-data-[variant=line]/tabs-list:data-active:shadow-none group-data-horizontal/tabs:h-9 group/tabs group/tabs-list grow h-[calc(100%-1px)] hidden hlm-paginated-tabs-list hlmTabs hlmTabsContent hlmTabsContentLazy hlmTabsList hlmTabsPaginatedList hlmTabsTrigger hover:text-foreground icon-sm inline-flex items-center justify-center nextPaginator ng-template[hlmTabsContentLazy] orientation outline-none overflow-hidden p-[3px] previousPaginator px-2 py-1 relative rounded-lg rounded-md rxjs select-none tab tabActivated tabList tabListClass tabListContainer tabListInner tabs tabs-content tabs-list tabs-paginated-list tabs-trigger text-foreground/60 text-muted-foreground text-sm transition-all variant variant() w-fit whitespace-nowrap z-[2]");

package/ui/styles/components/textarea.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/textarea/index.ts — do not edit. */
+@import './utils.css';
+@source inline("../../utils ./lib/hlm-textarea @angular/core @spartan-ng/brain/field @spartan-ng/brain/textarea [hlmTextarea] bg-transparent border border-input dark:bg-input/30 dark:data-[matches-spartan-invalid=true]:border-destructive/50 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive data-[matches-spartan-invalid=true]:ring-3 data-[matches-spartan-invalid=true]:ring-destructive/20 data-slot disabled:cursor-not-allowed disabled:opacity-50 field-sizing-content flex focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 forceInvalid hlmTextarea id md:text-sm min-h-16 outline-none placeholder:text-muted-foreground px-2.5 py-2 rounded-md shadow-xs text-base textarea transition-[color,box-shadow] w-full");

package/ui/styles/components/toggle-group.css

@@ -0,0 +1,4 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/toggle-group/index.ts — do not edit. */
+@import './toggle.css';
+@import './utils.css';
+@source inline("../../toggle ../../utils ./hlm-toggle-group ./hlm-toggle-group.token ./lib/hlm-toggle-group ./lib/hlm-toggle-group-item ./lib/hlm-toggle-group.token @angular/cdk/coercion @angular/core @spartan-ng/brain/toggle-group HlmToggleGroupToken [attr.data-orientation] [attr.data-size] [attr.data-spacing] [attr.data-variant] [hlmToggleGroup],hlm-toggle-group [style.--gap] _size() _toggleGroup.spacing() _variant() aria-label button[hlmToggleGroupItem] data-[spacing=0]:data-[variant=outline]:shadow-xs data-[state=on]:bg-muted data-slot data-vertical:flex-col data-vertical:items-stretch default disabled flex flex-row focus-visible:z-10 focus:z-10 gap-[--spacing(var(--gap))] group-data-[spacing=0]/toggle-group:px-2 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:shadow-none group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-s-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-s group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-s-md group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-e-md group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-md group/toggle-group hlmToggleGroup hlmToggleGroupItem horizontal id items-center nullable orientation() rounded-md shrink-0 size size() spacing() state stateChange toggle-group toggle-group-item type value valueChange variant variant() vertical w-fit");

package/ui/styles/components/toggle.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/toggle/index.ts — do not edit. */
+@import './utils.css';
+@source inline("../../utils ./lib/hlm-toggle @angular/core @spartan-ng/brain/toggle [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] [&_ng-icon]:pointer-events-none [&_ng-icon]:shrink-0 aria-label aria-pressed:bg-muted bg-transparent border border-input button[hlmToggle] class-variance-authority dark:data-[matches-spartan-invalid=true]:border-destructive/50 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive data-[matches-spartan-invalid=true]:ring-destructive/20 data-slot default disabled disabled:opacity-50 disabled:pointer-events-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 font-medium gap-1 group/toggle h-10 h-8 h-9 hlmToggle hover:bg-muted hover:text-foreground id inline-flex items-center justify-center min-w-10 min-w-8 min-w-9 outline-none px-2.5 rounded-md shadow-xs size state stateChange text-sm toggle transition-[color,box-shadow] type value variant whitespace-nowrap");

package/ui/styles/components/tooltip.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/tooltip/index.ts — do not edit. */
+@import './utils.css';
+@source inline("-end-2.5 -start-2.5 -top-2.5 ../../utils ./lib/hlm-tooltip @angular/core @spartan-ng/brain/tooltip [hlmTooltip] absolute bg-foreground block bottom-0 brnTooltip: class-variance-authority 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 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 fill-foreground hideDelay hlmTooltip left-[calc(50%-5px)] origin-(--radix-tooltip-content-transform-origin) position px-3 py-1.5 rotate-180 rotate-270 rotate-45 rotate-90 rounded-[2px] rounded-md rtl:-rotate-270 rtl:-rotate-90 showDelay sideOffset size-2.5 text-background text-balance text-xs tooltipDisabled top-[calc(50%-5px)] translate-y-0 translate-y-[calc(-50%-2px)] translate-y-full w-fit z-50");

package/ui/styles/components/trace.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/trace/index.ts — do not edit. */
+@import './utils.css';
+@source inline("*:has-[>[data-slot=trace-line]]:flex *:has-[>[data-slot=trace-line]]:focus-visible:ring-3 *:has-[>[data-slot=trace-line]]:focus-visible:ring-ring/50 *:has-[>[data-slot=trace-line]]:max-w-full *:has-[>[data-slot=trace-line]]:min-w-0 *:has-[>[data-slot=trace-line]]:outline-none *:has-[>[data-slot=trace-line]]:rounded-md *:has-[>[data-slot=trace-line]]:text-left *:has-[>[data-slot=trace-line]]:w-fit ../../utils ./lib/hlm-trace ./lib/hlm-trace-collapsible ./lib/hlm-trace-collapsible-content ./lib/hlm-trace-collapsible-trigger ./lib/hlm-trace-description ./lib/hlm-trace-icon ./lib/hlm-trace-line ./lib/hlm-trace-title </div> <div <ng-content <ng-icon @angular/core @ng-icons/core @ng-icons/lucide @spartan-ng/brain/collapsible [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] [&_ng-icon]:pointer-events-none [[data-slot=trace-title]~&]:-ml-1 [a,button]:cursor-pointer [a:hover,button:hover]:text-foreground [attr.aria-hidden] [attr.data-status] [hlmTraceCollapsible],hlm-trace-collapsible [hlmTraceDescription],hlm-trace-description [hlmTraceIcon],hlm-trace-icon [hlmTraceLine],hlm-trace-line [hlmTraceTitle],hlm-trace-title [hlmTrace],hlm-trace block border-l button[hlmTraceCollapsibleTrigger] clsx cursor-pointer data-[state=closed]:h-0 data-[state=open]:h-(--brn-collapsible-content-height) data-[status=error]:in-[a:hover,button:hover]:text-destructive data-[status=error]:text-destructive data-[status=pending]:opacity-60 data-[status=running]:*:data-[slot=trace-title]:shimmer data-slot disabled duration-200 error expanded expandedChange flex flex-col focus-visible:ring-3 focus-visible:ring-ring/50 gap-1 gap-2 group-aria-expanded/trace-collapsible-trigger:rotate-90 group/trace-collapsible-trigger has-[[data-status=error]]:text-destructive hlm-trace-collapsible-content hlmTrace hlmTraceCollapsible hlmTraceCollapsibleContent hlmTraceCollapsibleTrigger hlmTraceDescription hlmTraceIcon hlmTraceLine hlmTraceTitle hover:text-foreground id items-center justify-center leading-relaxed max-w-full mb-1 min-w-0 ml-[calc(--spacing(2)-1px)] motion-reduce:shimmer-none motion-reduce:transition-none mt-2 outline-none overflow-hidden pending pl-4 pr-1 rounded-md running shrink-0 size-4 status() tabular-nums text-left text-muted-foreground text-muted-foreground/70 text-sm trace trace-collapsible trace-collapsible-content trace-collapsible-trigger trace-description trace-icon trace-line trace-title transition-[height] transition-colors true truncate type w-fit w-full wrap-break-word");

package/ui/styles/components/typography.css

@@ -0,0 +1,3 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/typography/index.ts — do not edit. */
+@import './utils.css';
+@source inline("../../utils ./lib/hlm-blockquote ./lib/hlm-code ./lib/hlm-h1 ./lib/hlm-h2 ./lib/hlm-h3 ./lib/hlm-h4 ./lib/hlm-large ./lib/hlm-lead ./lib/hlm-muted ./lib/hlm-p ./lib/hlm-small ./lib/hlm-ul @angular/core [&:not(:first-child)]:mt-6 [&>li]:mt-2 [hlmBlockquote] [hlmCode] [hlmH1] [hlmH2] [hlmH3] [hlmH4] [hlmLarge] [hlmLead] [hlmMuted] [hlmP] [hlmSmall] [hlmUl] bg-muted border-b border-border border-l-2 first:mt-0 font-extrabold font-medium font-mono font-semibold hlmBlockquote hlmCode hlmH1 hlmH2 hlmH3 hlmH4 hlmLarge hlmLead hlmMuted hlmP hlmSmall hlmUl italic leading-7 leading-none lg:text-5xl list-disc ml-6 mt-6 my-6 pb-2 pl-6 px-[0.3rem] py-[0.2rem] relative rounded scroll-m-20 text-2xl text-3xl text-4xl text-lg text-muted-foreground text-sm text-xl tracking-tight transition-colors");

package/ui/styles/components/utils.css

@@ -0,0 +1,2 @@
+/* Generated by scripts/generate-ui-sources.mjs from ui/src/lib/helm/utils/index.ts — do not edit. */
+@source inline("'@spartan-ng/helm/utils'; ./lib/hlm ./lib/provide-spartan-hlm <hlm-toaster> @angular/cdk/overlay @angular/common @angular/core ApplicationConfig app.config.ts appConfig: attributes base class clsx const export fixed from import important none other position: provideSpartanHlm provideSpartanHlm(), providers providers: string tailwind-merge transition ts usePopover");

package/ui/styles/core.css

@@ -0,0 +1,137 @@
+/*
+ * lenne.Tech ng-base theme core (Tailwind CSS 4), without the component classes.
+ *
+ * Use it with the per-component source files to ship only the CSS of the components the app renders:
+ *
+ *   @import 'tailwindcss';
+ *   @import '@lenne.tech/ng-base/ui/styles/core.css';
+ *   @import '@lenne.tech/ng-base/ui/styles/components/button.css';
+ *   @import '@lenne.tech/ng-base/ui/styles/components/lt-text-field.css';   (pulls input, input-group, form field)
+ *
+ * `theme.css` = this file plus every component. Contains the Spartan preset, the lenne.Tech palette, the semantic
+ * tokens of the helm layer, the transition classes and the base layer.
+ */
+@import '@spartan-ng/brain/hlm-tailwind-preset.css';
+@import './palette.css';
+@import './transitions.css';
+
+@custom-variant light (&:is(.light *));
+
+:root {
+  color-scheme: light;
+  --font-sans:
+    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+    'Segoe UI Symbol', 'Noto Color Emoji';
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+  --radius: 0.5rem;
+
+  --background: #ffffff;
+  --foreground: var(--color-neutral-900);
+  --card: #ffffff;
+  --card-foreground: var(--color-neutral-900);
+  --popover: #ffffff;
+  --popover-foreground: var(--color-neutral-900);
+
+  /* Semantic colors: the lightest step that passes WCAG AA as fill, as text on white and as text on its 10 % tint. */
+  --primary: var(--color-primary-800);
+  --primary-foreground: #ffffff;
+  --secondary: var(--color-secondary-600);
+  --secondary-foreground: #ffffff;
+  --success: var(--color-success-700);
+  --success-foreground: #ffffff;
+  --info: var(--color-info-700);
+  --info-foreground: #ffffff;
+  --warning: var(--color-warning-800);
+  --warning-foreground: #ffffff;
+  --error: var(--color-error-700);
+  --error-foreground: #ffffff;
+  --destructive: var(--error);
+  --destructive-foreground: var(--error-foreground);
+
+  --muted: var(--color-neutral-100);
+  --muted-foreground: var(--color-neutral-600);
+  --accent: var(--color-neutral-100);
+  --accent-foreground: var(--color-neutral-900);
+  --border: var(--color-neutral-200);
+  --input: var(--color-neutral-300);
+  --ring: var(--color-primary-700);
+
+  --chart-1: var(--color-primary-600);
+  --chart-2: var(--color-secondary-500);
+  --chart-3: var(--color-info-500);
+  --chart-4: var(--color-warning-500);
+  --chart-5: var(--color-error-500);
+
+  --sidebar: var(--color-neutral-50);
+  --sidebar-foreground: var(--color-neutral-900);
+  --sidebar-primary: var(--primary);
+  --sidebar-primary-foreground: var(--primary-foreground);
+  --sidebar-accent: var(--color-neutral-100);
+  --sidebar-accent-foreground: var(--color-neutral-900);
+  --sidebar-border: var(--color-neutral-200);
+  --sidebar-ring: var(--ring);
+}
+
+:root.dark {
+  color-scheme: dark;
+
+  --background: var(--color-neutral-900);
+  --foreground: var(--color-neutral-50);
+  --card: var(--color-neutral-900);
+  --card-foreground: var(--color-neutral-50);
+  --popover: var(--color-neutral-800);
+  --popover-foreground: var(--color-neutral-50);
+
+  --primary: var(--color-primary-400);
+  --primary-foreground: var(--color-neutral-950);
+  --secondary: var(--color-secondary-400);
+  --secondary-foreground: var(--color-neutral-950);
+  --success: var(--color-success-400);
+  --success-foreground: var(--color-neutral-950);
+  --info: var(--color-info-400);
+  --info-foreground: var(--color-neutral-950);
+  --warning: var(--color-warning-400);
+  --warning-foreground: var(--color-neutral-950);
+  --error: var(--color-error-400);
+  --error-foreground: var(--color-neutral-950);
+
+  --muted: var(--color-neutral-800);
+  --muted-foreground: var(--color-neutral-400);
+  --accent: var(--color-neutral-800);
+  --accent-foreground: var(--color-neutral-50);
+  --border: var(--color-neutral-800);
+  --input: var(--color-neutral-700);
+  --ring: var(--color-primary-400);
+
+  --sidebar: var(--color-neutral-950);
+  --sidebar-foreground: var(--color-neutral-50);
+  --sidebar-accent: var(--color-neutral-800);
+  --sidebar-accent-foreground: var(--color-neutral-50);
+  --sidebar-border: var(--color-neutral-800);
+}
+
+@theme inline {
+  --color-success: var(--success);
+  --color-success-foreground: var(--success-foreground);
+  --color-info: var(--info);
+  --color-info-foreground: var(--info-foreground);
+  --color-warning: var(--warning);
+  --color-warning-foreground: var(--warning-foreground);
+  --color-error: var(--error);
+  --color-error-foreground: var(--error-foreground);
+  --color-destructive-foreground: var(--destructive-foreground);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+
+  html {
+    @apply scroll-pt-24;
+  }
+
+  body {
+    @apply bg-background text-foreground;
+  }
+}

package/ui/styles/palette.css

@@ -0,0 +1,94 @@
+/*
+ * lenne.Tech semantic color palette (same scales and steps as nuxt-base-starter's tailwind.css, so Nuxt and
+ * Angular apps of the stack look alike): primary (green), secondary (indigo), success (emerald), info (blue),
+ * warning (amber), error (red), neutral (slate). Every scale is a Tailwind color (`bg-primary-500`, `text-error-700`),
+ * and the semantic tokens below map onto the steps that pass WCAG AA in all three roles (fill under white text, text on
+ * white, text on a 10 % tint): primary-800, secondary-600, success-700, info-700, warning-800, error-700; dark mode uses
+ * the 400 step. Override a scale or a token in your own stylesheet after the theme import.
+ */
+
+@theme {
+  --color-primary-50: #f0fdf4;
+  --color-primary-100: #dcfce7;
+  --color-primary-200: #bbf7d0;
+  --color-primary-300: #86efac;
+  --color-primary-400: #4ade80;
+  --color-primary-500: #22c55e;
+  --color-primary-600: #16a34a;
+  --color-primary-700: #15803d;
+  --color-primary-800: #166534;
+  --color-primary-900: #14532d;
+  --color-primary-950: #052e16;
+
+  --color-secondary-50: #eef2ff;
+  --color-secondary-100: #e0e7ff;
+  --color-secondary-200: #c7d2fe;
+  --color-secondary-300: #a5b4fc;
+  --color-secondary-400: #818cf8;
+  --color-secondary-500: #6366f1;
+  --color-secondary-600: #4f46e5;
+  --color-secondary-700: #4338ca;
+  --color-secondary-800: #3730a3;
+  --color-secondary-900: #312e81;
+  --color-secondary-950: #1e1b4b;
+
+  --color-success-50: #ecfdf5;
+  --color-success-100: #d1fae5;
+  --color-success-200: #a7f3d0;
+  --color-success-300: #6ee7b7;
+  --color-success-400: #34d399;
+  --color-success-500: #10b981;
+  --color-success-600: #059669;
+  --color-success-700: #047857;
+  --color-success-800: #065f46;
+  --color-success-900: #064e3b;
+  --color-success-950: #022c22;
+
+  --color-info-50: #eff6ff;
+  --color-info-100: #dbeafe;
+  --color-info-200: #bfdbfe;
+  --color-info-300: #93c5fd;
+  --color-info-400: #60a5fa;
+  --color-info-500: #3b82f6;
+  --color-info-600: #2563eb;
+  --color-info-700: #1d4ed8;
+  --color-info-800: #1e40af;
+  --color-info-900: #1e3a8a;
+  --color-info-950: #172554;
+
+  --color-warning-50: #fffbeb;
+  --color-warning-100: #fef3c7;
+  --color-warning-200: #fde68a;
+  --color-warning-300: #fcd34d;
+  --color-warning-400: #fbbf24;
+  --color-warning-500: #f59e0b;
+  --color-warning-600: #d97706;
+  --color-warning-700: #b45309;
+  --color-warning-800: #92400e;
+  --color-warning-900: #78350f;
+  --color-warning-950: #451a03;
+
+  --color-error-50: #fef2f2;
+  --color-error-100: #fee2e2;
+  --color-error-200: #fecaca;
+  --color-error-300: #fca5a5;
+  --color-error-400: #f87171;
+  --color-error-500: #ef4444;
+  --color-error-600: #dc2626;
+  --color-error-700: #b91c1c;
+  --color-error-800: #991b1b;
+  --color-error-900: #7f1d1d;
+  --color-error-950: #450a0a;
+
+  --color-neutral-50: #f8fafc;
+  --color-neutral-100: #f1f5f9;
+  --color-neutral-200: #e2e8f0;
+  --color-neutral-300: #cbd5e1;
+  --color-neutral-400: #94a3b8;
+  --color-neutral-500: #64748b;
+  --color-neutral-600: #475569;
+  --color-neutral-700: #334155;
+  --color-neutral-800: #1e293b;
+  --color-neutral-900: #0f172a;
+  --color-neutral-950: #020617;
+}

package/ui/styles/theme.css

@@ -0,0 +1,14 @@
+/*
+ * lenne.Tech ng-base theme (Tailwind CSS 4): core plus the classes of every ng-base component.
+ *
+ * Import it in the app stylesheet right after Tailwind:
+ *
+ *   @import 'tailwindcss';
+ *   @import '@lenne.tech/ng-base/ui/styles/theme.css';   (npm mode)
+ *   @import './core/ui/styles/theme.css';                 (vendor mode, path relative to src/styles.css)
+ *
+ * Every component costs CSS (the full set is about 195 kB raw / 20 kB gzip). To ship less, import `core.css` and the
+ * files in `components/` of the components the app renders instead (see core.css).
+ */
+@import './core.css';
+@import './components/index.css';