@exxatdesignux/ui 0.1.0 → 0.2.7

package/template/components/secondary-panel.tsx

@@ -9,15 +9,16 @@
  */
 
 import * as React from "react"
-import { cn }          from "@/lib/utils"
-import { useSidebar }  from "@/components/ui/sidebar"
-import { Tip }         from "@/components/ui/tip"
-import { Button }      from "@/components/ui/button"
+import { cn } from "@/lib/utils"
+import { useSidebar } from "@/components/ui/sidebar"
+import { Tip } from "@/components/ui/tip"
+import { Button } from "@/components/ui/button"
 import {
   InputGroup,
   InputGroupAddon,
   InputGroupInput,
 } from "@/components/ui/input-group"
+import { QuestionBankSecondaryNav } from "@/components/question-bank-secondary-nav"
 
 // ─────────────────────────────────────────────────────────────────────────────
 // Context
@@ -43,7 +44,7 @@ export function useSecondaryPanel() {
 }
 
 export function SecondaryPanelProvider({ children }: { children: React.ReactNode }) {
-  const [activePanel, setActivePanel]     = React.useState<string | null>(null)
+  const [activePanel, setActivePanel] = React.useState<string | null>(null)
   const { setOpen } = useSidebar()
 
   const openPanel = React.useCallback((id: string) => {
@@ -56,9 +57,14 @@ export function SecondaryPanelProvider({ children }: { children: React.ReactNode
     setOpen(true) // expand main sidebar back
   }, [setOpen])
 
-  const value = React.useMemo(() => ({
-    activePanel, openPanel, closePanel,
-  }), [activePanel, openPanel, closePanel])
+  const value = React.useMemo(
+    () => ({
+      activePanel,
+      openPanel,
+      closePanel,
+    }),
+    [activePanel, openPanel, closePanel],
+  )
 
   return (
     <SecondaryPanelContext.Provider value={value}>
@@ -68,26 +74,13 @@ export function SecondaryPanelProvider({ children }: { children: React.ReactNode
 }
 
 // ─────────────────────────────────────────────────────────────────────────────
-// Panel content — Rotations
+// SecondaryPanel — the actual rendered panel
 // ─────────────────────────────────────────────────────────────────────────────
 
-const ROTATION_ITEMS = [
-  { id: "all",        label: "All Rotations",               icon: "fa-folder",  iconActive: "fa-folder", meta: "12 active" },
-  { id: "rotation-1", label: "Clinical Nursing — Fall 2026", icon: "fa-folder",  iconActive: "fa-folder", meta: "8 students" },
-  { id: "rotation-2", label: "PT Fieldwork — Spring 2026",   icon: "fa-folder",  iconActive: "fa-folder", meta: "6 students" },
-  { id: "rotation-3", label: "OT Level II — Summer 2026",    icon: "fa-folder",  iconActive: "fa-folder", meta: "4 students" },
-]
-
-function RotationsPanel() {
+function QuestionBankPanel() {
   const { closePanel } = useSecondaryPanel()
-  const [activeRotation, setActiveRotation] = React.useState("all")
   const [query, setQuery] = React.useState("")
 
-  const q = query.trim().toLowerCase()
-  const filtered = q
-    ? ROTATION_ITEMS.filter(i => i.label.toLowerCase().includes(q))
-    : ROTATION_ITEMS
-
   return (
     <>
       <div className="flex items-center justify-between gap-2 px-4 pt-4 pb-2">
@@ -95,32 +88,19 @@ function RotationsPanel() {
           className="text-xl font-semibold leading-tight text-sidebar-foreground"
           style={{ fontFamily: "var(--font-heading)" }}
         >
-          Rotations
+          Question bank
         </h2>
-        <div className="flex items-center gap-1">
-          <Tip label="Add rotation" side="bottom">
-            <Button
-              type="button"
-              size="icon"
-              variant="ghost"
-              onClick={() => { /* hook up create flow */ }}
-              aria-label="Add rotation"
-            >
-              <i className="fa-light fa-plus" aria-hidden="true" />
-            </Button>
-          </Tip>
-          <Tip label="Close panel" side="bottom">
-            <Button
-              type="button"
-              size="icon"
-              variant="ghost"
-              onClick={closePanel}
-              aria-label="Close panel"
-            >
-              <i className="fa-light fa-xmark" aria-hidden="true" />
-            </Button>
-          </Tip>
-        </div>
+        <Tip label="Close panel" side="bottom">
+          <Button
+            type="button"
+            size="icon"
+            variant="ghost"
+            onClick={closePanel}
+            aria-label="Close panel"
+          >
+            <i className="fa-light fa-xmark" aria-hidden="true" />
+          </Button>
+        </Tip>
       </div>
       <div className="px-4 pb-2">
         <InputGroup className="h-8 min-h-8">
@@ -131,68 +111,20 @@ function RotationsPanel() {
             type="search"
             value={query}
             onChange={e => setQuery(e.target.value)}
-            placeholder="Search rotations"
-            aria-label="Search rotations"
+            placeholder="Search"
+            aria-label="Search"
             className="text-sm pe-3"
           />
         </InputGroup>
       </div>
-      <ul className="flex-1 space-y-0.5 px-4 pb-4" role="listbox">
-        {filtered.length === 0 && (
-          <li className="py-2 text-xs text-muted-foreground">No results</li>
-        )}
-        {filtered.map(item => {
-          const isActive = item.id === activeRotation
-          return (
-            <li key={item.id}>
-              <Tip label={item.label} side="right">
-                <button
-                  type="button"
-                  role="option"
-                  aria-selected={isActive}
-                  onClick={() => setActiveRotation(item.id)}
-                  className={cn(
-                    // Match primary `SidebarMenuButton`: text-sm, compact padding, sidebar tokens
-                    "flex w-full items-start gap-2 rounded-md p-2 text-left text-sm transition-colors",
-                    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                    isActive
-                      ? "bg-sidebar-accent font-medium text-sidebar-accent-foreground"
-                      : "text-sidebar-foreground hover:bg-sidebar-accent/50",
-                  )}
-                >
-                  <i
-                    className={cn(
-                      "mt-0.5 size-4 shrink-0 text-center text-[13px] leading-none",
-                      isActive ? `fa-solid ${item.iconActive}` : `fa-light ${item.icon}`,
-                    )}
-                    aria-hidden="true"
-                  />
-                  <div className="min-w-0 flex-1">
-                    <span className="block whitespace-normal break-words leading-snug">
-                      {item.label}
-                    </span>
-                    {item.meta && (
-                      <span className="mt-0.5 block whitespace-normal break-words text-xs leading-snug text-muted-foreground">
-                        {item.meta}
-                      </span>
-                    )}
-                  </div>
-                </button>
-              </Tip>
-            </li>
-          )
-        })}
-      </ul>
+      <QuestionBankSecondaryNav query={query} />
     </>
   )
 }
 
-// ─────────────────────────────────────────────────────────────────────────────
-// SecondaryPanel — the actual rendered panel
-// ─────────────────────────────────────────────────────────────────────────────
-
+/** Register panel components by id when a route opts into `secondaryPanel` in nav. */
 const PANELS: Record<string, React.FC> = {
-  rotations: RotationsPanel,
+  "question-bank": QuestionBankPanel,
 }
 
 export function SecondaryPanel() {
@@ -207,18 +139,18 @@ export function SecondaryPanel() {
         "flex flex-col overflow-hidden",
         "transition-[width,margin,opacity] duration-200 ease-linear",
         activePanel
-          ? "w-56 shrink-0 m-2 mx-2 rounded-xl ring-1 ring-sidebar-border shadow-sm relative h-[min(calc(100svh-2rem),800px)] md:sticky md:top-2 md:h-[min(calc(100svh-1rem),800px)]"
-          : "h-0 min-h-0 shrink overflow-hidden border-0 p-0 m-0 min-w-0 w-0 max-w-0 opacity-0 pointer-events-none"
+          ? "w-64 shrink-0 m-2 mx-2 rounded-xl ring-1 ring-sidebar-border shadow-sm relative h-[min(calc(100svh-2rem),800px)] md:sticky md:top-2 md:h-[min(calc(100svh-1rem),800px)]"
+          : "h-0 min-h-0 shrink overflow-hidden border-0 p-0 m-0 min-w-0 w-0 max-w-0 opacity-0 pointer-events-none",
       )}
       style={activePanel ? { backgroundColor: "var(--secondary-panel-bg, #FAFBFF)" } : undefined}
     >
       <div
         className={cn(
           "flex flex-1 flex-col overflow-y-auto",
-          activePanel ? "min-w-0" : "hidden min-w-0 w-0 p-0"
+          activePanel ? "min-w-0" : "hidden min-w-0 w-0 p-0",
         )}
       >
-        {PanelContent && <PanelContent />}
+        {PanelContent ? <PanelContent /> : null}
       </div>
     </nav>
   )
@@ -233,7 +165,9 @@ export function useAutoPanel(panelId: string) {
 
   React.useEffect(() => {
     openPanel(panelId)
-    return () => { closePanel() }
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+    return () => {
+      closePanel()
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [panelId])
 }

package/template/components/sites-table.tsx

@@ -24,6 +24,8 @@ import {
 } from "@/components/ui/dropdown-menu"
 import { Tip } from "@/components/ui/tip"
 import { Avatar, AvatarFallback } from "@/components/ui/avatar"
+import { FinderPanelView, type FinderGroup } from "@/components/data-views/finder-panel-view"
+import { ListPageSplitHubChrome } from "@/components/data-views/list-page-split-hub-chrome"
 import { SitesCardGrid } from "@/components/sites-board-view"
 import { SitesListView } from "@/components/sites-list-view"
 import { KeyMetrics } from "@/components/key-metrics"
@@ -206,6 +208,48 @@ export const SitesTable = React.forwardRef<
     [tableState.rows.length],
   )
 
+  // Generic panel view rendering for sites
+  const panelGroupsBuilder = (rows: SiteDirectoryRow[]): FinderGroup[] => [
+    {
+      id: "all",
+      label: `All sites (${rows.length})`,
+      count: rows.length,
+    },
+  ]
+
+  const panelRenderListRow = (row: SiteDirectoryRow, _isSelected: boolean) => (
+    <div className="flex-1 min-w-0 flex items-center gap-2">
+      <Avatar size="sm" className="size-6 shrink-0">
+        <AvatarFallback className="bg-brand/10 p-0 text-brand text-xs">
+          <i className="fa-light fa-hospital text-xs" aria-hidden="true" />
+        </AvatarFallback>
+      </Avatar>
+      <div className="flex-1 min-w-0">
+        <p className="text-sm font-medium text-foreground truncate">{row.name}</p>
+        <p className="text-xs text-muted-foreground truncate">{row.url}</p>
+      </div>
+    </div>
+  )
+
+  const panelRenderDetail = (row: SiteDirectoryRow) => (
+    <div className="flex min-h-0 flex-1 flex-col overflow-y-auto p-4">
+      <div>
+        <h3 className="text-sm font-semibold text-foreground mb-2">Site</h3>
+        <p className="text-sm text-foreground">{row.name}</p>
+      </div>
+      <div className="flex flex-col gap-2">
+        <div>
+          <span className="text-xs font-medium text-muted-foreground">Key</span>
+          <p className="text-sm text-foreground font-mono">{row.id}</p>
+        </div>
+        <div>
+          <span className="text-xs font-medium text-muted-foreground">Path</span>
+          <p className="text-sm text-foreground break-all">{row.url}</p>
+        </div>
+      </div>
+    </div>
+  )
+
   const drawerToolbarProps = {
     state: tableState,
     totalRows: sites.length,
@@ -292,6 +336,28 @@ export const SitesTable = React.forwardRef<
     )
   }
 
+  if (view === "panel") {
+    return (
+      <div className="flex min-h-0 flex-1 flex-col">
+        {sharedToolbar}
+        <ListPageSplitHubChrome aria-label="Sites directory panel view">
+          <FinderPanelView<SiteDirectoryRow>
+            embedded
+            groupsColumnTitle="Sites"
+            groups={panelGroupsBuilder(tableState.rows)}
+            rows={tableState.rows}
+            getRowId={(row) => row.id}
+            getRowGroupId={() => "all"}
+            autoSaveId="sites-panel-view"
+            renderListRow={panelRenderListRow}
+            renderDetail={panelRenderDetail}
+            emptyList={<p className="text-sm text-muted-foreground">No sites found.</p>}
+          />
+        </ListPageSplitHubChrome>
+      </div>
+    )
+  }
+
   return (
     <div className="flex min-h-0 flex-1 flex-col gap-4">
       {sharedToolbar}

package/template/components/team-client.tsx

@@ -27,6 +27,13 @@ const DEFAULT_TEAM_TABS: ViewTab[] = [
     icon: "fa-table",
     filterId: "all",
   },
+  {
+    id: "panel",
+    label: "Panel",
+    viewType: "panel",
+    icon: "fa-sidebar",
+    filterId: "all",
+  },
 ]
 
 export function TeamClient() {

package/template/components/team-table.tsx

@@ -1,8 +1,9 @@
 "use client"
 
 /**
- * Team roster — DataTable + TablePropertiesDrawer + list/board/dashboard (shared `tableState.rows`).
+ * Team roster — DataTable + TablePropertiesDrawer + table/list/board/panel/dashboard (shared `tableState.rows`).
  * Dashboard view uses `TeamDashboardChartsSection` (customise on canvas) + lib/mock/team-kpi.
+ * Panel view uses `FinderPanelView` with status-based groups (Active, Away, Invited).
  */
 
 import * as React from "react"
@@ -27,7 +28,11 @@ import { KEY_METRICS_KPI_COUNT_DEFAULT } from "@/lib/dashboard-layout-merge"
 import type { ChartType, DashboardLayout } from "@/components/data-view-dashboard-charts"
 import { TeamListView } from "@/components/team-list-view"
 import { TeamBoardView, TEAM_BOARD_GROUP_OPTIONS } from "@/components/team-board-view"
+import { FinderPanelView, type FinderGroup } from "@/components/data-views/finder-panel-view"
+import { ListPageSplitHubChrome } from "@/components/data-views/list-page-split-hub-chrome"
 import { teamKpiInsight, teamKpiMetrics } from "@/lib/mock/team-kpi"
+import { useRouter } from "next/navigation"
+import { cn } from "@/lib/utils"
 import type { DataListViewType } from "@/lib/data-list-view"
 import type { OpenTablePropertiesHandle } from "@/lib/list-page-table-properties"
 import type { ColumnDef } from "@/components/data-table/types"
@@ -67,6 +72,127 @@ const STATUS_FILTER_OPTS = [
   { value: "invited", label: TEAM_MEMBER_STATUS_LABEL.invited },
 ]
 
+// ─── Team-specific panel view helpers ──────────────────────────────────────
+
+function TeamFinderListRow({
+  member,
+  isSelected,
+}: {
+  member: TeamMember
+  isSelected: boolean
+}) {
+  return (
+    <div
+      className={`flex w-full min-w-0 items-center gap-3 transition-colors duration-75 ${
+        isSelected ? "bg-transparent text-accent-foreground" : "text-foreground"
+      }`}
+    >
+      <AvatarInitials
+        initials={member.initials}
+        className={cn(
+          "size-8 shrink-0 rounded-full text-[11px] font-semibold",
+          isSelected ? "ring-2 ring-accent-foreground/35" : "",
+        )}
+      />
+      <div className="min-w-0 flex-1">
+        <p className={cn("truncate text-[13px] font-medium leading-tight", isSelected ? "text-accent-foreground" : "text-foreground")}>
+          {member.name}
+        </p>
+        <p className={cn("mt-0.5 truncate text-[11px] leading-tight", isSelected ? "text-accent-foreground/80" : "text-muted-foreground")}>
+          {member.role}
+        </p>
+      </div>
+      {!isSelected && (
+        <ListHubStatusBadge
+          label={TEAM_MEMBER_STATUS_LABEL[member.status]}
+          tintClassName={TEAM_MEMBER_STATUS_BADGE_CLASS[member.status]}
+          icon={TEAM_MEMBER_STATUS_ICON[member.status]}
+        />
+      )}
+    </div>
+  )
+}
+
+function TeamFinderDetail({
+  member,
+}: {
+  member: TeamMember
+}) {
+  const router = useRouter()
+
+  return (
+    <div className="flex min-h-0 flex-1 flex-col overflow-hidden">
+      {/* Header */}
+      <div className="flex shrink-0 items-start gap-4 border-b border-border px-5 py-4">
+        <AvatarInitials initials={member.initials} className="size-14 shrink-0 rounded-full text-lg font-semibold" />
+        <div className="min-w-0 flex-1">
+          <h2 className="text-base font-semibold text-foreground leading-tight">{member.name}</h2>
+          <p className="mt-0.5 text-[13px] text-muted-foreground">{member.role}</p>
+          <div className="mt-2">
+            <ListHubStatusBadge
+              label={TEAM_MEMBER_STATUS_LABEL[member.status]}
+              tintClassName={TEAM_MEMBER_STATUS_BADGE_CLASS[member.status]}
+              icon={TEAM_MEMBER_STATUS_ICON[member.status]}
+            />
+          </div>
+        </div>
+        <Tip side="bottom" label="Open full profile">
+          <Button type="button" variant="outline" size="sm" className="shrink-0"
+            onClick={() => router.push(`/team/${member.id}`)}
+            aria-label={`Open full profile for ${member.name}`}>
+            <i className="fa-light fa-arrow-up-right-from-square text-[12px]" aria-hidden="true" />
+            Open
+          </Button>
+        </Tip>
+      </div>
+
+      {/* Fields */}
+      <div className="min-h-0 flex-1 overflow-y-auto px-5 py-4">
+        <dl className="grid grid-cols-1 gap-4 sm:grid-cols-2">
+          <div className="flex flex-col gap-0.5">
+            <dt className="text-[11px] font-medium uppercase tracking-wide text-muted-foreground flex items-center gap-1.5">
+              <i className="fa-light fa-envelope text-[10px]" aria-hidden="true" /> Email
+            </dt>
+            <dd className="text-[13px]">
+              <a href={`mailto:${member.email}`} className="text-interactive-foreground hover:underline">{member.email}</a>
+            </dd>
+          </div>
+          <div className="flex flex-col gap-0.5">
+            <dt className="text-[11px] font-medium uppercase tracking-wide text-muted-foreground flex items-center gap-1.5">
+              <i className="fa-light fa-briefcase text-[10px]" aria-hidden="true" /> Role
+            </dt>
+            <dd className="text-[13px] text-foreground">{member.role}</dd>
+          </div>
+          <div className="flex flex-col gap-0.5">
+            <dt className="text-[11px] font-medium uppercase tracking-wide text-muted-foreground flex items-center gap-1.5">
+              <i className="fa-light fa-phone text-[10px]" aria-hidden="true" /> Phone
+            </dt>
+            <dd className="text-[13px] text-foreground">{member.phone}</dd>
+          </div>
+        </dl>
+      </div>
+    </div>
+  )
+}
+
+// ─── Status groups for team panel view ────────────────────────────────────
+
+const TEAM_STATUS_GROUPS: Array<{ id: string; label: string; accent: string }> = [
+  { id: "all",      label: "All",    accent: "bg-muted-foreground" },
+  { id: "active",   label: "Active", accent: "bg-success" },
+  { id: "away",     label: "Away",   accent: "bg-warning" },
+  { id: "invited",  label: "Invited", accent: "bg-brand" },
+]
+
+function buildTeamStatusGroups(members: TeamMember[]): FinderGroup[] {
+  return TEAM_STATUS_GROUPS.map(sg => ({
+    id: sg.id,
+    label: sg.label,
+    accent: sg.accent,
+    count: sg.id === "all" ? members.length : members.filter(m => m.status === sg.id).length,
+  }))
+}
+
 function columnToFilterFieldDef(c: ColumnDef<TeamMember>): FilterFieldDef | null {
   if (!c.filter) return null
   const f = c.filter
@@ -469,6 +595,35 @@ export const TeamTable = React.forwardRef<
     )
   }
 
+  if (view === "panel") {
+    const groups = React.useMemo(() => buildTeamStatusGroups(tableState.rows), [tableState.rows])
+    return (
+      <div className="flex min-h-0 flex-1 flex-col">
+        {sharedToolbar}
+        <ListPageSplitHubChrome aria-label="Team members panel view">
+          <FinderPanelView<TeamMember>
+            embedded
+            groupsColumnTitle="Status"
+            groups={groups}
+            rows={tableState.rows}
+            getRowId={r => r.id}
+            getRowGroupId={r => r.status}
+            defaultGroupId="all"
+            autoSaveId="team-panel-view"
+            ariaLabel="Team members panel view"
+            emptyList={<p>No team members found</p>}
+            renderListRow={(member, isSelected) => (
+              <TeamFinderListRow member={member} isSelected={isSelected} />
+            )}
+            renderDetail={member => (
+              <TeamFinderDetail member={member} />
+            )}
+          />
+        </ListPageSplitHubChrome>
+      </div>
+    )
+  }
+
   return (
     <div className="flex min-h-0 flex-1 flex-col">
       <CoachMark state={dashboardCustomizeCoach} />

package/template/components/templates/list-page.tsx

@@ -478,7 +478,7 @@ export function ListPageTemplate({
                 <DropdownMenuItem
                   key={v.type}
                   shortcut={i < 9 ? `⌘⇧${i + 1}` : undefined}
-                  onClick={() => addView(v.type)}
+                  onSelect={() => addView(v.type)}
                 >
                   <i className={`fa-light ${v.icon}`} aria-hidden="true" />
                   {v.label}
@@ -491,7 +491,7 @@ export function ListPageTemplate({
 
       {/* ── Content — keyed by tab so each view tab owns its height (no stale min-height). ── */}
       {activeTab ? (
-        <div key={activeTab.id} className="flex min-h-0 flex-col">
+        <div key={activeTab.id} className="flex min-h-0 flex-1 flex-col">
           {renderContent(activeTab, patch => updateTab(activeTab.id, patch))}
         </div>
       ) : null}

package/template/components/ui/avatar.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/avatar.tsx"
+export * from "../../../../packages/ui/src/components/ui/avatar"

package/template/components/ui/badge.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/badge.tsx"
+export * from "../../../../packages/ui/src/components/ui/badge"

package/template/components/ui/banner.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/banner.tsx"
+export * from "../../../../packages/ui/src/components/ui/banner"

package/template/components/ui/breadcrumb.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/breadcrumb.tsx"
+export * from "../../../../packages/ui/src/components/ui/breadcrumb"

package/template/components/ui/button.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/button.tsx"
+export * from "../../../../packages/ui/src/components/ui/button"

package/template/components/ui/calendar.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/calendar.tsx"
+export * from "../../../../packages/ui/src/components/ui/calendar"

package/template/components/ui/card.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/card.tsx"
+export * from "../../../../packages/ui/src/components/ui/card"

package/template/components/ui/chart.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/chart.tsx"
+export * from "../../../../packages/ui/src/components/ui/chart"

package/template/components/ui/checkbox.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/checkbox.tsx"
+export * from "../../../../packages/ui/src/components/ui/checkbox"

package/template/components/ui/coach-mark.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/coach-mark.tsx"
+export * from "../../../../packages/ui/src/components/ui/coach-mark"

package/template/components/ui/collapsible.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/collapsible.tsx"
+export * from "../../../../packages/ui/src/components/ui/collapsible"

package/template/components/ui/command.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/command.tsx"
+export * from "../../../../packages/ui/src/components/ui/command"

package/template/components/ui/date-picker-field.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/date-picker-field.tsx"
+export * from "../../../../packages/ui/src/components/ui/date-picker-field"

package/template/components/ui/dialog.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/dialog.tsx"
+export * from "../../../../packages/ui/src/components/ui/dialog"

package/template/components/ui/drag-handle-grip.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/drag-handle-grip.tsx"
+export * from "../../../../packages/ui/src/components/ui/drag-handle-grip"

package/template/components/ui/drawer.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/drawer.tsx"
+export * from "../../../../packages/ui/src/components/ui/drawer"

package/template/components/ui/dropdown-menu.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/dropdown-menu.tsx"
+export * from "../../../../packages/ui/src/components/ui/dropdown-menu"

package/template/components/ui/field.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/field.tsx"
+export * from "../../../../packages/ui/src/components/ui/field"

package/template/components/ui/form.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/form.tsx"
+export * from "../../../../packages/ui/src/components/ui/form"

package/template/components/ui/input-group.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/input-group.tsx"
+export * from "../../../../packages/ui/src/components/ui/input-group"

package/template/components/ui/input-mask.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/input-mask.tsx"
+export * from "../../../../packages/ui/src/components/ui/input-mask"

package/template/components/ui/input.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/input.tsx"
+export * from "../../../../packages/ui/src/components/ui/input"

package/template/components/ui/kbd.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/kbd.tsx"
+export * from "../../../../packages/ui/src/components/ui/kbd"

package/template/components/ui/label.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/label.tsx"
+export * from "../../../../packages/ui/src/components/ui/label"

package/template/components/ui/payment-card-fields.tsx

@@ -1 +1 @@
-export * from "@exxatdesignux/ui/components/payment-card-fields.tsx"
+export * from "../../../../packages/ui/src/components/ui/payment-card-fields"