@exxatdesignux/ui 0.2.18 → 0.3.0

package/template/app/(app)/data-list/[id]/page.tsx

@@ -1,44 +0,0 @@
-import Link from "next/link"
-import { notFound } from "next/navigation"
-import { PrimaryPageTemplate } from "@/components/templates/primary-page-template"
-import { Button } from "@/components/ui/button"
-import { getPlacementById } from "@/lib/mock/placements"
-
-export default async function RecordDetailPage({
-  params,
-}: {
-  params: Promise<{ id: string }>
-}) {
-  const { id } = await params
-  const row = getPlacementById(Number(id))
-  if (!row) notFound()
-
-  return (
-    <PrimaryPageTemplate
-      siteHeader={{
-        title: "Record",
-        breadcrumbs: [{ label: "List hub", href: "/data-list" }],
-      }}
-      maxWidthClassName="max-w-2xl"
-      contentClassName="px-4 lg:px-6 py-6"
-      bodyClassName="overflow-y-auto"
-    >
-      <p className="text-sm text-muted-foreground mb-6">
-        Demo read-only detail — replace with your domain route and data fetch.
-      </p>
-      <dl className="grid gap-3 text-sm sm:grid-cols-[minmax(0,10rem)_1fr]">
-        <dt className="text-muted-foreground">Primary label</dt>
-        <dd className="font-medium text-foreground">{row.student}</dd>
-        <dt className="text-muted-foreground">Status</dt>
-        <dd>{row.status}</dd>
-        <dt className="text-muted-foreground">Site</dt>
-        <dd>{row.site}</dd>
-        <dt className="text-muted-foreground">Program</dt>
-        <dd>{row.program}</dd>
-      </dl>
-      <Button asChild variant="outline" className="mt-8">
-        <Link href="/data-list">Back to list</Link>
-      </Button>
-    </PrimaryPageTemplate>
-  )
-}

package/template/app/(app)/data-list/new/page.tsx

@@ -1,34 +0,0 @@
-import Link from "next/link"
-import { NewPlacementForm } from "@/components/new-placement-form"
-import { SidebarAutoCollapse } from "@/components/sidebar-auto-collapse"
-import { PrimaryPageTemplate } from "@/components/templates/primary-page-template"
-
-export default function NewRecordPage() {
-  return (
-    <PrimaryPageTemplate
-      beforeSiteHeader={<SidebarAutoCollapse />}
-      bodyClassName="overflow-y-auto"
-      maxWidthClassName="max-w-3xl"
-      contentClassName="px-8 pt-10 pb-32"
-    >
-      <Link
-        href="/data-list"
-        className="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-interactive-hover-foreground transition-colors mb-5 group"
-        aria-label="Back to list hub"
-      >
-        <i className="fa-light fa-arrow-left text-xs transition-transform group-hover:-translate-x-0.5" aria-hidden="true" />
-        Back
-      </Link>
-      <h1
-        className="text-[2.25rem] font-semibold tracking-tight leading-none text-foreground mb-2"
-        style={{ fontFamily: "var(--font-heading)" }}
-      >
-        New record
-      </h1>
-      <p className="text-sm text-muted-foreground mb-8">
-        Multi-step wizard shell (demo fields) — swap the form for your product flow.
-      </p>
-      <NewPlacementForm />
-    </PrimaryPageTemplate>
-  )
-}

package/template/app/(app)/data-list/page.tsx

@@ -1,10 +0,0 @@
-import { PlacementsClient } from "@/components/placements-client"
-import { PrimaryPageTemplate } from "@/components/templates/primary-page-template"
-
-export default function DataListPage() {
-  return (
-    <PrimaryPageTemplate siteHeader={{ title: "List hub" }}>
-      <PlacementsClient />
-    </PrimaryPageTemplate>
-  )
-}

package/template/components/compliance-list-view.tsx

@@ -1,54 +0,0 @@
-"use client"
-
-import { ListHubStatusBadge } from "@/components/list-hub-status-badge"
-import { ListPageBoardCard } from "@/components/data-views/list-page-board-card"
-import { DataRowList } from "@/components/data-views/data-row-list"
-import {
-  COMPLIANCE_STATUS_BADGE_CLASS,
-  COMPLIANCE_STATUS_ICON,
-  COMPLIANCE_STATUS_LABEL,
-} from "@/lib/list-status-badges"
-import type { ComplianceItem } from "@/lib/mock/compliance"
-
-export function ComplianceListView({
-  rows,
-  onRowActivate,
-}: {
-  rows: ComplianceItem[]
-  onRowActivate?: (row: ComplianceItem) => void
-}) {
-  return (
-    <DataRowList<ComplianceItem>
-      rows={rows}
-      getRowId={row => row.id}
-      emptyState="No compliance items match your filters."
-      ariaLabel="Compliance items"
-      renderRow={row => (
-        <ListPageBoardCard
-          layout="row"
-          rowContainerClassName="flex w-full flex-col gap-1 sm:flex-row sm:items-center sm:gap-4"
-          onClick={onRowActivate ? () => onRowActivate(row) : undefined}
-          rowEnd={
-            <div className="flex shrink-0 items-center gap-2">
-              <ListHubStatusBadge
-                surface="board"
-                label={COMPLIANCE_STATUS_LABEL[row.status]}
-                tintClassName={COMPLIANCE_STATUS_BADGE_CLASS[row.status]}
-                icon={COMPLIANCE_STATUS_ICON[row.status]}
-              />
-              <i className="fa-light fa-chevron-right text-xs text-muted-foreground" aria-hidden="true" />
-            </div>
-          }
-        >
-          <div className="space-y-0.5">
-            <p className="text-sm font-semibold text-foreground">{row.title}</p>
-            <p className="text-xs text-muted-foreground">
-              {row.category} · Due {row.dueDate}
-            </p>
-            <p className="text-xs text-muted-foreground">Owner: {row.owner}</p>
-          </div>
-        </ListPageBoardCard>
-      )}
-    />
-  )
-}

package/template/components/dashboard-onboarding-gallery.tsx

@@ -1,13 +0,0 @@
-"use client"
-
-/**
- * @deprecated Prefer importing `DashboardOnboarding` from `@/components/dashboard-onboarding`.
- * Kept as a stable import path for existing call sites.
- */
-
-export {
-  DashboardOnboarding as DashboardOnboardingGallery,
-  DASHBOARD_ONBOARDING_STORAGE_KEY,
-  renderDashboardOnboardingVariant,
-} from "@/components/dashboard-onboarding"
-export type { DashboardOnboardingVariant, DashboardOnboardingProps } from "@/components/dashboard-onboarding"

package/template/components/dashboard-onboarding.tsx

@@ -1,21 +0,0 @@
-"use client"
-
-/**
- * @deprecated Prefer `GettingStarted` from `@/components/getting-started`.
- * Kept as a compatibility layer for existing imports.
- */
-import { GettingStarted, GETTING_STARTED_STORAGE_KEY, renderGettingStartedVariant } from "@/components/getting-started"
-import type { GettingStartedVariant } from "@/components/getting-started"
-
-export const DASHBOARD_ONBOARDING_STORAGE_KEY = GETTING_STARTED_STORAGE_KEY
-export type DashboardOnboardingVariant = GettingStartedVariant
-export const renderDashboardOnboardingVariant = renderGettingStartedVariant
-
-export interface DashboardOnboardingProps {
-  inset?: boolean
-  titleAs?: "h1" | "h2"
-}
-
-export function DashboardOnboarding({ inset = true, titleAs = "h2" }: DashboardOnboardingProps) {
-  return <GettingStarted inset={inset} titleAs={titleAs} />
-}

package/template/components/question-bank-list-view.tsx

@@ -1,53 +0,0 @@
-"use client"
-
-import type { QuestionBankItem } from "@/lib/mock/question-bank"
-import { ListPageBoardCard } from "@/components/data-views/list-page-board-card"
-import { DataRowList } from "@/components/data-views/data-row-list"
-import { formatDateUS } from "@/lib/date-filter"
-import {
-  QuestionBankFavoriteButton,
-  QUESTION_BANK_FAVORITE_HOVER_GROUP,
-} from "@/components/question-bank-favorite-button"
-
-export function QuestionBankListView({
-  rows,
-  onToggleFavorite,
-  onRowActivate,
-}: {
-  rows: QuestionBankItem[]
-  onToggleFavorite: (row: QuestionBankItem) => void
-  /** When set (e.g. table selection), clicking a row toggles the same selection as the grid. */
-  onRowActivate?: (row: QuestionBankItem) => void
-}) {
-  return (
-    <DataRowList<QuestionBankItem>
-      rows={rows}
-      getRowId={row => row.id}
-      emptyState="No questions match your filters."
-      ariaLabel="Questions"
-      renderRow={row => (
-        <ListPageBoardCard
-          className={QUESTION_BANK_FAVORITE_HOVER_GROUP}
-          layout="row"
-          rowContainerClassName="flex w-full flex-col gap-1 sm:flex-row sm:items-center sm:gap-4"
-          onClick={onRowActivate ? () => onRowActivate(row) : undefined}
-          rowEnd={
-            <div className="flex shrink-0 items-center gap-1">
-              <QuestionBankFavoriteButton row={row} onToggleFavorite={onToggleFavorite} />
-              <i className="fa-light fa-chevron-right text-xs text-muted-foreground" aria-hidden="true" />
-            </div>
-          }
-        >
-          <div className="space-y-0.5">
-            <p className="line-clamp-2 text-sm font-semibold text-foreground">{row.stem}</p>
-            <p className="font-mono text-xs text-muted-foreground">{row.questionId}</p>
-            <p className="text-xs text-muted-foreground">
-              {row.topic} · Updated {formatDateUS(row.updatedAt)}
-            </p>
-            <p className="text-xs text-muted-foreground">{row.author}</p>
-          </div>
-        </ListPageBoardCard>
-      )}
-    />
-  )
-}

package/template/components/section-cards.tsx

@@ -1,106 +0,0 @@
-"use client"
-
-import { Badge } from "@/components/ui/badge"
-import {
-  Card,
-  CardAction,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card"
-
-export function SectionCards() {
-  return (
-    <div className="grid grid-cols-1 gap-4 px-4 *:data-[slot=card]:bg-gradient-to-t *:data-[slot=card]:from-primary/5 *:data-[slot=card]:to-card *:data-[slot=card]:shadow-xs lg:px-6 @xl/main:grid-cols-2 @5xl/main:grid-cols-4 dark:*:data-[slot=card]:bg-card">
-      <Card className="@container/card">
-        <CardHeader>
-          <CardDescription>Total Revenue</CardDescription>
-          <CardTitle className="text-2xl font-semibold tabular-nums @[250px]/card:text-3xl">
-            $1,250.00
-          </CardTitle>
-          <CardAction>
-            <Badge variant="outline">
-              <i className="fa-light fa-arrow-trend-up" aria-hidden="true" />
-              +12.5%
-            </Badge>
-          </CardAction>
-        </CardHeader>
-        <CardFooter className="flex-col items-start gap-1.5 text-sm">
-          <div className="line-clamp-1 flex gap-2 font-medium">
-            Trending up this month{" "}
-            <i className="fa-light fa-arrow-trend-up size-4" aria-hidden="true" />
-          </div>
-          <div className="text-muted-foreground">
-            Visitors for the last 6 months
-          </div>
-        </CardFooter>
-      </Card>
-      <Card className="@container/card">
-        <CardHeader>
-          <CardDescription>New Customers</CardDescription>
-          <CardTitle className="text-2xl font-semibold tabular-nums @[250px]/card:text-3xl">
-            1,234
-          </CardTitle>
-          <CardAction>
-            <Badge variant="outline">
-              <i className="fa-light fa-arrow-trend-down" aria-hidden="true" />
-              -20%
-            </Badge>
-          </CardAction>
-        </CardHeader>
-        <CardFooter className="flex-col items-start gap-1.5 text-sm">
-          <div className="line-clamp-1 flex gap-2 font-medium">
-            Down 20% this period{" "}
-            <i className="fa-light fa-arrow-trend-down size-4" aria-hidden="true" />
-          </div>
-          <div className="text-muted-foreground">
-            Acquisition needs attention
-          </div>
-        </CardFooter>
-      </Card>
-      <Card className="@container/card">
-        <CardHeader>
-          <CardDescription>Active Accounts</CardDescription>
-          <CardTitle className="text-2xl font-semibold tabular-nums @[250px]/card:text-3xl">
-            45,678
-          </CardTitle>
-          <CardAction>
-            <Badge variant="outline">
-              <i className="fa-light fa-arrow-trend-up" aria-hidden="true" />
-              +12.5%
-            </Badge>
-          </CardAction>
-        </CardHeader>
-        <CardFooter className="flex-col items-start gap-1.5 text-sm">
-          <div className="line-clamp-1 flex gap-2 font-medium">
-            Strong user retention{" "}
-            <i className="fa-light fa-arrow-trend-up size-4" aria-hidden="true" />
-          </div>
-          <div className="text-muted-foreground">Engagement exceed targets</div>
-        </CardFooter>
-      </Card>
-      <Card className="@container/card">
-        <CardHeader>
-          <CardDescription>Growth Rate</CardDescription>
-          <CardTitle className="text-2xl font-semibold tabular-nums @[250px]/card:text-3xl">
-            4.5%
-          </CardTitle>
-          <CardAction>
-            <Badge variant="outline">
-              <i className="fa-light fa-arrow-trend-up" aria-hidden="true" />
-              +4.5%
-            </Badge>
-          </CardAction>
-        </CardHeader>
-        <CardFooter className="flex-col items-start gap-1.5 text-sm">
-          <div className="line-clamp-1 flex gap-2 font-medium">
-            Steady performance increase{" "}
-            <i className="fa-light fa-arrow-trend-up size-4" aria-hidden="true" />
-          </div>
-          <div className="text-muted-foreground">Meets growth projections</div>
-        </CardFooter>
-      </Card>
-    </div>
-  )
-}

package/template/components/sites-list-view.tsx

@@ -1,42 +0,0 @@
-"use client"
-
-import Link from "next/link"
-import type { SiteDirectoryRow } from "@/lib/mock/sites-directory"
-import { ListPageBoardCard } from "@/components/data-views/list-page-board-card"
-import { DataRowList } from "@/components/data-views/data-row-list"
-
-export function SitesListView({ rows }: { rows: SiteDirectoryRow[] }) {
-  return (
-    <DataRowList<SiteDirectoryRow>
-      rows={rows}
-      getRowId={site => site.id}
-      emptyState="No sites match your search."
-      ariaLabel="Sites"
-      renderRow={site => (
-        <Link
-          href={site.url}
-          className="block rounded-xl text-inherit no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-        >
-          <ListPageBoardCard
-            layout="row"
-            interactive
-            rowContainerClassName="flex flex-row items-center gap-3"
-            leading={
-              <span className="inline-flex size-9 shrink-0 items-center justify-center rounded-md bg-brand/10 text-brand">
-                <i className="fa-light fa-hospital text-sm" aria-hidden="true" />
-              </span>
-            }
-            rowEnd={
-              <i className="fa-light fa-chevron-right text-xs text-muted-foreground" aria-hidden="true" />
-            }
-          >
-            <div className="space-y-0.5">
-              <p className="truncate text-sm font-semibold text-foreground">{site.name}</p>
-              <p className="truncate text-xs text-muted-foreground">{site.id}</p>
-            </div>
-          </ListPageBoardCard>
-        </Link>
-      )}
-    />
-  )
-}

package/template/components/team-list-view.tsx

@@ -1,59 +0,0 @@
-"use client"
-
-/**
- * TeamListView — full-width rows for team roster (same data as DataTable / board).
- * Shell from generic `DataRowList`; row body stays team-specific (avatar,
- * name, role, email, status badge).
- */
-
-import { ListHubStatusBadge } from "@/components/list-hub-status-badge"
-import { ListPageBoardCard, ListPageBoardCardAvatar } from "@/components/data-views/list-page-board-card"
-import { DataRowList } from "@/components/data-views/data-row-list"
-import {
-  TEAM_MEMBER_STATUS_BADGE_CLASS,
-  TEAM_MEMBER_STATUS_ICON,
-  TEAM_MEMBER_STATUS_LABEL,
-} from "@/lib/list-status-badges"
-import type { TeamMember } from "@/lib/mock/team"
-
-export function TeamListView({
-  members,
-  onRowActivate,
-}: {
-  members: TeamMember[]
-  onRowActivate?: (member: TeamMember) => void
-}) {
-  return (
-    <DataRowList<TeamMember>
-      rows={members}
-      getRowId={m => m.id}
-      emptyState="No team members match your filters."
-      ariaLabel="Team members"
-      renderRow={member => (
-        <ListPageBoardCard
-          layout="row"
-          rowContainerClassName="flex flex-row items-center gap-3"
-          onClick={onRowActivate ? () => onRowActivate(member) : undefined}
-          leading={<ListPageBoardCardAvatar initials={member.initials} className="size-9" />}
-          rowEnd={
-            <div className="flex shrink-0 items-center gap-2">
-              <ListHubStatusBadge
-                surface="board"
-                label={TEAM_MEMBER_STATUS_LABEL[member.status]}
-                tintClassName={TEAM_MEMBER_STATUS_BADGE_CLASS[member.status]}
-                icon={TEAM_MEMBER_STATUS_ICON[member.status]}
-              />
-              <i className="fa-light fa-chevron-right text-xs text-muted-foreground" aria-hidden="true" />
-            </div>
-          }
-        >
-          <div className="space-y-0.5">
-            <p className="truncate text-sm font-semibold text-foreground">{member.name}</p>
-            <p className="text-xs text-muted-foreground">{member.role}</p>
-            <p className="truncate text-xs text-muted-foreground">{member.email}</p>
-          </div>
-        </ListPageBoardCard>
-      )}
-    />
-  )
-}

package/template/lib/placement-lifecycle.ts

@@ -1,5 +0,0 @@
-/**
- * Placements lifecycle tab ids — shared by data list page, table shell, and layout helpers
- * without importing column definitions.
- */
-export type PlacementLifecycleTabId = "all" | "upcoming" | "ongoing" | "completed"