@arclux/arc-ui-angular 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Arclight Digital, LLC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,56 @@
+# @arclux/arc-ui-angular
+
+Angular standalone component wrappers for [ARC UI](https://arcui.dev) web components.
+
+> **Auto-generated** -- this package is produced by [Prism](../../prism.config.js) from the canonical source in [`@arclux/arc-ui`](../web-components/). Do not edit by hand.
+
+## Installation
+
+```bash
+npm install @arclux/arc-ui-angular @arclux/arc-ui
+```
+
+Requires `@angular/core >= 17.0.0`.
+
+## Usage
+
+```typescript
+import { Component } from '@angular/core';
+import { Button, Card, Input } from '@arclux/arc-ui-angular';
+
+@Component({
+  standalone: true,
+  imports: [Button, Card, Input],
+  template: `
+    <arc-button variant="primary" (click)="onClick()">Get Started</arc-button>
+    <arc-card>
+      <h3>Card Title</h3>
+      <p>Card content.</p>
+    </arc-card>
+    <arc-input label="Email" type="email" placeholder="you@example.com"></arc-input>
+  `,
+})
+export class AppComponent {
+  onClick() {
+    console.log('clicked');
+  }
+}
+```
+
+Components are organized by category and can be imported from subpaths:
+
+```typescript
+import { Button } from '@arclux/arc-ui-angular/input';
+import { Card }   from '@arclux/arc-ui-angular/content';
+import { AppShell } from '@arclux/arc-ui-angular/layout';
+```
+
+## Documentation
+
+Full component docs and interactive examples: [arcui.dev](https://arcui.dev)
+
+## Links
+
+- [Canonical source (`@arclux/arc-ui`)](../web-components/)
+- [Root README](../../README.md)
+- [License](../../LICENSE)

package/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "@arclux/arc-ui-angular",
+  "version": "1.0.0",
+  "description": "Angular standalone component wrappers for ARC UI Web Components.",
+  "type": "module",
+  "main": "src/index.ts",
+  "module": "src/index.ts",
+  "types": "src/index.ts",
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "default": "./src/index.ts"
+    },
+    "./content": {
+      "types": "./src/content/index.ts",
+      "default": "./src/content/index.ts"
+    },
+    "./input": {
+      "types": "./src/input/index.ts",
+      "default": "./src/input/index.ts"
+    },
+    "./feedback": {
+      "types": "./src/feedback/index.ts",
+      "default": "./src/feedback/index.ts"
+    },
+    "./navigation": {
+      "types": "./src/navigation/index.ts",
+      "default": "./src/navigation/index.ts"
+    },
+    "./layout": {
+      "types": "./src/layout/index.ts",
+      "default": "./src/layout/index.ts"
+    },
+    "./shared": {
+      "types": "./src/shared/index.ts",
+      "default": "./src/shared/index.ts"
+    }
+  },
+  "files": [
+    "src/"
+  ],
+  "sideEffects": false,
+  "peerDependencies": {
+    "@angular/core": ">=17.0.0"
+  },
+  "dependencies": {
+    "@arclux/arc-ui": "1.0.0"
+  },
+  "license": "MIT",
+  "keywords": [
+    "angular",
+    "web-components",
+    "design-system",
+    "arclight"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/arclight-digital/arc-ui",
+    "directory": "packages/angular"
+  },
+  "homepage": "https://arcui.dev",
+  "bugs": {
+    "url": "https://github.com/arclight-digital/arc-ui/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "echo 'Consumed directly via workspace — no build step required'"
+  }
+}

package/src/application/AppShell.ts

@@ -0,0 +1,14 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-app-shell',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-app-shell [sidebarOpen]="sidebarOpen"><ng-content /></arc-app-shell>`,
+})
+export class AppShell {
+  @Input() sidebarOpen: boolean = false;
+}

package/src/application/AuthShell.ts

@@ -0,0 +1,14 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-auth-shell',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-auth-shell [attr.variant]="variant"><ng-content /></arc-auth-shell>`,
+})
+export class AuthShell {
+  @Input() variant: string = 'centered';
+}

package/src/application/Breadcrumb.ts

@@ -0,0 +1,15 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input, Output, EventEmitter } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-breadcrumb',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-breadcrumb [attr._items]="_items" (arc-navigate)="arcNavigate.emit($event)"><ng-content /></arc-breadcrumb>`,
+})
+export class Breadcrumb {
+  @Input() _items: string = [];
+  @Output() arcNavigate = new EventEmitter<CustomEvent>();
+}

package/src/application/BreadcrumbItem.ts

@@ -0,0 +1,14 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-breadcrumb-item',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-breadcrumb-item [attr.href]="href"><ng-content /></arc-breadcrumb-item>`,
+})
+export class BreadcrumbItem {
+  @Input() href: string = '';
+}

package/src/application/Container.ts

@@ -0,0 +1,14 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-container',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-container [narrow]="narrow"><ng-content /></arc-container>`,
+})
+export class Container {
+  @Input() narrow: boolean = false;
+}

package/src/application/DashboardGrid.ts

@@ -0,0 +1,16 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-dashboard-grid',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-dashboard-grid [attr.columns]="columns" [attr.gap]="gap" [attr.minColumnWidth]="minColumnWidth"><ng-content /></arc-dashboard-grid>`,
+})
+export class DashboardGrid {
+  @Input() columns: number = 3;
+  @Input() gap: string = 'var(--space-lg)';
+  @Input() minColumnWidth: string = '280px';
+}

package/src/application/Footer.ts

@@ -0,0 +1,15 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-footer',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-footer [compact]="compact" [border]="border"><ng-content /></arc-footer>`,
+})
+export class Footer {
+  @Input() compact: boolean = false;
+  @Input() border: boolean = true;
+}

package/src/application/NavItem.ts

@@ -0,0 +1,16 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-nav-item',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-nav-item [attr.href]="href" [active]="active" [attr.description]="description"><ng-content /></arc-nav-item>`,
+})
+export class NavItem {
+  @Input() href: string = '';
+  @Input() active: boolean = false;
+  @Input() description: string = '';
+}

package/src/application/NavigationMenu.ts

@@ -0,0 +1,15 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-navigation-menu',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-navigation-menu [attr._items]="_items" [attr._openIndex]="_openIndex"><ng-content /></arc-navigation-menu>`,
+})
+export class NavigationMenu {
+  @Input() _items: string = [];
+  @Input() _openIndex: string = -1;
+}

package/src/application/NotificationPanel.ts

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input, Output, EventEmitter } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-notification-panel',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-notification-panel [open]="open" [attr.position]="position" [attr.maxHeight]="maxHeight" (arc-open)="arcOpen.emit($event)" (arc-close)="arcClose.emit($event)"><ng-content /></arc-notification-panel>`,
+})
+export class NotificationPanel {
+  @Input() open: boolean = false;
+  @Input() position: string = 'top-right';
+  @Input() maxHeight: string = '400px';
+  @Output() arcOpen = new EventEmitter<CustomEvent>();
+  @Output() arcClose = new EventEmitter<CustomEvent>();
+}

package/src/application/PageHeader.ts

@@ -0,0 +1,15 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-page-header',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-page-header [attr.heading]="heading" [attr.description]="description"><ng-content /></arc-page-header>`,
+})
+export class PageHeader {
+  @Input() heading: string = '';
+  @Input() description: string = '';
+}

package/src/application/PageLayout.ts

@@ -0,0 +1,16 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-page-layout',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-page-layout [attr.layout]="layout" [attr.maxWidth]="maxWidth" [attr.gap]="gap"><ng-content /></arc-page-layout>`,
+})
+export class PageLayout {
+  @Input() layout: string = 'centered';
+  @Input() maxWidth: string = '1120px';
+  @Input() gap: string = 'var(--space-xl)';
+}

package/src/application/Resizable.ts

@@ -0,0 +1,19 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input, Output, EventEmitter } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-resizable',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-resizable [attr.direction]="direction" [attr.minSize]="minSize" [attr.maxSize]="maxSize" [attr.size]="size" [attr._dragging]="_dragging" (arc-resize)="arcResize.emit($event)"><ng-content /></arc-resizable>`,
+})
+export class Resizable {
+  @Input() direction: 'horizontal' | 'vertical' = 'horizontal';
+  @Input() minSize: number = 100;
+  @Input() maxSize: number = Infinity;
+  @Input() size: number = 300;
+  @Input() _dragging: string = false;
+  @Output() arcResize = new EventEmitter<CustomEvent>();
+}

package/src/application/ScrollSpy.ts

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input, Output, EventEmitter } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-scroll-spy',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-scroll-spy [attr.active]="active" [attr.offset]="offset" [attr._active]="_active" [attr._links]="_links" (arc-change)="arcChange.emit($event)"><ng-content /></arc-scroll-spy>`,
+})
+export class ScrollSpy {
+  @Input() active: string = '';
+  @Input() offset: number = 80;
+  @Input() _active: string = '';
+  @Input() _links: string = [];
+  @Output() arcChange = new EventEmitter<CustomEvent>();
+}

package/src/application/Section.ts

@@ -0,0 +1,14 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-section',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-section [attr.label]="label"><ng-content /></arc-section>`,
+})
+export class Section {
+  @Input() label: string = '';
+}

package/src/application/SettingsLayout.ts

@@ -0,0 +1,14 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-settings-layout',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-settings-layout [attr.navPosition]="navPosition"><ng-content /></arc-settings-layout>`,
+})
+export class SettingsLayout {
+  @Input() navPosition: string = 'left';
+}

package/src/application/Sidebar.ts

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-sidebar',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-sidebar [attr.active]="active" [collapsed]="collapsed" [attr.width]="width" [glow]="glow" [attr._sections]="_sections"><ng-content /></arc-sidebar>`,
+})
+export class Sidebar {
+  @Input() active: string = '';
+  @Input() collapsed: boolean = false;
+  @Input() width: string = '260px';
+  @Input() glow: boolean = false;
+  @Input() _sections: string = [];
+}

package/src/application/SidebarLink.ts

@@ -0,0 +1,15 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-sidebar-link',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-sidebar-link [attr.href]="href" [active]="active"><ng-content /></arc-sidebar-link>`,
+})
+export class SidebarLink {
+  @Input() href: string = '';
+  @Input() active: boolean = false;
+}

package/src/application/SidebarSection.ts

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input, Output, EventEmitter } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-sidebar-section',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-sidebar-section [attr.heading]="heading" [collapsible]="collapsible" [open]="open" (arc-toggle)="arcToggle.emit($event)"><ng-content /></arc-sidebar-section>`,
+})
+export class SidebarSection {
+  @Input() heading: string = '';
+  @Input() collapsible: boolean = false;
+  @Input() open: boolean = true;
+  @Output() arcToggle = new EventEmitter<CustomEvent>();
+}

package/src/application/SplitPane.ts

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input, Output, EventEmitter } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-split-pane',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-split-pane [attr.orientation]="orientation" [attr.ratio]="ratio" [attr.minRatio]="minRatio" [attr.maxRatio]="maxRatio" (arc-resize)="arcResize.emit($event)"><ng-content /></arc-split-pane>`,
+})
+export class SplitPane {
+  @Input() orientation: string = 'horizontal';
+  @Input() ratio: number = 0.5;
+  @Input() minRatio: number = 0.15;
+  @Input() maxRatio: number = 0.85;
+  @Output() arcResize = new EventEmitter<CustomEvent>();
+}

package/src/application/SpyLink.ts

@@ -0,0 +1,14 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-spy-link',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-spy-link [attr.target]="target"><ng-content /></arc-spy-link>`,
+})
+export class SpyLink {
+  @Input() target: string = '';
+}

package/src/application/StatusBar.ts

@@ -0,0 +1,14 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-status-bar',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-status-bar [attr.position]="position"><ng-content /></arc-status-bar>`,
+})
+export class StatusBar {
+  @Input() position: string = 'static';
+}

package/src/application/Toolbar.ts

@@ -0,0 +1,16 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-toolbar',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-toolbar [sticky]="sticky" [attr.size]="size" [border]="border"><ng-content /></arc-toolbar>`,
+})
+export class Toolbar {
+  @Input() sticky: boolean = false;
+  @Input() size: string = 'md';
+  @Input() border: boolean = true;
+}

package/src/application/TopBar.ts

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input, Output, EventEmitter } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-top-bar',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-top-bar [attr.heading]="heading" [fixed]="fixed" [menuOpen]="menuOpen" (arc-toggle)="arcToggle.emit($event)"><ng-content /></arc-top-bar>`,
+})
+export class TopBar {
+  @Input() heading: string = '';
+  @Input() fixed: boolean = false;
+  @Input() menuOpen: boolean = false;
+  @Output() arcToggle = new EventEmitter<CustomEvent>();
+}

package/src/application/index.ts

@@ -0,0 +1,23 @@
+// Auto-generated by @arclux/prism — do not edit manually
+export { AppShell } from './AppShell.js';
+export { AuthShell } from './AuthShell.js';
+export { BreadcrumbItem } from './BreadcrumbItem.js';
+export { Container } from './Container.js';
+export { DashboardGrid } from './DashboardGrid.js';
+export { Footer } from './Footer.js';
+export { NavItem } from './NavItem.js';
+export { NavigationMenu } from './NavigationMenu.js';
+export { NotificationPanel } from './NotificationPanel.js';
+export { PageHeader } from './PageHeader.js';
+export { PageLayout } from './PageLayout.js';
+export { Resizable } from './Resizable.js';
+export { ScrollSpy } from './ScrollSpy.js';
+export { Section } from './Section.js';
+export { SettingsLayout } from './SettingsLayout.js';
+export { SidebarLink } from './SidebarLink.js';
+export { SidebarSection } from './SidebarSection.js';
+export { SplitPane } from './SplitPane.js';
+export { SpyLink } from './SpyLink.js';
+export { StatusBar } from './StatusBar.js';
+export { Toolbar } from './Toolbar.js';
+export { TopBar } from './TopBar.js';

package/src/content/Accordion.ts

@@ -0,0 +1,15 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-accordion',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-accordion [attr._items]="_items" [attr._openItems]="_openItems"><ng-content /></arc-accordion>`,
+})
+export class Accordion {
+  @Input() _items: string = [];
+  @Input() _openItems: string = 'new Set()';
+}

package/src/content/AccordionItem.ts

@@ -0,0 +1,14 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-accordion-item',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-accordion-item [attr.question]="question"><ng-content /></arc-accordion-item>`,
+})
+export class AccordionItem {
+  @Input() question: string = '';
+}

package/src/content/AnimatedNumber.ts

@@ -0,0 +1,20 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-animated-number',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-animated-number [attr.value]="value" [attr.duration]="duration" [attr.format]="format" [attr.prefix]="prefix" [attr.suffix]="suffix" [attr.decimals]="decimals" [attr.locale]="locale"><ng-content /></arc-animated-number>`,
+})
+export class AnimatedNumber {
+  @Input() value: number = 0;
+  @Input() duration: number = 1000;
+  @Input() format: string = 'number';
+  @Input() prefix: string = '';
+  @Input() suffix: string = '';
+  @Input() decimals: number = 0;
+  @Input() locale: string = 'en-US';
+}

package/src/content/AspectRatio.ts

@@ -0,0 +1,14 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-aspect-ratio',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-aspect-ratio [attr.ratio]="ratio"><ng-content /></arc-aspect-ratio>`,
+})
+export class AspectRatio {
+  @Input() ratio: string = '16/9';
+}