@exxatdesignux/ui 0.2.19 → 0.3.0

package/template/components/product-switcher.tsx

@@ -52,7 +52,6 @@ export function ProductSwitcher() {
           <DropdownMenuTrigger asChild>
             <SidebarMenuButton
               size="lg"
-              tooltip={iconRail ? current.label : undefined}
               className={cn(
                 "items-start py-2 text-sidebar-foreground data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
                 expandedOrMobile &&
@@ -92,8 +91,8 @@ export function ProductSwitcher() {
 
           <DropdownMenuContent
             align="start"
-            side={iconRail ? "right" : "bottom"}
-            sideOffset={iconRail ? 8 : 4}
+            side="bottom"
+            sideOffset={4}
           >
             <DropdownMenuLabel className="text-xs text-muted-foreground">
               Switch product
@@ -116,7 +115,7 @@ export function ProductSwitcher() {
                 />
                 {p.id === product && (
                   <i
-                    className="fa-solid fa-check ml-auto text-brand text-xs"
+                    className="fa-solid fa-check ms-auto text-brand text-xs"
                     aria-hidden="true"
                   />
                 )}

package/template/components/product-wordmark.tsx

@@ -81,7 +81,8 @@ export function ProductWordmark({
         className={cn(
           "font-sans font-extrabold",
           // Neutral wordmark prefix: deep slate on light, soft cool grey on dark.
-          "text-[#273441] dark:text-[#A8B2BA]",
+          // Tokenized — see `--exxat-color-wordmark-ink-*` in packages/ui/src/globals.css.
+          "text-[var(--exxat-color-wordmark-ink-light)] dark:text-[var(--exxat-color-wordmark-ink-dark)]",
         )}
       >
         {prefix}

package/template/components/question-bank-client.tsx

@@ -14,12 +14,13 @@ import {
   dataListViewIcon,
   type DataListViewType,
 } from "@/components/data-views"
+import { QUESTION_BANK_SUPPORTED_VIEWS } from "@/lib/question-bank-supported-views"
 import { QuestionBankPageHeader } from "@/components/question-bank-page-header"
 import { QuestionBankNewFolderSheet } from "@/components/question-bank-new-folder-sheet"
 import { CollaborationAccessFlow } from "@/components/collaboration-access-flow"
 import { QuestionBankTable, type QuestionBankTableHandle } from "@/components/question-bank-table"
 import { SecondaryPanelHubTemplate } from "@/components/templates/secondary-panel-hub-template"
-import { QuestionBankAccessBridge, QuestionBankFolderBridge } from "@/components/secondary-panel"
+import { QuestionBankAccessBridge, QuestionBankFolderBridge } from "@/components/sidebar"
 import { KeyMetrics } from "@/components/key-metrics"
 import { useSidebar } from "@/components/ui/sidebar"
 import { useSecondaryPanelHubNav } from "@/hooks/use-secondary-panel-hub-nav"
@@ -27,7 +28,6 @@ import { QUESTION_BANK_ITEMS } from "@/lib/mock/question-bank"
 import { QUESTION_BANK_HEADER_COLLABORATORS } from "@/lib/mock/question-bank-header-collaborators"
 import { DEFAULT_QUESTION_BANK_FOLDERS, type QuestionBankFolder } from "@/lib/mock/question-bank-folders"
 import { questionBankKpiInsight, questionBankKpiMetrics } from "@/lib/mock/question-bank-kpi"
-import { QUESTION_BANK_SUPPORTED_VIEWS } from "@/lib/question-bank-supported-views"
 import {
   applyQuestionBankHubDisplayFilters,
   isQuestionBankDefaultNav,
@@ -123,6 +123,7 @@ export function QuestionBankClient() {
 
   // Stable Set of tab ids — defaults are constant so this only updates if tabs change.
   const tabIds = React.useMemo(() => new Set(tabs.map(t => t.id)), [tabs])
+
   // Keep the latest pathname / searchParamsKey / tabIds available to the (stable) hashchange
   // listener via refs, so we don't re-subscribe a window listener on every URL change.
   const navRef = React.useRef({ pathname, searchParamsKey, tabIds, hubBasePath })
@@ -259,6 +260,7 @@ export function QuestionBankClient() {
               activeTabId={SEARCH_LANDING_TABS[0]!.id}
               onActiveTabChange={ignoreQuestionBankTabActivation}
               hideViewsToolbar
+              supportedViewTypes={QUESTION_BANK_SUPPORTED_VIEWS}
               getTabCount={() => count}
               tablePropertiesRef={tableRef}
               header={(
@@ -314,7 +316,6 @@ export function QuestionBankClient() {
                   onFoldersChange={setFolders}
                   onItemsChange={setItems}
                   view={tab.viewType}
-                  supportedViewTypes={QUESTION_BANK_SUPPORTED_VIEWS}
                   onViewChange={(v: DataListViewType) => updateTab({ viewType: v, icon: dataListViewIcon(v) })}
                 />
               )}
@@ -389,6 +390,7 @@ export function QuestionBankClient() {
               onTabsChange={setTabs}
               activeTabId={activeTabId}
               onActiveTabChange={onActiveTabChange}
+              supportedViewTypes={QUESTION_BANK_SUPPORTED_VIEWS}
               getTabCount={() => count}
               tablePropertiesRef={tableRef}
               header={(
@@ -418,7 +420,6 @@ export function QuestionBankClient() {
                 />
               )}
               showMetrics={showMetrics}
-              supportedViewTypes={QUESTION_BANK_SUPPORTED_VIEWS}
               exportOpen={exportOpen}
               onExportOpenChange={setExportOpen}
               exportTotalRows={count}
@@ -435,7 +436,6 @@ export function QuestionBankClient() {
                   onFoldersChange={setFolders}
                   onItemsChange={setItems}
                   view={tab.viewType}
-                  supportedViewTypes={QUESTION_BANK_SUPPORTED_VIEWS}
                   onViewChange={(v: DataListViewType) => updateTab({ viewType: v, icon: dataListViewIcon(v) })}
                 />
               )}

package/template/components/question-bank-hub-client.tsx

@@ -316,7 +316,7 @@ export function QuestionBankHubClient() {
                     />
                     {tile.label}
                     {tile.badge === "AI" && (
-                      <span className="rounded-full bg-brand/10 px-1.5 py-px text-[9px] font-bold uppercase tracking-wider text-brand">
+                      <span className="rounded-full bg-brand/10 px-1.5 py-px text-[11px] font-bold uppercase tracking-wider text-brand">
                         AI
                       </span>
                     )}

package/template/components/question-bank-new-folder-sheet.tsx

@@ -243,7 +243,7 @@ export function QuestionBankNewFolderSheet({
               onClick={() => onOpenChange(false)}
             >
               Cancel
-              <KbdGroup className="ml-1.5"><Kbd variant="bare">Esc</Kbd></KbdGroup>
+              <KbdGroup className="ms-1.5"><Kbd variant="bare">Esc</Kbd></KbdGroup>
             </Button>
             <Button
               type="submit"
@@ -252,7 +252,7 @@ export function QuestionBankNewFolderSheet({
             >
               <i className="fa-light fa-folder text-[13px]" aria-hidden="true" />
               {customizingFolder ? "Update folder" : "Create folder"}
-              <KbdGroup className="ml-1.5"><Kbd variant="bare">⏎</Kbd></KbdGroup>
+              <KbdGroup className="ms-1.5"><Kbd variant="bare">⏎</Kbd></KbdGroup>
             </Button>
           </div>
         </form>

package/template/components/question-bank-secondary-nav.tsx

@@ -29,7 +29,7 @@ import { Tip } from "@/components/ui/tip"
 import { cn } from "@/lib/utils"
 import type { QuestionBankFolder } from "@/lib/mock/question-bank-folders"
 import { DEFAULT_QUESTION_BANK_FOLDERS, newFolderId, collectFolderDescendantIds } from "@/lib/mock/question-bank-folders"
-import { useSecondaryPanel } from "@/components/secondary-panel"
+import { useSecondaryPanel } from "@/components/sidebar"
 import { QuestionBankNewFolderSheet } from "@/components/question-bank-new-folder-sheet"
 import {
   isQuestionBankNavActive,
@@ -280,13 +280,13 @@ export function QuestionBankSecondaryNav() {
           <DialogFooter className="gap-2 sm:gap-0">
             <Button type="button" variant="outline" size="sm" onClick={() => setDeleteFolder(null)}>
               Cancel
-              <KbdGroup className="ml-1.5">
+              <KbdGroup className="ms-1.5">
                 <Kbd variant="bare">Esc</Kbd>
               </KbdGroup>
             </Button>
             <Button type="button" variant="destructive" size="sm" onClick={commitDeleteFolder}>
               Delete
-              <KbdGroup className="ml-1.5">
+              <KbdGroup className="ms-1.5">
                 <Kbd variant="bare">⏎</Kbd>
               </KbdGroup>
             </Button>