@usefragments/ui 1.1.1 → 1.3.0

package/src/components/TableOfContents/index.tsx

@@ -1,8 +1,8 @@
-'use client';
+"use client";
 
-import * as React from 'react';
-import styles from './TableOfContents.module.scss';
-import { Text } from '../Text';
+import * as React from "react";
+import styles from "./TableOfContents.module.scss";
+import { Text } from "../Text";
 
 // ============================================
 // Types
@@ -18,7 +18,10 @@ export interface TableOfContentsProps extends React.HTMLAttributes<HTMLElement>
   hideTitle?: boolean;
 }
 
-export interface TableOfContentsItemProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {
+export interface TableOfContentsItemProps extends Omit<
+  React.AnchorHTMLAttributes<HTMLAnchorElement>,
+  "children"
+> {
   children: React.ReactNode;
   /** The heading ID to link to */
   id: string;
@@ -89,14 +92,14 @@ function ChevronIcon() {
 
 function TableOfContentsRoot({
   children,
-  label = 'Table of contents',
-  title = 'On This Page',
+  label = "Table of contents",
+  title = "On This Page",
   hideTitle = false,
   className,
-  'aria-label': ariaLabel,
+  "aria-label": ariaLabel,
   ...htmlProps
 }: TableOfContentsProps) {
-  const classes = [styles.root, className].filter(Boolean).join(' ');
+  const classes = [styles.root, className].filter(Boolean).join(" ");
 
   return (
     <nav {...htmlProps} aria-label={ariaLabel ?? label} className={classes}>
@@ -127,11 +130,7 @@ function TableOfContentsItem({
   const { depth } = React.useContext(TocContext);
   const effectiveDepth = depth > 0 ? depth : indent ? 1 : 0;
 
-  const linkClasses = [
-    styles.link,
-    active && styles.active,
-    className,
-  ].filter(Boolean).join(' ');
+  const linkClasses = [styles.link, active && styles.active, className].filter(Boolean).join(" ");
 
   const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {
     onClick?.(e);
@@ -140,23 +139,19 @@ function TableOfContentsItem({
     e.preventDefault();
     const el = document.getElementById(id);
     if (el) {
-      el.scrollIntoView({ behavior: 'smooth' });
-      window.history.replaceState(null, '', `#${id}`);
+      el.scrollIntoView({ behavior: "smooth" });
+      window.history.replaceState(null, "", `#${id}`);
     }
   };
 
   return (
-    <li
-      className={styles.item}
-      data-depth={effectiveDepth}
-      data-active={active || undefined}
-    >
+    <li className={styles.item} data-depth={effectiveDepth} data-active={active || undefined}>
       <a
         {...htmlProps}
         href={`#${id}`}
         className={linkClasses}
         onClick={handleClick}
-        aria-current={active ? 'location' : undefined}
+        aria-current={active ? "location" : undefined}
       >
         {leading != null && <span className={styles.leading}>{leading}</span>}
         <span className={styles.linkLabel}>{children}</span>
@@ -169,7 +164,7 @@ function TableOfContentsItem({
 function useControlledOpen(
   controlled: boolean | undefined,
   defaultValue: boolean,
-  onChange: ((open: boolean) => void) | undefined,
+  onChange: ((open: boolean) => void) | undefined
 ): [boolean, (next: boolean) => void] {
   const [internal, setInternal] = React.useState(defaultValue);
   const isControlled = controlled !== undefined;
@@ -179,14 +174,14 @@ function useControlledOpen(
       if (!isControlled) setInternal(next);
       onChange?.(next);
     },
-    [isControlled, onChange],
+    [isControlled, onChange]
   );
   return [value, setValue];
 }
 
-// Group renders a Fragment: its header <li> and its children become direct
-// siblings in the parent <ul>, which lets CSS adjacency selectors detect
-// depth transitions and draw the opening/closing elbows.
+// Group renders a Fragment so its header <li> and children remain direct
+// siblings in the parent <ul>. This preserves list semantics and depth-based
+// indentation without adding a nested list inset.
 function TableOfContentsGroup({
   children,
   label,
@@ -209,7 +204,9 @@ function TableOfContentsGroup({
     styles.groupHeader,
     isToggleable && styles.groupHeaderInteractive,
     active && styles.groupHeaderActive,
-  ].filter(Boolean).join(' ');
+  ]
+    .filter(Boolean)
+    .join(" ");
 
   const headerContent = (
     <>
@@ -226,11 +223,7 @@ function TableOfContentsGroup({
 
   return (
     <>
-      <li
-        className={styles.groupHeaderRow}
-        data-depth={depth}
-        data-active={active || undefined}
-      >
+      <li className={styles.groupHeaderRow} data-depth={depth} data-active={active || undefined}>
         {isToggleable ? (
           <button
             type="button"
@@ -244,11 +237,7 @@ function TableOfContentsGroup({
           <div className={headerClasses}>{headerContent}</div>
         )}
       </li>
-      {isOpen && (
-        <TocContext.Provider value={{ depth: depth + 1 }}>
-          {children}
-        </TocContext.Provider>
-      )}
+      {isOpen && <TocContext.Provider value={{ depth: depth + 1 }}>{children}</TocContext.Provider>}
     </>
   );
 }

package/src/index.ts

@@ -257,15 +257,14 @@ export {
   type ExpandedState,
 } from "./components/DataTable";
 
-// DataTable row virtualization (opt-in; requires @tanstack/react-virtual)
-export {
-  DataTableVirtual,
-  useTableVirtualizer,
-  type DataTableVirtualProps,
-  type UseTableVirtualizerOptions,
-  type UseTableVirtualizerResult,
-  type VirtualTableRow,
-} from "./components/DataTable/DataTable.virtual";
+// DataTable row virtualization (opt-in; requires @tanstack/react-virtual).
+// Intentionally NOT re-exported from the main barrel: `useTableVirtualizer`
+// wraps a hook that must resolve synchronously, so — unlike DataTable/Chart/
+// Editor — it cannot be lazy-required. Re-exporting it here (or routing it
+// through the `./data-table` subpath, which the main barrel imports) would
+// statically pull @tanstack/react-virtual into every consumer's Button-only
+// build. It lives behind its own dedicated subpath the barrel never imports:
+//   import { DataTableVirtual, useTableVirtualizer } from "@usefragments/ui/data-table-virtual";
 
 // EmptyState
 export {
@@ -389,6 +388,9 @@ export {
   type ResponsiveGap,
 } from "./components/Stack";
 
+// Main
+export { Main, type MainProps, type MainRegionProps, type MainMeasure } from "./components/Main";
+
 // Text
 export { Text, type TextProps } from "./components/Text";
 

package/src/styles/styles.d.ts

@@ -0,0 +1,8 @@
+// Ambient type surface for the side-effect style entrypoints
+// (`@usefragments/ui/styles` and `@usefragments/ui/globals`). These specifiers
+// resolve to compiled CSS (or the raw SCSS under the `sass` condition) and carry
+// no runtime exports, so a bare `import "@usefragments/ui/styles";` needs a
+// resolvable `types` target to keep TypeScript from erroring. This file ships in
+// the published tarball via the package `files: ["src"]` entry and is referenced
+// by the `types` condition of both exports in `publishConfig`.
+export {};

package/src/tokens/_component-properties.scss

@@ -5,6 +5,7 @@
 // doing so would override each component's fallback/inheritance behavior.
 // Governance reads this file as the explicit vocabulary for dynamic values.
 @mixin fui-component-property-contract {
+  --fui-checkbox-radius: 0.25rem;
   --fui-grid-min-child-width: 16rem;
   --fui-line-clamp: 2;
   --fui-navmenu-viewport-height: 0px;

package/dist/components/Cloud/DashboardLayoutPrototypes.shared.d.ts

@@ -1,33 +0,0 @@
-import { type ProgressProps } from "../Progress";
-export { PrototypeShell } from "./DashboardLayoutPrototypes.shell";
-export type StateVariant = "success" | "warning" | "error" | "info";
-export type AreaRow = {
-    area: string;
-    owner: string;
-    coverage: number;
-    drift: number;
-    criticality: string;
-    state: "Healthy" | "Watching" | "Blocked" | "Review";
-    variant: StateVariant;
-};
-export declare const areas: AreaRow[];
-export declare function MetricPanel({ label, value, progress, variant, }: {
-    label: string;
-    value: string;
-    progress: number;
-    variant?: ProgressProps["variant"];
-}): import("react/jsx-runtime").JSX.Element;
-export declare function CoverageHero({ className }?: {
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function AreasTable({ title }: {
-    title?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function ActionPanel({ className }?: {
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function ActivityPanel(): import("react/jsx-runtime").JSX.Element;
-export declare function ActivityTable(): import("react/jsx-runtime").JSX.Element;
-export declare function StatePanel(): import("react/jsx-runtime").JSX.Element;
-export declare function FindingsToolbar(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DashboardLayoutPrototypes.shared.d.ts.map

package/dist/components/Cloud/DashboardLayoutPrototypes.shared.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardLayoutPrototypes.shared.d.ts","sourceRoot":"","sources":["../../../src/components/Cloud/DashboardLayoutPrototypes.shared.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAK3D,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEpE,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC;IACrD,OAAO,EAAE,YAAY,CAAC;CACvB,CAAC;AAUF,eAAO,MAAM,KAAK,EAAE,OAAO,EAqC1B,CAAC;AAyFF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAmB,GACpB,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CACpC,2CAgBA;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAO,2CAsDtE;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAuB,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAwBzE;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAO,2CAuBrE;AAED,wBAAgB,aAAa,4CAW5B;AAED,wBAAgB,aAAa,4CAY5B;AAED,wBAAgB,UAAU,4CA6BzB;AAED,wBAAgB,eAAe,4CAoB9B"}

package/dist/components/Cloud/DashboardLayoutPrototypes.shell.d.ts

@@ -1,11 +0,0 @@
-import type { ReactNode } from "react";
-export type CloudNavLabel = "Dashboard" | "Pull Requests" | "Backlog" | "Governance" | "Developer setup" | "Settings";
-export declare function PrototypeShell({ activeNav, eyebrow, title, description, actions, children, }: {
-    activeNav?: CloudNavLabel;
-    eyebrow?: string;
-    title: string;
-    description?: string;
-    actions?: ReactNode;
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DashboardLayoutPrototypes.shell.d.ts.map

package/dist/components/Cloud/DashboardLayoutPrototypes.shell.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardLayoutPrototypes.shell.d.ts","sourceRoot":"","sources":["../../../src/components/Cloud/DashboardLayoutPrototypes.shell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAmBvC,MAAM,MAAM,aAAa,GACrB,WAAW,GACX,eAAe,GACf,SAAS,GACT,YAAY,GACZ,iBAAiB,GACjB,UAAU,CAAC;AAmEf,wBAAgB,cAAc,CAAC,EAC7B,SAAuB,EACvB,OAAO,EACP,KAAK,EACL,WAA+E,EAC/E,OAAO,EACP,QAAQ,GACT,EAAE;IACD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAwCA"}

package/dist/components/Cloud/PullRequestsPrototypes.content.d.ts

@@ -1,5 +0,0 @@
-export declare function PrototypeActions(): import("react/jsx-runtime").JSX.Element;
-export declare function PullRequestInbox({ density }: {
-    density?: "condensed" | "regular";
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=PullRequestsPrototypes.content.d.ts.map

package/dist/components/Cloud/PullRequestsPrototypes.content.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PullRequestsPrototypes.content.d.ts","sourceRoot":"","sources":["../../../src/components/Cloud/PullRequestsPrototypes.content.tsx"],"names":[],"mappings":"AAsLA,wBAAgB,gBAAgB,4CAQ/B;AAqFD,wBAAgB,gBAAgB,CAAC,EAAE,OAAqB,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;CAAE,2CAOhG"}

package/dist/components/Cloud/PullRequestsPrototypes.detail-panels.d.ts

@@ -1,4 +0,0 @@
-export declare function FindingsPanel(): import("react/jsx-runtime").JSX.Element;
-export declare function ConversationPanel(): import("react/jsx-runtime").JSX.Element;
-export declare function ChangedFilesPanel(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=PullRequestsPrototypes.detail-panels.d.ts.map

package/dist/components/Cloud/PullRequestsPrototypes.detail-panels.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PullRequestsPrototypes.detail-panels.d.ts","sourceRoot":"","sources":["../../../src/components/Cloud/PullRequestsPrototypes.detail-panels.tsx"],"names":[],"mappings":"AAiHA,wBAAgB,aAAa,4CAyD5B;AAMD,wBAAgB,iBAAiB,4CA8ChC;AAiJD,wBAAgB,iBAAiB,4CAahC"}

package/dist/components/Cloud/PullRequestsPrototypes.detail.d.ts

@@ -1,3 +0,0 @@
-export declare function PullRequestDecisionActions(): import("react/jsx-runtime").JSX.Element;
-export declare function PullRequestDetail(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=PullRequestsPrototypes.detail.d.ts.map

package/dist/components/Cloud/PullRequestsPrototypes.detail.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PullRequestsPrototypes.detail.d.ts","sourceRoot":"","sources":["../../../src/components/Cloud/PullRequestsPrototypes.detail.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,0BAA0B,4CAuBzC;AAED,wBAAgB,iBAAiB,4CA2BhC"}

package/dist/components/Cloud/PullRequestsPrototypes.id-data.d.ts

@@ -1,86 +0,0 @@
-import type { StateVariant } from "./DashboardLayoutPrototypes.shared";
-export type CheckState = "failed" | "passed" | "warning";
-export type GithubCheck = {
-    name: string;
-    state: CheckState;
-    label: string;
-    variant: StateVariant;
-    summary: string;
-    duration: string;
-};
-export type GithubComment = {
-    id: string;
-    author: string;
-    status: string;
-    variant: StateVariant;
-    file: string;
-    line: number;
-    body: string;
-    designerSignal: string;
-};
-export type ImpactArea = {
-    area: string;
-    criticality: string;
-    coverage: string;
-    findings: string;
-    owner: string;
-    review: string;
-    variant: StateVariant;
-};
-export type FindingSeverity = "Blocking" | "Safe fix" | "Review";
-/** How a finding can be remediated — drives the per-row action verb. */
-export type FixKind = "Deterministic" | "Proposed" | "Manual";
-export type PrFinding = {
-    id: string;
-    /** Versioned diagnostic code (FUI####). */
-    code: string;
-    /** Rule family the finding belongs to. */
-    rule: string;
-    severity: FindingSeverity;
-    variant: StateVariant;
-    /** Introduced by this PR (gates merge) vs. pre-existing legacy debt (never gates). */
-    origin: "Introduced" | "Legacy";
-    file: string;
-    line: number;
-    area: string;
-    /** Call-sites this single finding-family touches in the PR — the bulk-action rationale. */
-    occurrences: number;
-    fix: FixKind;
-    suggestion: string;
-    body: string;
-    designerSignal?: string;
-    /** Surfaced as a human-readable review thread in the Conversation tab. */
-    thread?: boolean;
-};
-export type Reviewer = {
-    name: string;
-    status: string;
-    variant: StateVariant;
-};
-export type ChangedFile = {
-    path: string;
-    area: string;
-    additions: number;
-    deletions: number;
-    findings: number;
-};
-export declare const prIdPagePullRequest: {
-    number: number;
-    title: string;
-    branch: string;
-    author: string;
-    coverageBefore: number;
-    coverageAfter: number;
-    comments: number;
-    safeFixes: number;
-};
-export declare const githubChecks: GithubCheck[];
-export declare const impactAreas: ImpactArea[];
-export declare const prFindings: PrFinding[];
-export declare const blockingFindings: PrFinding[];
-export declare const introducedFindings: PrFinding[];
-export declare const threadFindings: PrFinding[];
-export declare const githubComments: GithubComment[];
-export declare const reviewers: Reviewer[];
-export declare const changedFiles: ChangedFile[];
-//# sourceMappingURL=PullRequestsPrototypes.id-data.d.ts.map

package/dist/components/Cloud/PullRequestsPrototypes.id-data.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PullRequestsPrototypes.id-data.d.ts","sourceRoot":"","sources":["../../../src/components/Cloud/PullRequestsPrototypes.id-data.ts"],"names":[],"mappings":"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"}

package/dist/components/Cloud/PullRequestsPrototypes.id-page.d.ts

@@ -1,2 +0,0 @@
-export declare function PullRequestIdPage(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=PullRequestsPrototypes.id-page.d.ts.map

package/dist/components/Cloud/PullRequestsPrototypes.id-page.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PullRequestsPrototypes.id-page.d.ts","sourceRoot":"","sources":["../../../src/components/Cloud/PullRequestsPrototypes.id-page.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,iBAAiB,4CAWhC"}

package/src/components/Accordion/Accordion.stories.tsx

@@ -1,106 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Accordion } from '.';
-
-/**
- * Accordion presents vertically stacked, collapsible content sections for
- * progressive disclosure. It is a compound component: compose Accordion.Item,
- * Accordion.Trigger, and Accordion.Content inside the root.
- */
-const meta = {
-  title: 'Layout/Accordion',
-  component: Accordion,
-  tags: ['autodocs'],
-  parameters: {
-    docs: {
-      description: {
-        component:
-          'Vertically stacked, collapsible content sections for progressive disclosure.',
-      },
-    },
-  },
-  argTypes: {
-    type: {
-      control: 'select',
-      options: ['single', 'multiple'],
-      description: 'Whether one or multiple items can be open',
-    },
-    collapsible: {
-      control: 'boolean',
-      description: 'Whether all items can be closed (single mode only)',
-    },
-    headingLevel: {
-      control: 'select',
-      options: ['2', '3', '4', '5', '6'],
-      description: 'Semantic heading level for accordion triggers',
-    },
-  },
-  args: {
-    type: 'single',
-    collapsible: true,
-    children: (
-      <Accordion.Item value="item-1">
-        <Accordion.Trigger>Section</Accordion.Trigger>
-        <Accordion.Content>Collapsible content.</Accordion.Content>
-      </Accordion.Item>
-    ),
-  },
-} satisfies Meta<typeof Accordion>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Single: Story = {
-  render: () => (
-    <Accordion type="single" collapsible defaultValue="item-1">
-      <Accordion.Item value="item-1">
-        <Accordion.Trigger>What is Fragments UI?</Accordion.Trigger>
-        <Accordion.Content>
-          A React component library built on Base UI primitives.
-        </Accordion.Content>
-      </Accordion.Item>
-      <Accordion.Item value="item-2">
-        <Accordion.Trigger>How do I install it?</Accordion.Trigger>
-        <Accordion.Content>Install via pnpm add @usefragments/ui.</Accordion.Content>
-      </Accordion.Item>
-      <Accordion.Item value="item-3">
-        <Accordion.Trigger>Is it accessible?</Accordion.Trigger>
-        <Accordion.Content>Yes, all components follow WAI-ARIA guidelines.</Accordion.Content>
-      </Accordion.Item>
-    </Accordion>
-  ),
-};
-
-export const Multiple: Story = {
-  render: () => (
-    <Accordion type="multiple" defaultValue={['features', 'pricing']}>
-      <Accordion.Item value="features">
-        <Accordion.Trigger>Features</Accordion.Trigger>
-        <Accordion.Content>Comprehensive components with theming support.</Accordion.Content>
-      </Accordion.Item>
-      <Accordion.Item value="pricing">
-        <Accordion.Trigger>Pricing</Accordion.Trigger>
-        <Accordion.Content>Free and open source, MIT licensed.</Accordion.Content>
-      </Accordion.Item>
-      <Accordion.Item value="support">
-        <Accordion.Trigger>Support</Accordion.Trigger>
-        <Accordion.Content>Community support via GitHub.</Accordion.Content>
-      </Accordion.Item>
-    </Accordion>
-  ),
-};
-
-export const WithDisabledItem: Story = {
-  render: () => (
-    <Accordion type="single" collapsible>
-      <Accordion.Item value="available">
-        <Accordion.Trigger>Available Section</Accordion.Trigger>
-        <Accordion.Content>This section can be expanded and collapsed.</Accordion.Content>
-      </Accordion.Item>
-      <Accordion.Item value="disabled" disabled>
-        <Accordion.Trigger>Disabled Section</Accordion.Trigger>
-        <Accordion.Content>This content is not accessible.</Accordion.Content>
-      </Accordion.Item>
-    </Accordion>
-  ),
-};

package/src/components/Alert/Alert.stories.tsx

@@ -1,119 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Alert } from '.';
-
-/**
- * Alert surfaces contextual feedback messages tied to user actions or system
- * status. It is a compound component: compose Alert.Icon, Alert.Body,
- * Alert.Title, Alert.Content, Alert.Actions, Alert.Action, and Alert.Close.
- */
-const meta = {
-  title: 'Feedback/Alert',
-  component: Alert,
-  tags: ['autodocs'],
-  parameters: {
-    docs: {
-      description: {
-        component:
-          'Contextual feedback messages for user actions or system status with severity levels.',
-      },
-    },
-  },
-  argTypes: {
-    severity: {
-      control: 'select',
-      options: ['info', 'success', 'warning', 'error'],
-      description: 'Visual severity level',
-    },
-  },
-  args: {
-    severity: 'info',
-    children: (
-      <>
-        <Alert.Icon />
-        <Alert.Body>
-          <Alert.Content>Your session will expire in 15 minutes.</Alert.Content>
-        </Alert.Body>
-      </>
-    ),
-  },
-} satisfies Meta<typeof Alert>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Info: Story = {
-  render: () => (
-    <Alert severity="info">
-      <Alert.Icon />
-      <Alert.Body>
-        <Alert.Content>
-          Your session will expire in 15 minutes. Save your work to avoid losing changes.
-        </Alert.Content>
-      </Alert.Body>
-    </Alert>
-  ),
-};
-
-export const Success: Story = {
-  render: () => (
-    <Alert severity="success">
-      <Alert.Icon />
-      <Alert.Body>
-        <Alert.Title>Payment processed</Alert.Title>
-        <Alert.Content>Your order #12345 has been confirmed.</Alert.Content>
-      </Alert.Body>
-    </Alert>
-  ),
-};
-
-export const Warning: Story = {
-  render: () => (
-    <Alert severity="warning">
-      <Alert.Icon />
-      <Alert.Body>
-        <Alert.Title>Storage almost full</Alert.Title>
-        <Alert.Content>You have used 90% of your storage quota.</Alert.Content>
-      </Alert.Body>
-    </Alert>
-  ),
-};
-
-export const Error: Story = {
-  render: () => (
-    <Alert severity="error">
-      <Alert.Icon />
-      <Alert.Body>
-        <Alert.Title>Upload failed</Alert.Title>
-        <Alert.Content>The file could not be uploaded. Try again.</Alert.Content>
-      </Alert.Body>
-    </Alert>
-  ),
-};
-
-export const WithAction: Story = {
-  render: () => (
-    <Alert severity="warning">
-      <Alert.Icon />
-      <Alert.Body>
-        <Alert.Title>Update available</Alert.Title>
-        <Alert.Content>A new version is available with security fixes.</Alert.Content>
-        <Alert.Actions>
-          <Alert.Action onClick={() => {}}>Update now</Alert.Action>
-        </Alert.Actions>
-      </Alert.Body>
-    </Alert>
-  ),
-};
-
-export const Dismissible: Story = {
-  render: () => (
-    <Alert severity="info">
-      <Alert.Icon />
-      <Alert.Body>
-        <Alert.Content>You can customize notification preferences in Settings.</Alert.Content>
-      </Alert.Body>
-      <Alert.Close />
-    </Alert>
-  ),
-};