@gravitee/graphene-core 0.0.0-graphene-89.5c7c693

package/USAGE_GUIDE.md

@@ -0,0 +1,252 @@
+# Using Graphene
+
+> **Scope:** These rules only apply when working with `@gravitee/graphene-core` components and styles. Do not apply them to unrelated parts of the codebase.
+
+Browse the live documentation and component catalog on [Storybook](https://alpha--69ca386269ab9fdfdf655309.chromatic.com/).
+
+This project uses the Graphene design system (`@gravitee/graphene-core`). Follow these conventions when writing or generating code.
+
+## Package exports
+
+| Export                                                                | What it is                                                                                                                                                    |
+| --------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `@gravitee/graphene-core`                                             | React components and utilities (`cn`, etc.)                                                                                                                   |
+| `@gravitee/graphene-core/styles`                                      | Pre-built CSS (tokens, utilities, base layer). No Tailwind pipeline required in the host to use library styling.                                              |
+| `@gravitee/graphene-core/fonts`                                       | Loads DM Sans via `@fontsource/dm-sans`. Import once in the app entry.                                                                                        |
+| `@gravitee/graphene-core/tailwind-theme`                              | Constrained Tailwind v4 theme: resets default palette/spacing/type and maps utilities to Graphene tokens. Use only if the app runs Tailwind for its own code. |
+| `@gravitee/graphene-core/eslint` / `@gravitee/graphene-core/tsconfig` | Shared tooling configs                                                                                                                                        |
+
+## Dependencies (what the host needs)
+
+- **Required:** `react` and `react-dom` (^19).
+- **Required:** `@fontsource/dm-sans` (>=5) — loaded by `import '@gravitee/graphene-core/fonts'`.
+- **Optional:** `tailwindcss` (^4) — only needed if the app imports `@gravitee/graphene-core/tailwind-theme` and processes its own CSS with Tailwind.
+
+Graphene ships pre-compiled `styles`; the host does **not** need PostCSS or `postcss-import` for Graphene’s CSS file itself. If the app uses Tailwind for local files, configure `@tailwindcss/postcss` (or the Vite plugin) for that entry only.
+
+## Integration tiers
+
+Pick the smallest setup that matches how much Tailwind the app uses.
+
+### Tier 1 — Graphene only (no app Tailwind)
+
+Use this when the screen is built only from Graphene components and plain markup.
+
+```ts
+// main.ts (order as below)
+import '@gravitee/graphene-core/fonts';
+import '@gravitee/graphene-core/styles';
+```
+
+```tsx
+import { Button, Card } from '@gravitee/graphene-core';
+```
+
+No `@source` or Tailwind entry is required for Graphene’s own classes to work; `styles` is plain, compiled CSS.
+
+### Tier 2 — App uses Tailwind v4 for local code (recommended for new shells)
+
+Use the constrained theme so utilities in app code map to Graphene tokens (reduces design drift).
+
+**JavaScript entry** — load **app** Tailwind CSS **before** Graphene styles so Graphene’s `@layer base` rules (for example default `border-color`) win over Tailwind preflight.
+
+```ts
+import '@gravitee/graphene-core/fonts';
+import './styles.css'; // your Tailwind entry — first
+import '@gravitee/graphene-core/styles'; // pre-built Graphene CSS — last
+```
+
+**`styles.css` (example)**
+
+```css
+@import 'tailwindcss';
+@import '@gravitee/graphene-core/tailwind-theme';
+@source './**/*.{ts,tsx}';
+```
+
+Do not add `@source` pointing at Graphene’s package `dist` for styling; Graphene’s utilities are already in `import '@gravitee/graphene-core/styles'`.
+
+## Imports (components)
+
+- All components are named exports from `@gravitee/graphene-core`:
+
+```tsx
+import { Button, Badge, Card, Input } from '@gravitee/graphene-core';
+```
+
+- Never import from internal paths like `@gravitee/graphene-core/base/Button` or `@gravitee/graphene-core/lib/utils`. These are private and may change without notice.
+
+## Token reference (Tailwind utilities)
+
+When using **Tier 2**, the constrained theme exposes only these scales. Prefer them over arbitrary values (`bg-blue-500`, `p-[13px]`, etc.) so UI stays aligned with the system.
+
+### Colors (semantic)
+
+Maps to CSS variables from Graphene themes. Use utilities like `bg-*`, `text-*`, `border-*`:
+
+`background`, `foreground`, `card`, `card-foreground`, `popover`, `popover-foreground`, `primary`, `primary-foreground`, `secondary`, `secondary-foreground`, `muted`, `muted-foreground`, `accent`, `accent-foreground`, `destructive`, `destructive-foreground`, `success`, `success-foreground`, `warning`, `warning-foreground`, `border`, `input`, `ring`.
+
+Also: `transparent`, `current`, `black`, `white` (mapped to Graphene neutrals where defined).
+
+### Sidebar
+
+`sidebar`, `sidebar-foreground`, `sidebar-border`, `sidebar-accent`, `sidebar-accent-foreground`, `sidebar-primary`, `sidebar-primary-foreground`, `sidebar-ring`.
+
+### Spacing
+
+Scale: `0`, `0.5`, `1`, `1.5`, `2`, `2.5`, `3`, `3.5`, `4`, `5`, `6`, `8`, `10`, `12`, `16`, `20`, `24`, `px`, plus layout tokens `content`, `topnav`, `sidebar-height` (e.g. `p-4`, `gap-2`, `h-topnav`).
+
+### Typography
+
+- **Font:** `font-sans` (DM Sans stack when fonts are loaded).
+- **Size:** `text-xs` through `text-3xl` (Graphene type scale).
+
+### Radius
+
+`rounded-sm`, `rounded-md`, `rounded-lg`, `rounded-xl` (mapped to semantic `--radius`).
+
+### Layout
+
+- Content max width is defined on the theme token `--container-content` (maps to `--content-max-width`). Use the max-width utility Tailwind emits for that token in your setup.
+
+## Styling
+
+- Use semantic design tokens for colors, not raw Tailwind defaults:
+
+```tsx
+/* Good */
+<div className="bg-primary text-primary-foreground" />
+<div className="border-border text-muted-foreground" />
+<div className="bg-destructive text-destructive-foreground" />
+
+/* Bad - unconstrained palette */
+<div className="bg-blue-600 text-white" />
+<div className="border-gray-200 text-gray-500" />
+```
+
+- Use the `cn()` utility to merge Tailwind classes. Import it from `@gravitee/graphene-core`:
+
+```tsx
+import { cn } from '@gravitee/graphene-core';
+
+<div className={cn('rounded-lg p-4', isActive && 'bg-accent', className)} />;
+```
+
+- Dark mode is driven by semantic tokens and the `dark` class on the root. Prefer tokens over ad hoc `dark:` utilities unless you need a one-off exception.
+
+## Layout composition
+
+Graphene has two layers:
+
+- **Base** components (Button, Input, Card, Badge…) are primitives. Use them directly.
+- **Composed** components (`AppLayout`, `AppSidebar`, `ContentHeader`, …) encode shell layout: top navigation height, sidebar width, content padding, and main/column structure.
+
+**Prefer composed layout components** for application shells instead of re-implementing the same grid/flex and spacing:
+
+```tsx
+/* Good — use AppLayout pieces as in Storybook */
+<AppLayout>
+  <AppSidebar>...</AppSidebar>
+  <AppLayout.Main>
+    <ContentHeader title="..." />
+    {/* page content */}
+  </AppLayout.Main>
+</AppLayout>
+
+/* Bad — one-off shell with random spacing and widths */
+<div className="flex h-screen">
+  <aside className="w-64" />
+  <main className="p-6 flex-1" />
+</div>
+```
+
+Compose with **Card**, **Tabs**, and other primitives inside the regions the layout components provide. Keep page-level spacing on the Graphene scale (`p-4`, `gap-2`, …) from the token table above.
+
+For content blocks, prefer Graphene’s primitives over reimplementing them:
+
+```tsx
+/* Good */
+<Card>
+  <CardHeader>
+    <CardTitle>Title</CardTitle>
+    <CardDescription>Description</CardDescription>
+  </CardHeader>
+  <CardContent>...</CardContent>
+</Card>
+
+/* Bad - reimplementing Card with raw divs */
+<div className="rounded-lg border bg-card p-6 shadow-sm">
+  <h3 className="font-semibold">Title</h3>
+  <p className="text-muted-foreground">Description</p>
+</div>
+```
+
+## Component variants
+
+Components use `variant` and `size` props. Use the provided variants, don't recreate them with custom classes:
+
+```tsx
+/* Good */
+<Button variant="outline" size="sm">Cancel</Button>
+<Button variant="destructive">Delete</Button>
+<Badge variant="default">Active</Badge>
+
+/* Bad - manually styling what a variant already does */
+<Button className="border border-border bg-transparent">Cancel</Button>
+```
+
+Common variant values:
+
+- **Button**: `variant`: default, outline, secondary, ghost, destructive, link. `size`: default, xs, sm, lg, icon, icon-xs, icon-sm, icon-lg.
+- **Badge**: `variant`: default, secondary, outline, destructive.
+
+## Accessibility
+
+- Always pair inputs with a `<Label>` using `htmlFor`:
+
+```tsx
+<Label htmlFor="email">Email</Label>
+<Input id="email" type="email" />
+```
+
+- Use `Button` for actions, not `<div onClick>` or `<a>` without href.
+- Error states use `aria-invalid` and `aria-describedby`:
+
+```tsx
+<Input id="email" aria-invalid={!!error} aria-describedby="email-error" />;
+{
+  error && (
+    <p id="email-error" className="text-sm text-destructive">
+      {error}
+    </p>
+  );
+}
+```
+
+## TypeScript
+
+- Use strict TypeScript, no `any`.
+- Component props are typed. Use them as-is, don't `as` cast.
+- For extending components, spread remaining props:
+
+```tsx
+interface MyButtonProps extends React.ComponentProps<typeof Button> {
+  loading?: boolean;
+}
+
+function MyButton({ loading, children, ...props }: MyButtonProps) {
+  return (
+    <Button disabled={loading} {...props}>
+      {loading ? 'Loading...' : children}
+    </Button>
+  );
+}
+```
+
+## Common mistakes to avoid
+
+- Importing `@gravitee/graphene-core/styles` **before** the app Tailwind entry when using Tier 2 (preflight can override Graphene base styles such as default border color).
+- Overriding Graphene component internals with `!important` or deeply nested selectors.
+- Creating wrapper components that only pass through all props without adding value.
+- Hardcoding colors, spacing, or border-radius outside the exposed token scales.
+- Using `default export` instead of named exports.

package/dist/__stories__/fixtures/apim/api-catalog.fixture.d.ts

@@ -0,0 +1,12 @@
+/** APIs listed in catalog / drill-down PageLayout demos. */
+export declare const catalogApis: readonly [{
+    readonly name: "Payment Service";
+    readonly versionLabel: "v2.1 · Published";
+}, {
+    readonly name: "User API";
+    readonly versionLabel: "v2.1 · Published";
+}, {
+    readonly name: "Orders API";
+    readonly versionLabel: "v2.1 · Published";
+}];
+//# sourceMappingURL=api-catalog.fixture.d.ts.map

package/dist/__stories__/fixtures/apim/api-catalog.fixture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-catalog.fixture.d.ts","sourceRoot":"","sources":["../../../../src/__stories__/fixtures/apim/api-catalog.fixture.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,eAAO,MAAM,WAAW;;;;;;;;;EAId,CAAC"}

package/dist/__stories__/fixtures/apim/page-layout-labels.fixture.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Example breadcrumbs for PageLayout playground — mirrors a typical APIM shell trail.
+ */
+export declare const pageLayoutPlaygroundBreadcrumbs: readonly [{
+    readonly label: "API Management";
+}, {
+    readonly label: "APIs & Events";
+    readonly href: "#apis-and-events";
+}, {
+    readonly label: "API List";
+}];
+//# sourceMappingURL=page-layout-labels.fixture.d.ts.map

package/dist/__stories__/fixtures/apim/page-layout-labels.fixture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-layout-labels.fixture.d.ts","sourceRoot":"","sources":["../../../../src/__stories__/fixtures/apim/page-layout-labels.fixture.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,+BAA+B;;;;;;;EAIlC,CAAC"}

package/dist/__stories__/fixtures/apim/plans.fixture.d.ts

@@ -0,0 +1,18 @@
+/** Plans table for full-bleed / drill-down PageLayout demos. */
+export declare const samplePlans: readonly [{
+    readonly id: "gold";
+    readonly name: "Gold Plan";
+    readonly status: "Published";
+    readonly rateLimit: "1 000 req/s";
+}, {
+    readonly id: "silver";
+    readonly name: "Silver Plan";
+    readonly status: "Published";
+    readonly rateLimit: "100 req/s";
+}, {
+    readonly id: "free";
+    readonly name: "Free Tier";
+    readonly status: "Staging";
+    readonly rateLimit: "10 req/s";
+}];
+//# sourceMappingURL=plans.fixture.d.ts.map

package/dist/__stories__/fixtures/apim/plans.fixture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plans.fixture.d.ts","sourceRoot":"","sources":["../../../../src/__stories__/fixtures/apim/plans.fixture.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAChE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;EAId,CAAC"}

package/dist/__stories__/fixtures/apis.fixture.d.ts

@@ -0,0 +1,36 @@
+import { LucideIcon } from 'lucide-react';
+import { PaginatedResponse } from './pagination.fixture';
+export type ApiStatus = 'PUBLISHED' | 'DRAFT' | 'DEPRECATED';
+export type ApiType = 'HTTP Proxy' | 'Message' | 'TCP Proxy' | 'Federated';
+export type PortalStatus = 'PUBLISHED' | 'UNPUBLISHED';
+export type PortalVisibility = 'PUBLIC' | 'PRIVATE';
+export interface Api {
+    id: string;
+    name: string;
+    description: string;
+    icon: LucideIcon;
+    iconColor: string;
+    status: ApiStatus;
+    apiType: ApiType;
+    contextPath: string;
+    version: string;
+    plans: number;
+    owner: string;
+    portalStatus: PortalStatus;
+    portalVisibility: PortalVisibility;
+    createdAt: string;
+}
+export declare const apis: readonly Api[];
+export declare const API_STATUS_BADGE_VARIANT: Record<ApiStatus, 'default' | 'secondary' | 'outline'>;
+export declare const API_STATUS_LABEL: Record<ApiStatus, string>;
+export interface FetchApisParams {
+    page: number;
+    perPage: number;
+    sortBy?: keyof Api;
+    sortOrder?: 'asc' | 'desc';
+    status?: ApiStatus[];
+    apiType?: ApiType[];
+    search?: string;
+}
+export declare function fetchApis(params: FetchApisParams): Promise<PaginatedResponse<Api>>;
+//# sourceMappingURL=apis.fixture.d.ts.map

package/dist/__stories__/fixtures/apis.fixture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apis.fixture.d.ts","sourceRoot":"","sources":["../../../src/__stories__/fixtures/apis.fixture.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAI9D,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,CAAC;AAC7D,MAAM,MAAM,OAAO,GAAG,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,CAAC;AAC3E,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,aAAa,CAAC;AACvD,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEpD,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,YAAY,CAAC;IAC3B,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,SAAS,EAAE,MAAM,CAAC;CACnB;AAsPD,eAAO,MAAM,IAAI,EAAE,SAAS,GAAG,EAAU,CAAC;AAI1C,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAI3F,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAItD,CAAC;AAMF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,SAAS,CAAC,MAAM,EAAE,eAAe,GAAG,OAAO,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CA2ClF"}

package/dist/__stories__/fixtures/applications.fixture.d.ts

@@ -0,0 +1,19 @@
+import { LucideIcon } from 'lucide-react';
+import { PaginatedResponse } from './pagination.fixture';
+export type { Pagination, PaginatedResponse } from './pagination.fixture';
+export type ApplicationStatus = 'ACTIVE' | 'STOPPED' | 'ARCHIVED';
+export interface Application {
+    id: string;
+    name: string;
+    description: string;
+    icon: LucideIcon;
+    iconColor: string;
+    status: ApplicationStatus;
+    apiCount: number;
+    createdAt: string;
+}
+export declare const applications: Application[];
+export declare const STATUS_BADGE_VARIANT: Record<ApplicationStatus, 'default' | 'destructive' | 'outline'>;
+export declare const STATUS_LABEL: Record<ApplicationStatus, string>;
+export declare function fetchApplications(page: number, perPage: number): Promise<PaginatedResponse<Application>>;
+//# sourceMappingURL=applications.fixture.d.ts.map

package/dist/__stories__/fixtures/applications.fixture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applications.fixture.d.ts","sourceRoot":"","sources":["../../../src/__stories__/fixtures/applications.fixture.ts"],"names":[],"mappings":"AAAA,OAAO,EAYL,KAAK,UAAU,EAChB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAI1E,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;AAElE,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAID,eAAO,MAAM,YAAY,EAAE,WAAW,EA+GrC,CAAC;AAIF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,iBAAiB,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,CAIjG,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAI1D,CAAC;AAMF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAiBxG"}

package/dist/__stories__/fixtures/environments.fixture.d.ts

@@ -0,0 +1,16 @@
+export type EnvironmentHealth = 'healthy' | 'warning' | 'critical';
+export interface Environment {
+    id: string;
+    name: string;
+    health: EnvironmentHealth;
+    region: string;
+    gateways: number;
+    apis: number;
+    uptime: string;
+    lastDeploy: string;
+}
+export declare const environments: Environment[];
+export declare const HEALTH_COLOR: Record<EnvironmentHealth, string>;
+export declare const HEALTH_BADGE_VARIANT: Record<EnvironmentHealth, 'default' | 'outline' | 'destructive'>;
+export declare function fetchEnvironments(): Promise<Environment[]>;
+//# sourceMappingURL=environments.fixture.d.ts.map

package/dist/__stories__/fixtures/environments.fixture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"environments.fixture.d.ts","sourceRoot":"","sources":["../../../src/__stories__/fixtures/environments.fixture.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEnE,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,iBAAiB,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,WAAW,EAyCrC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAI1D,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,iBAAiB,EAAE,SAAS,GAAG,SAAS,GAAG,aAAa,CAIjG,CAAC;AAMF,wBAAgB,iBAAiB,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC,CAI1D"}

package/dist/__stories__/fixtures/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Storybook fixtures by feature area. Prefer importing from this barrel or from a
+ * specific module (e.g. `./apim/navigation.fixture`) in large stories.
+ */
+export { sampleApps } from './shell/app-switcher.fixture';
+export { sampleEnvironments, sampleEnvironmentsForSidebar } from './shell/environment-picker.fixture';
+export { agentManagementApps, agentManagementNavGroups, sampleNavGroups, pageLayoutNavGroups, contextNavGroups, contextPageTabKeys, findNavLabel, findContextLabel, } from './navigation.fixture';
+export { catalogApis } from './apim/api-catalog.fixture';
+export { samplePlans } from './apim/plans.fixture';
+export { pageLayoutPlaygroundBreadcrumbs } from './apim/page-layout-labels.fixture';
+export { defaultUserName, defaultUserEmail } from './users.fixture';
+export { GlobalSearchInput, DocSection, CodeBlock } from '../helpers/storybook-components';
+//# sourceMappingURL=index.d.ts.map

package/dist/__stories__/fixtures/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/__stories__/fixtures/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAEtG,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,GACjB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAEpF,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEpE,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/__stories__/fixtures/navigation.fixture.d.ts

@@ -0,0 +1,18 @@
+import { NavGroup } from '../../composed/AppSidebar';
+import { SelectorOption } from '../../composed/SelectorDropdown';
+/** Primary (global) sidebar groups for API Management–style shell stories. */
+export declare const sampleNavGroups: NavGroup[];
+/**
+ * Narrower nav set for {@link PageLayout} pattern stories (list + create + applications).
+ */
+export declare const pageLayoutNavGroups: NavGroup[];
+/** Context (resource) sidebar for a single API in drill-down stories. */
+export declare const contextNavGroups: NavGroup[];
+/** Keys used in tabbed page demos — aligned with {@link contextNavGroups}. */
+export declare const contextPageTabKeys: readonly ["overview", "entrypoints", "endpoints", "plans"];
+export declare function findNavLabel(groups: NavGroup[], key: string, fallback?: string): string;
+export declare function findContextLabel(key: string): string;
+/** Agent Management shell — sidebar nav + app switcher options for Empty List / agent stories. */
+export declare const agentManagementNavGroups: NavGroup[];
+export declare const agentManagementApps: SelectorOption[];
+//# sourceMappingURL=navigation.fixture.d.ts.map

package/dist/__stories__/fixtures/navigation.fixture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.fixture.d.ts","sourceRoot":"","sources":["../../../src/__stories__/fixtures/navigation.fixture.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mDAAmD,CAAC;AAExF,8EAA8E;AAC9E,eAAO,MAAM,eAAe,EAAE,QAAQ,EAwBrC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,QAAQ,EAazC,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,gBAAgB,EAAE,QAAQ,EA8BtC,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,kBAAkB,4DAA6D,CAAC;AAE7F,wBAAgB,YAAY,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,SAAS,GAAG,MAAM,CAOvF;AAED,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAEpD;AAED,kGAAkG;AAClG,eAAO,MAAM,wBAAwB,EAAE,QAAQ,EA4B9C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,cAAc,EAG/C,CAAC"}

package/dist/__stories__/fixtures/pagination.fixture.d.ts

@@ -0,0 +1,12 @@
+export interface Pagination {
+    page: number;
+    perPage: number;
+    pageCount: number;
+    pageItemsCount: number;
+    totalCount: number;
+}
+export interface PaginatedResponse<T> {
+    data: T[];
+    pagination: Pagination;
+}
+//# sourceMappingURL=pagination.fixture.d.ts.map

package/dist/__stories__/fixtures/pagination.fixture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.fixture.d.ts","sourceRoot":"","sources":["../../../src/__stories__/fixtures/pagination.fixture.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,UAAU,EAAE,UAAU,CAAC;CACxB"}

package/dist/__stories__/fixtures/shell/app-switcher.fixture.d.ts

@@ -0,0 +1,4 @@
+import { AppDefinition } from '../../../composed/AppSwitcher';
+/** Apps shown in {@link AppSidebar} / {@link AppSwitcher} shell stories. */
+export declare const sampleApps: AppDefinition[];
+//# sourceMappingURL=app-switcher.fixture.d.ts.map

package/dist/__stories__/fixtures/shell/app-switcher.fixture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-switcher.fixture.d.ts","sourceRoot":"","sources":["../../../../src/__stories__/fixtures/shell/app-switcher.fixture.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAElF,4EAA4E;AAC5E,eAAO,MAAM,UAAU,EAAE,aAAa,EAerC,CAAC"}

package/dist/__stories__/fixtures/shell/environment-picker.fixture.d.ts

@@ -0,0 +1,6 @@
+import { SelectorOption } from '../../../composed/SelectorDropdown';
+/** Environment rows for default Storybook chrome (sidebar header picker). */
+export declare const sampleEnvironments: SelectorOption[];
+/** Same environments with icons tinted for primary sidebar header backgrounds. */
+export declare const sampleEnvironmentsForSidebar: SelectorOption[];
+//# sourceMappingURL=environment-picker.fixture.d.ts.map

package/dist/__stories__/fixtures/shell/environment-picker.fixture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"environment-picker.fixture.d.ts","sourceRoot":"","sources":["../../../../src/__stories__/fixtures/shell/environment-picker.fixture.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mDAAmD,CAAC;AAExF,6EAA6E;AAC7E,eAAO,MAAM,kBAAkB,EAAE,cAAc,EAI9C,CAAC;AAEF,kFAAkF;AAClF,eAAO,MAAM,4BAA4B,EAAE,cAAc,EAIxD,CAAC"}

package/dist/__stories__/fixtures/user.fixture.d.ts

@@ -0,0 +1,5 @@
+export declare const defaultUser: {
+    readonly name: "Jane Doe";
+    readonly email: "jane@gravitee.io";
+};
+//# sourceMappingURL=user.fixture.d.ts.map

package/dist/__stories__/fixtures/user.fixture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user.fixture.d.ts","sourceRoot":"","sources":["../../../src/__stories__/fixtures/user.fixture.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;CAA2D,CAAC"}

package/dist/__stories__/fixtures/users.fixture.d.ts

@@ -0,0 +1,3 @@
+export declare const defaultUserName = "Jane Doe";
+export declare const defaultUserEmail = "jane@gravitee.io";
+//# sourceMappingURL=users.fixture.d.ts.map

package/dist/__stories__/fixtures/users.fixture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"users.fixture.d.ts","sourceRoot":"","sources":["../../../src/__stories__/fixtures/users.fixture.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,aAAa,CAAC;AAC1C,eAAO,MAAM,gBAAgB,qBAAqB,CAAC"}

package/dist/__stories__/helpers/storybook-components.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+/** Global search control used in shell / federation documentation stories. */
+declare function GlobalSearchInput(): import("react/jsx-runtime").JSX.Element;
+declare function DocSection({ title, children }: {
+    readonly title: string;
+    readonly children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function CodeBlock({ children }: {
+    readonly children: string;
+}): import("react/jsx-runtime").JSX.Element;
+export { GlobalSearchInput, DocSection, CodeBlock };
+//# sourceMappingURL=storybook-components.d.ts.map

package/dist/__stories__/helpers/storybook-components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storybook-components.d.ts","sourceRoot":"","sources":["../../../src/__stories__/helpers/storybook-components.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,8EAA8E;AAC9E,iBAAS,iBAAiB,4CAazB;AAED,iBAAS,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAOhG;AAED,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,2CAM7D;AAED,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/base/Accordion/Accordion.d.ts

@@ -0,0 +1,8 @@
+import { Accordion as AccordionPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/base/Accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/base/Accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAEpF;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAQnG;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAgBnH;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAUnH;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/base/Accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './Accordion';
+//# sourceMappingURL=index.d.ts.map

package/dist/base/Accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC"}

package/dist/base/Alert/Alert.d.ts

@@ -0,0 +1,12 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertAction({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export type AlertProps = React.ComponentProps<typeof Alert>;
+export { Alert, AlertTitle, AlertDescription, AlertAction, alertVariants };
+//# sourceMappingURL=Alert.d.ts.map

package/dist/base/Alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/base/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,aAAa;;8EAclB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,2CAUlE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAExE;AAED,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC"}

package/dist/base/Alert/index.d.ts

@@ -0,0 +1,3 @@
+export { Alert, AlertTitle, AlertDescription, AlertAction, alertVariants } from './Alert';
+export type { AlertProps } from './Alert';
+//# sourceMappingURL=index.d.ts.map

package/dist/base/Alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC1F,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/base/Avatar/Avatar.d.ts

@@ -0,0 +1,12 @@
+import { Avatar as AvatarPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
+    size?: 'default' | 'sm' | 'lg';
+}): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarBadge({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge };
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/base/Avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/base/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrD,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;CAChC,2CAYA;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQ/F;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,2CAWrG;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAczE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWxE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7E;AAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAC"}

package/dist/base/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount } from './Avatar';
+//# sourceMappingURL=index.d.ts.map

package/dist/base/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC"}

package/dist/base/Badge/Badge.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "secondary" | "outline" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };
+//# sourceMappingURL=Badge.d.ts.map

package/dist/base/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/base/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,aAAa;;8EAgBlB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAmB,EACnB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAM3F;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/base/Badge/index.d.ts

@@ -0,0 +1,2 @@
+export { Badge, badgeVariants } from './Badge';
+//# sourceMappingURL=index.d.ts.map

package/dist/base/Badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}