@fluid-app/rep-sdk 0.1.8 → 0.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/README.md +3 -1
  2. package/dist/ContactsScreen-7RGAMMGN.cjs +18 -0
  3. package/dist/{ContactsScreen-ATASCZO2.cjs.map → ContactsScreen-7RGAMMGN.cjs.map} +1 -1
  4. package/dist/ContactsScreen-XKZE5HTP.js +5 -0
  5. package/dist/{ContactsScreen-33AJ5XUB.js.map → ContactsScreen-XKZE5HTP.js.map} +1 -1
  6. package/dist/CustomersScreen-BBQ3YHI4.js +5 -0
  7. package/dist/{CustomersScreen-E4HXBKV7.js.map → CustomersScreen-BBQ3YHI4.js.map} +1 -1
  8. package/dist/CustomersScreen-EMGCQ2PV.cjs +18 -0
  9. package/dist/{CustomersScreen-XMPMKSQA.cjs.map → CustomersScreen-EMGCQ2PV.cjs.map} +1 -1
  10. package/dist/MessagingScreen-I3GVOGKY.js +4 -0
  11. package/dist/{MessagingScreen-MBCIJWVN.js.map → MessagingScreen-I3GVOGKY.js.map} +1 -1
  12. package/dist/MessagingScreen-ZRD4WEOE.cjs +17 -0
  13. package/dist/{MessagingScreen-GHBLPYZZ.cjs.map → MessagingScreen-ZRD4WEOE.cjs.map} +1 -1
  14. package/dist/OrdersScreen-ANDGND6F.js +5 -0
  15. package/dist/{OrdersScreen-IPPZLEYF.js.map → OrdersScreen-ANDGND6F.js.map} +1 -1
  16. package/dist/OrdersScreen-NNE6OSRS.cjs +18 -0
  17. package/dist/{OrdersScreen-X7FYUROL.cjs.map → OrdersScreen-NNE6OSRS.cjs.map} +1 -1
  18. package/dist/ProductsScreen-5PMFLPWS.js +5 -0
  19. package/dist/{ProductsScreen-YTSOZW7B.js.map → ProductsScreen-5PMFLPWS.js.map} +1 -1
  20. package/dist/ProductsScreen-ALQYD7ID.cjs +18 -0
  21. package/dist/{ProductsScreen-4ZIUQNUU.cjs.map → ProductsScreen-ALQYD7ID.cjs.map} +1 -1
  22. package/dist/{chunk-5UBEM3AX.cjs → chunk-2RIDFKS3.cjs} +4 -4
  23. package/dist/{chunk-5UBEM3AX.cjs.map → chunk-2RIDFKS3.cjs.map} +1 -1
  24. package/dist/{chunk-QZMWG7EM.js → chunk-4LTH3NNT.js} +3 -3
  25. package/dist/{chunk-QZMWG7EM.js.map → chunk-4LTH3NNT.js.map} +1 -1
  26. package/dist/chunk-4PHR2M6A.js +14 -0
  27. package/dist/{chunk-RS4OSTES.js.map → chunk-4PHR2M6A.js.map} +1 -1
  28. package/dist/{chunk-MHPK7YQ2.cjs → chunk-EKMZ4NIA.cjs} +4 -4
  29. package/dist/{chunk-MHPK7YQ2.cjs.map → chunk-EKMZ4NIA.cjs.map} +1 -1
  30. package/dist/{chunk-EOXYOOWS.cjs → chunk-HFPPHLOO.cjs} +4 -4
  31. package/dist/{chunk-EOXYOOWS.cjs.map → chunk-HFPPHLOO.cjs.map} +1 -1
  32. package/dist/{chunk-FG2CI6HA.cjs → chunk-HMOWQQDX.cjs} +4 -4
  33. package/dist/{chunk-FG2CI6HA.cjs.map → chunk-HMOWQQDX.cjs.map} +1 -1
  34. package/dist/{chunk-WMBD65GH.js → chunk-JXEED3FK.js} +3 -3
  35. package/dist/{chunk-WMBD65GH.js.map → chunk-JXEED3FK.js.map} +1 -1
  36. package/dist/{chunk-QH2W373Y.cjs → chunk-LU42Y4H3.cjs} +14 -14
  37. package/dist/{chunk-QH2W373Y.cjs.map → chunk-LU42Y4H3.cjs.map} +1 -1
  38. package/dist/{chunk-CMF2FYTD.js → chunk-NGOEPTWZ.js} +3 -3
  39. package/dist/{chunk-CMF2FYTD.js.map → chunk-NGOEPTWZ.js.map} +1 -1
  40. package/dist/chunk-NNZKBXNB.cjs +16 -0
  41. package/dist/{chunk-B6S6BEPL.cjs.map → chunk-NNZKBXNB.cjs.map} +1 -1
  42. package/dist/{chunk-7MWTW3ZU.js → chunk-SYZUEL6B.js} +9 -9
  43. package/dist/{chunk-7MWTW3ZU.js.map → chunk-SYZUEL6B.js.map} +1 -1
  44. package/dist/{chunk-WFPYEYC7.js → chunk-TB6OK3WH.js} +3 -3
  45. package/dist/{chunk-WFPYEYC7.js.map → chunk-TB6OK3WH.js.map} +1 -1
  46. package/dist/index.cjs +101 -101
  47. package/dist/index.cjs.map +1 -1
  48. package/dist/index.d.cts +3 -3
  49. package/dist/index.d.ts +3 -3
  50. package/dist/index.js +34 -34
  51. package/dist/index.js.map +1 -1
  52. package/package.json +23 -23
  53. package/dist/ContactsScreen-33AJ5XUB.js +0 -5
  54. package/dist/ContactsScreen-ATASCZO2.cjs +0 -18
  55. package/dist/CustomersScreen-E4HXBKV7.js +0 -5
  56. package/dist/CustomersScreen-XMPMKSQA.cjs +0 -18
  57. package/dist/MessagingScreen-GHBLPYZZ.cjs +0 -17
  58. package/dist/MessagingScreen-MBCIJWVN.js +0 -4
  59. package/dist/OrdersScreen-IPPZLEYF.js +0 -5
  60. package/dist/OrdersScreen-X7FYUROL.cjs +0 -18
  61. package/dist/ProductsScreen-4ZIUQNUU.cjs +0 -18
  62. package/dist/ProductsScreen-YTSOZW7B.js +0 -5
  63. package/dist/chunk-B6S6BEPL.cjs +0 -16
  64. package/dist/chunk-RS4OSTES.js +0 -14
package/dist/index.d.cts CHANGED
@@ -11,9 +11,9 @@ export { DEFAULT_COLORS, DEFAULT_FONT_FAMILIES, DEFAULT_FONT_SIZES, DEFAULT_RADI
11
11
  import { components } from '@fluid-app/fluidos-api-client';
12
12
  import { FluidAuthConfig, FluidAuthContextValue } from '@fluid-app/auth';
13
13
  export { AUTH_CONSTANTS, DEFAULT_AUTH_URL, FluidAuthConfig, FluidAuthContextValue, JWTPayload, STORAGE_KEYS, TokenValidationResult, URL_PARAMS, USER_TYPES, UserType, cleanTokenFromUrl, clearTokens, createDefaultAuthRedirect, decodeToken, extractAllTokensFromUrl, extractCompanyTokenFromUrl, extractTokenFromUrl, getStoredToken, getTokenExpiration, getTokenTimeRemaining, hasStoredToken, hasTokenInUrl, isTokenExpired, isUserType, isValidToken, storeToken, validateToken } from '@fluid-app/auth';
14
- import { MessagingAuthContext, FileUploader } from '@fluid-app/fluid-messaging-core';
15
- export { FileUploader, MessagingAuthContext, MessagingCurrentUser, UploadCallbacks, UploadResult } from '@fluid-app/fluid-messaging-core';
16
- import { MessagingApiConfig } from '@fluid-app/fluid-messaging-api-client';
14
+ import { MessagingAuthContext, FileUploader } from '@fluid-app/messaging-core';
15
+ export { FileUploader, MessagingAuthContext, MessagingCurrentUser, UploadCallbacks, UploadResult } from '@fluid-app/messaging-core';
16
+ import { MessagingApiConfig } from '@fluid-app/messaging-api-client';
17
17
  import { AlertWidget, CalendarWidget, CarouselWidget, CatchUpWidget, ChartWidget, ContainerWidget, EmbedWidget, ImageWidget, ListWidget, MySiteWidget, NestedWidget, QuickShareWidget, RecentActivityWidget, SpacerWidget, TableWidget, TextWidget, ToDoWidget, VideoWidget } from '@fluid-app/rep-widgets/widgets';
18
18
  export { AlertWidget, CalendarWidget, CarouselWidget, CatchUpWidget, ChartWidget, ContainerWidget, EmbedWidget, ImageWidget, LayoutWidget, ListWidget, MySiteWidget, NestedWidget, QuickShareWidget, RecentActivityWidget, SpacerWidget, TableWidget, TextWidget, ToDoWidget, VideoWidget, alertWidgetPropertySchema, calendarWidgetPropertySchema, carouselWidgetPropertySchema, catchUpWidgetPropertySchema, chartWidgetPropertySchema, containerWidgetPropertySchema, embedWidgetPropertySchema, imageWidgetPropertySchema, layoutWidgetPropertySchema, listWidgetPropertySchema, mySiteWidgetPropertySchema, nestedWidgetPropertySchema, quickShareWidgetPropertySchema, recentActivityWidgetPropertySchema, spacerWidgetPropertySchema, tableWidgetPropertySchema, textWidgetPropertySchema, toDoWidgetPropertySchema, videoWidgetPropertySchema, widgetPropertySchemas } from '@fluid-app/rep-widgets/widgets';
19
19
  import * as _fluid_app_rep_core_registries from '@fluid-app/rep-core/registries';
package/dist/index.d.ts CHANGED
@@ -11,9 +11,9 @@ export { DEFAULT_COLORS, DEFAULT_FONT_FAMILIES, DEFAULT_FONT_SIZES, DEFAULT_RADI
11
11
  import { components } from '@fluid-app/fluidos-api-client';
12
12
  import { FluidAuthConfig, FluidAuthContextValue } from '@fluid-app/auth';
13
13
  export { AUTH_CONSTANTS, DEFAULT_AUTH_URL, FluidAuthConfig, FluidAuthContextValue, JWTPayload, STORAGE_KEYS, TokenValidationResult, URL_PARAMS, USER_TYPES, UserType, cleanTokenFromUrl, clearTokens, createDefaultAuthRedirect, decodeToken, extractAllTokensFromUrl, extractCompanyTokenFromUrl, extractTokenFromUrl, getStoredToken, getTokenExpiration, getTokenTimeRemaining, hasStoredToken, hasTokenInUrl, isTokenExpired, isUserType, isValidToken, storeToken, validateToken } from '@fluid-app/auth';
14
- import { MessagingAuthContext, FileUploader } from '@fluid-app/fluid-messaging-core';
15
- export { FileUploader, MessagingAuthContext, MessagingCurrentUser, UploadCallbacks, UploadResult } from '@fluid-app/fluid-messaging-core';
16
- import { MessagingApiConfig } from '@fluid-app/fluid-messaging-api-client';
14
+ import { MessagingAuthContext, FileUploader } from '@fluid-app/messaging-core';
15
+ export { FileUploader, MessagingAuthContext, MessagingCurrentUser, UploadCallbacks, UploadResult } from '@fluid-app/messaging-core';
16
+ import { MessagingApiConfig } from '@fluid-app/messaging-api-client';
17
17
  import { AlertWidget, CalendarWidget, CarouselWidget, CatchUpWidget, ChartWidget, ContainerWidget, EmbedWidget, ImageWidget, ListWidget, MySiteWidget, NestedWidget, QuickShareWidget, RecentActivityWidget, SpacerWidget, TableWidget, TextWidget, ToDoWidget, VideoWidget } from '@fluid-app/rep-widgets/widgets';
18
18
  export { AlertWidget, CalendarWidget, CarouselWidget, CatchUpWidget, ChartWidget, ContainerWidget, EmbedWidget, ImageWidget, LayoutWidget, ListWidget, MySiteWidget, NestedWidget, QuickShareWidget, RecentActivityWidget, SpacerWidget, TableWidget, TextWidget, ToDoWidget, VideoWidget, alertWidgetPropertySchema, calendarWidgetPropertySchema, carouselWidgetPropertySchema, catchUpWidgetPropertySchema, chartWidgetPropertySchema, containerWidgetPropertySchema, embedWidgetPropertySchema, imageWidgetPropertySchema, layoutWidgetPropertySchema, listWidgetPropertySchema, mySiteWidgetPropertySchema, nestedWidgetPropertySchema, quickShareWidgetPropertySchema, recentActivityWidgetPropertySchema, spacerWidgetPropertySchema, tableWidgetPropertySchema, textWidgetPropertySchema, toDoWidgetPropertySchema, videoWidgetPropertySchema, widgetPropertySchemas } from '@fluid-app/rep-widgets/widgets';
19
19
  import * as _fluid_app_rep_core_registries from '@fluid-app/rep-core/registries';
package/dist/index.js CHANGED
@@ -1,14 +1,14 @@
1
- import { themes_exports, useFluidApi, transformManifestToRepAppData, useThemeContext, useFluidAuthContext, MessagingScreen } from './chunk-7MWTW3ZU.js';
2
- export { ApiError, DEFAULT_AUTH_URL, DEFAULT_SDK_WIDGET_REGISTRY, FluidAuthProvider, FluidProvider, FluidThemeProvider, MessagingScreen, buildThemeDefinition, createDefaultAuthRedirect, createFluidClient, createFluidFileUploader, getActiveThemeId, isApiError, messagingScreenPropertySchema, normalizeComponentTree, toNavigationItem, toScreenDefinition, transformManifestToRepAppData, transformThemes, useFluidApi, useFluidAuthContext, useFluidContext, useMessagingAuth, useMessagingConfig, useThemeContext } from './chunk-7MWTW3ZU.js';
3
- import { ContactsScreen } from './chunk-CMF2FYTD.js';
4
- export { ContactsScreen, contactsScreenPropertySchema } from './chunk-CMF2FYTD.js';
5
- import { OrdersScreen } from './chunk-WFPYEYC7.js';
6
- export { OrdersScreen, ordersScreenPropertySchema } from './chunk-WFPYEYC7.js';
7
- import { CustomersScreen } from './chunk-WMBD65GH.js';
8
- export { CustomersScreen, customersScreenPropertySchema } from './chunk-WMBD65GH.js';
9
- import { ProductsScreen } from './chunk-QZMWG7EM.js';
10
- export { ProductsScreen, productsScreenPropertySchema } from './chunk-QZMWG7EM.js';
11
- import { CoreScreenPlaceholder } from './chunk-RS4OSTES.js';
1
+ import { themes_exports, useFluidApi, transformManifestToRepAppData, useThemeContext, useFluidAuthContext, MessagingScreen } from './chunk-SYZUEL6B.js';
2
+ export { ApiError, DEFAULT_AUTH_URL, DEFAULT_SDK_WIDGET_REGISTRY, FluidAuthProvider, FluidProvider, FluidThemeProvider, MessagingScreen, buildThemeDefinition, createDefaultAuthRedirect, createFluidClient, createFluidFileUploader, getActiveThemeId, isApiError, messagingScreenPropertySchema, normalizeComponentTree, toNavigationItem, toScreenDefinition, transformManifestToRepAppData, transformThemes, useFluidApi, useFluidAuthContext, useFluidContext, useMessagingAuth, useMessagingConfig, useThemeContext } from './chunk-SYZUEL6B.js';
3
+ import { ContactsScreen } from './chunk-NGOEPTWZ.js';
4
+ export { ContactsScreen, contactsScreenPropertySchema } from './chunk-NGOEPTWZ.js';
5
+ import { OrdersScreen } from './chunk-TB6OK3WH.js';
6
+ export { OrdersScreen, ordersScreenPropertySchema } from './chunk-TB6OK3WH.js';
7
+ import { CustomersScreen } from './chunk-JXEED3FK.js';
8
+ export { CustomersScreen, customersScreenPropertySchema } from './chunk-JXEED3FK.js';
9
+ import { ProductsScreen } from './chunk-4LTH3NNT.js';
10
+ export { ProductsScreen, productsScreenPropertySchema } from './chunk-4LTH3NNT.js';
11
+ import { CoreScreenPlaceholder } from './chunk-4PHR2M6A.js';
12
12
  import './chunk-424PT5DM.js';
13
13
  import * as React2 from 'react';
14
14
  import { createContext, memo, forwardRef, useContext, useRef, useEffect, useMemo, useState, useCallback } from 'react';
@@ -1659,11 +1659,11 @@ function RequireAuth({
1659
1659
 
1660
1660
  // src/screens/index.ts
1661
1661
  var screenPropertySchemas = {
1662
- MessagingScreen: () => import('./MessagingScreen-MBCIJWVN.js').then((m) => m.messagingScreenPropertySchema),
1663
- ContactsScreen: () => import('./ContactsScreen-33AJ5XUB.js').then((m) => m.contactsScreenPropertySchema),
1664
- OrdersScreen: () => import('./OrdersScreen-IPPZLEYF.js').then((m) => m.ordersScreenPropertySchema),
1665
- CustomersScreen: () => import('./CustomersScreen-E4HXBKV7.js').then((m) => m.customersScreenPropertySchema),
1666
- ProductsScreen: () => import('./ProductsScreen-YTSOZW7B.js').then((m) => m.productsScreenPropertySchema)
1662
+ MessagingScreen: () => import('./MessagingScreen-I3GVOGKY.js').then((m) => m.messagingScreenPropertySchema),
1663
+ ContactsScreen: () => import('./ContactsScreen-XKZE5HTP.js').then((m) => m.contactsScreenPropertySchema),
1664
+ OrdersScreen: () => import('./OrdersScreen-ANDGND6F.js').then((m) => m.ordersScreenPropertySchema),
1665
+ CustomersScreen: () => import('./CustomersScreen-BBQ3YHI4.js').then((m) => m.customersScreenPropertySchema),
1666
+ ProductsScreen: () => import('./ProductsScreen-5PMFLPWS.js').then((m) => m.productsScreenPropertySchema)
1667
1667
  };
1668
1668
  var CORE_PAGE_IDS = {
1669
1669
  MESSAGING: "core-messaging",
@@ -1799,7 +1799,7 @@ function SdkBottomNav({
1799
1799
  setMoreOpen(false);
1800
1800
  };
1801
1801
  return /* @__PURE__ */ jsxs(Fragment, { children: [
1802
- /* @__PURE__ */ jsxs("nav", { className: "fixed right-0 bottom-0 left-0 z-40 flex h-16 items-end justify-around border-t border-border bg-sidebar pb-[env(safe-area-inset-bottom)]", children: [
1802
+ /* @__PURE__ */ jsxs("nav", { className: "border-border bg-sidebar fixed right-0 bottom-0 left-0 z-40 flex h-16 items-end justify-around border-t pb-[env(safe-area-inset-bottom)]", children: [
1803
1803
  visibleItems.map((item) => {
1804
1804
  const isActive = isInSection(item, currentSlug);
1805
1805
  return /* @__PURE__ */ jsxs(
@@ -1838,15 +1838,15 @@ function SdkBottomNav({
1838
1838
  "aria-hidden": "true"
1839
1839
  }
1840
1840
  ),
1841
- /* @__PURE__ */ jsxs("div", { className: "rounded-t-2xl bg-sidebar pb-[env(safe-area-inset-bottom)]", children: [
1841
+ /* @__PURE__ */ jsxs("div", { className: "bg-sidebar rounded-t-2xl pb-[env(safe-area-inset-bottom)]", children: [
1842
1842
  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 pt-4 pb-2", children: [
1843
- /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: "More" }),
1843
+ /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm font-semibold", children: "More" }),
1844
1844
  /* @__PURE__ */ jsx(
1845
1845
  "button",
1846
1846
  {
1847
1847
  type: "button",
1848
1848
  onClick: () => setMoreOpen(false),
1849
- className: "flex items-center justify-center rounded-full p-1 text-muted-foreground hover:bg-sidebar-accent",
1849
+ className: "text-muted-foreground hover:bg-sidebar-accent flex items-center justify-center rounded-full p-1",
1850
1850
  "aria-label": "Close",
1851
1851
  children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faXmark, className: "size-5" })
1852
1852
  }
@@ -2027,7 +2027,7 @@ function QuickLinksDropdown({ onNavigate }) {
2027
2027
  ref: buttonRef,
2028
2028
  type: "button",
2029
2029
  onClick: () => setOpen((prev) => !prev),
2030
- className: "flex shrink-0 items-center justify-center rounded-md p-2 text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
2030
+ className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground flex shrink-0 items-center justify-center rounded-md p-2",
2031
2031
  "aria-label": "Quick links",
2032
2032
  "aria-expanded": open,
2033
2033
  children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faTableCellsLarge, className: "h-4 w-4" })
@@ -2037,32 +2037,32 @@ function QuickLinksDropdown({ onNavigate }) {
2037
2037
  "div",
2038
2038
  {
2039
2039
  ref: panelRef,
2040
- className: "absolute top-full right-0 z-50 mt-1 w-[700px] max-w-[90vw] overflow-hidden rounded-lg border border-border bg-background shadow-lg",
2040
+ className: "border-border bg-background absolute top-full right-0 z-50 mt-1 w-[700px] max-w-[90vw] overflow-hidden rounded-lg border shadow-lg",
2041
2041
  children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
2042
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b bg-background p-4", children: [
2042
+ /* @__PURE__ */ jsxs("div", { className: "bg-background flex items-center gap-2 border-b p-4", children: [
2043
2043
  /* @__PURE__ */ jsx(
2044
2044
  FontAwesomeIcon,
2045
2045
  {
2046
2046
  icon: faTableCellsLarge,
2047
- className: "h-5 w-5 text-muted-foreground"
2047
+ className: "text-muted-foreground h-5 w-5"
2048
2048
  }
2049
2049
  ),
2050
- /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: "Shortcuts" })
2050
+ /* @__PURE__ */ jsx("h3", { className: "text-foreground text-sm font-semibold", children: "Shortcuts" })
2051
2051
  ] }),
2052
- /* @__PURE__ */ jsx("div", { className: "space-y-6 bg-muted p-6", children: Object.entries(sections).map(([sectionName, items]) => /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
2053
- /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: sectionName }),
2052
+ /* @__PURE__ */ jsx("div", { className: "bg-muted space-y-6 p-6", children: Object.entries(sections).map(([sectionName, items]) => /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
2053
+ /* @__PURE__ */ jsx("h3", { className: "text-foreground text-sm font-semibold", children: sectionName }),
2054
2054
  /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-2", children: items.map((item) => /* @__PURE__ */ jsxs(
2055
2055
  "button",
2056
2056
  {
2057
2057
  type: "button",
2058
2058
  onClick: () => handleItemClick(item.slug),
2059
- className: "flex items-center gap-2 rounded-lg px-3 py-2 text-sm text-sidebar-foreground transition-colors hover:bg-sidebar-primary hover:text-sidebar-primary-foreground",
2059
+ className: "text-sidebar-foreground hover:bg-sidebar-primary hover:text-sidebar-primary-foreground flex items-center gap-2 rounded-lg px-3 py-2 text-sm transition-colors",
2060
2060
  children: [
2061
2061
  item.icon && /* @__PURE__ */ jsx(
2062
2062
  RepIcon,
2063
2063
  {
2064
2064
  name: item.icon,
2065
- className: "h-4 w-4 shrink-0 text-muted-foreground"
2065
+ className: "text-muted-foreground h-4 w-4 shrink-0"
2066
2066
  }
2067
2067
  ),
2068
2068
  /* @__PURE__ */ jsx("span", { className: "truncate", children: item.label })
@@ -2089,13 +2089,13 @@ function SdkHeader({
2089
2089
  const baseSlug = match?.matchedSlug ?? normalizeSlug(currentSlug);
2090
2090
  const themeIcon = themeMode.mode === "dark" ? faMoon : faSun;
2091
2091
  const activeTabs = sidebar.isMobile && sidebar.useBottomNav && mobileTabs ? mobileTabs : tabs;
2092
- return /* @__PURE__ */ jsxs("header", { className: "flex h-[52px] shrink-0 items-center gap-2 bg-sidebar px-6", children: [
2092
+ return /* @__PURE__ */ jsxs("header", { className: "bg-sidebar flex h-[52px] shrink-0 items-center gap-2 px-6", children: [
2093
2093
  sidebar.isMobile && !sidebar.useBottomNav && /* @__PURE__ */ jsx(
2094
2094
  "button",
2095
2095
  {
2096
2096
  type: "button",
2097
2097
  onClick: sidebar.toggleSidebar,
2098
- className: "mr-2 flex shrink-0 items-center justify-center rounded-md p-2 text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
2098
+ className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground mr-2 flex shrink-0 items-center justify-center rounded-md p-2",
2099
2099
  "aria-label": "Toggle sidebar",
2100
2100
  children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faBars, className: "size-5" })
2101
2101
  }
@@ -2109,7 +2109,7 @@ function SdkHeader({
2109
2109
  {
2110
2110
  type: "button",
2111
2111
  onClick: () => onNavigate(tabSlug),
2112
- className: `border-b-2 px-4 py-3 text-sm font-medium whitespace-nowrap transition-colors ${isActive ? "border-primary text-foreground" : "border-transparent text-muted-foreground hover:border-border hover:text-foreground"}`,
2112
+ className: `border-b-2 px-4 py-3 text-sm font-medium whitespace-nowrap transition-colors ${isActive ? "border-primary text-foreground" : "text-muted-foreground hover:border-border hover:text-foreground border-transparent"}`,
2113
2113
  children: tab.label
2114
2114
  },
2115
2115
  tab.id ?? tabSlug
@@ -2121,7 +2121,7 @@ function SdkHeader({
2121
2121
  {
2122
2122
  type: "button",
2123
2123
  onClick: themeMode.cycleMode,
2124
- className: "ml-2 flex shrink-0 items-center justify-center rounded-md p-2 text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
2124
+ className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground ml-2 flex shrink-0 items-center justify-center rounded-md p-2",
2125
2125
  "aria-label": `Switch theme (current: ${themeMode.mode})`,
2126
2126
  children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: themeIcon, className: "size-3" })
2127
2127
  }
@@ -2145,7 +2145,7 @@ function WidgetRenderer({ widget, index }) {
2145
2145
  function BuilderScreenViewImpl({ screen, className }) {
2146
2146
  const widgets = screen.component_tree;
2147
2147
  if (!widgets || widgets.length === 0) {
2148
- return /* @__PURE__ */ jsx("div", { className: className ?? "h-full w-full", children: /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsx("p", { children: "This screen has no content yet." }) }) });
2148
+ return /* @__PURE__ */ jsx("div", { className: className ?? "h-full w-full", children: /* @__PURE__ */ jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center", children: /* @__PURE__ */ jsx("p", { children: "This screen has no content yet." }) }) });
2149
2149
  }
2150
2150
  return /* @__PURE__ */ jsx("div", { className: className ?? "h-full w-full", children: widgets.map((widget, index) => {
2151
2151
  if (!widget) return null;