@tesouro/embedded-components-react 0.2.98 → 0.2.106

package/dist/libs/tesouro-embedded-components-react/settings-widget/feature/dist/index2.js

@@ -1,6 +1,6 @@
 "use client";
-import { jsx as t, jsxs as E } from "react/jsx-runtime";
-import { useEffect as O, useState as U } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { useEffect as x, useState as y } from "react";
 import "@emotion/react/jsx-runtime";
 import "../../../monite-sdk/dist/index57.js";
 import "clsx";
@@ -15,27 +15,26 @@ import "react-hot-toast";
 import "../../../monite-sdk/dist/index85.js";
 import "radix-ui";
 import "react-hook-form";
-import "../../../monite-sdk/dist/index155.js";
+import "../../../monite-sdk/dist/index158.js";
 import "@radix-ui/react-label";
 import "@radix-ui/react-radio-group";
 import "@hookform/resolvers/zod";
 import "zod";
-import "../../../monite-sdk/dist/index315.js";
+import "../../../monite-sdk/dist/index348.js";
 import "@radix-ui/react-checkbox";
 import "@radix-ui/react-select";
 import "../../../monite-sdk/dist/index90.js";
 import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
 import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
 import "../../../shared/data-access/dist/lib/rest/client.gen.js";
-import { hasAnyScope as F } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { hasAnyScope as h } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
 import "@tanstack/react-query";
-import { useCurrentUserQuery as q } from "../../../shared/data-access/dist/lib/useCurrentUserQuery.js";
 import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { Scope as p } from "../../../shared/data-access/dist/lib/scopes.js";
+import { Scope as o } from "../../../shared/data-access/dist/lib/scopes.js";
 import "../../../monite-sdk/dist/index92.js";
 import "react-dom";
 import "@mui/x-data-grid";
-import "../../../monite-sdk/dist/index147.js";
+import "../../../monite-sdk/dist/index150.js";
 import "../../../monite-sdk/dist/index83.js";
 import "../../../monite-sdk/dist/index55.js";
 import "@mui/material";
@@ -45,26 +44,26 @@ import "@mui/icons-material/Close";
 import "@mui/material/IconButton";
 import "@mui/material/Tooltip";
 import "@tanstack/react-table";
-import "../../../monite-sdk/dist/index154.js";
+import "../../../monite-sdk/dist/index157.js";
 import "@radix-ui/react-avatar";
-import "../../../monite-sdk/dist/index237.js";
+import "../../../monite-sdk/dist/index244.js";
 import "@mui/icons-material/AddCircleOutline";
 import "@mui/icons-material/Delete";
 import "@emotion/react";
 import "../../../monite-sdk/dist/index101.js";
-import "../../../monite-sdk/dist/index462.js";
-import "../../../monite-sdk/dist/index463.js";
-import "../../../monite-sdk/dist/index410.js";
-import "../../../monite-sdk/dist/index328.js";
+import "../../../monite-sdk/dist/index450.js";
+import "../../../monite-sdk/dist/index452.js";
+import "../../../monite-sdk/dist/index386.js";
+import "../../../monite-sdk/dist/index275.js";
 import "@mui/icons-material/Cancel";
 import "@mui/icons-material/HourglassEmpty";
 import "@mui/icons-material/PaidOutlined";
-import { Tabs as I, TabsList as _, TabsTrigger as P, TabsContent as y } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ApprovalPolicies as j } from "../../../monite-sdk/dist/index10.js";
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ApprovalPolicies as k } from "../../../monite-sdk/dist/index10.js";
 import "../../../monite-sdk/dist/index86.js";
 import "@mui/icons-material/DangerousOutlined";
 import "@mui/x-date-pickers";
-import "../../../monite-sdk/dist/index323.js";
+import "../../../monite-sdk/dist/index282.js";
 import "@mui/icons-material/CheckCircleOutlineRounded";
 import "@mui/icons-material/HighlightOffRounded";
 import "@mui/icons-material/Add";
@@ -72,19 +71,19 @@ import "@mui/icons-material/DeleteForever";
 import "@mui/icons-material/AttachFile";
 import "@mui/icons-material/CloudUploadOutlined";
 import "@mui/icons-material/MoreVert";
-import "../../../monite-sdk/dist/index451.js";
-import "../../../monite-sdk/dist/index276.js";
-import "../../../monite-sdk/dist/index278.js";
-import "../../../monite-sdk/dist/index382.js";
-import "../../../monite-sdk/dist/index176.js";
+import "../../../monite-sdk/dist/index467.js";
+import "../../../monite-sdk/dist/index318.js";
+import "../../../monite-sdk/dist/index320.js";
+import "../../../monite-sdk/dist/index399.js";
+import "../../../monite-sdk/dist/index172.js";
 import "@mui/icons-material/Sync";
 import "@mui/icons-material/Search";
 import "@mui/icons-material/CalendarToday";
-import "../../../monite-sdk/dist/index343.js";
-import "../../../monite-sdk/dist/index348.js";
-import "../../../monite-sdk/dist/index350.js";
+import "../../../monite-sdk/dist/index331.js";
+import "../../../monite-sdk/dist/index336.js";
+import "../../../monite-sdk/dist/index338.js";
 import "react-day-picker";
-import "../../../monite-sdk/dist/index352.js";
+import "../../../monite-sdk/dist/index340.js";
 import "@mui/icons-material/BlockOutlined";
 import "@mui/icons-material/CheckOutlined";
 import "@mui/icons-material/ErrorOutlineOutlined";
@@ -95,209 +94,180 @@ import "@mui/icons-material/SendOutlined";
 import "@mui/icons-material/StarHalfOutlined";
 import "@radix-ui/react-accordion";
 import "@radix-ui/react-tooltip";
-import "../../../monite-sdk/dist/index252.js";
-import "../../../monite-sdk/dist/index377.js";
-import "../../../monite-sdk/dist/index445.js";
+import "../../../monite-sdk/dist/index258.js";
+import "../../../monite-sdk/dist/index378.js";
+import "../../../monite-sdk/dist/index455.js";
 import "@mui/icons-material/DriveFileRenameOutline";
 import "deep-eql";
 import "react-use";
-import "../../../monite-sdk/dist/index165.js";
-import "../../../monite-sdk/dist/index335.js";
-import "../../../monite-sdk/dist/index336.js";
+import "../../../monite-sdk/dist/index211.js";
+import "../../../monite-sdk/dist/index358.js";
+import "../../../monite-sdk/dist/index359.js";
 import "../../../monite-sdk/dist/index56.js";
 import "react-script-hook";
 import "../../../monite-sdk/dist/index54.js";
 import "@mui/icons-material/Money";
 import "@mui/icons-material/MonetizationOnOutlined";
-import { TemplateSettings as $ } from "../../../monite-sdk/dist/index52.js";
+import { TemplateSettings as R } from "../../../monite-sdk/dist/index52.js";
 import "@mui/material/styles";
 import "@emotion/cache";
 import "../../../monite-sdk/dist/index106.js";
 import "@openapi-qraft/react/Unstable_QraftSecureRequestFn";
 import "@openapi-qraft/react";
 import "@openapi-qraft/react/callbacks/index";
-import { TagsWidget as N } from "../../../tags-widget/feature/dist/index2.js";
-import { TeamWidget as z } from "../../../team-widget/feature/dist/index2.js";
-import { SettingsWidgetUi as D } from "../../ui/dist/index2.js";
-import { ExpenseApprovalPoliciesWidget as G } from "../../../expense-approval-policies-widget/feature/dist/lib/ExpenseApprovalPoliciesWidgetFeature.js";
-import { ExpenseRequirementsWidget as M } from "../../../expense-requirements-widget/feature/dist/lib/ExpenseRequirementsWidget.js";
-import { GLCodeTableWidget as B } from "../../../gl-code-table-widget/feature/dist/index2.js";
-import { HelpWidget as Q } from "../../../help-widget/feature/dist/index2.js";
-import { ProfileWidget as H } from "../../../profile-widget/feature/dist/index2.js";
+import { TagsWidget as U } from "../../../tags-widget/feature/dist/index2.js";
+import { TeamWidget as w } from "../../../team-widget/feature/dist/index2.js";
+import { SettingsWidgetUi as L } from "../../ui/dist/index2.js";
+import { GLCodeTableWidget as O } from "../../../gl-code-table-widget/feature/dist/index2.js";
+import { HelpWidget as P } from "../../../help-widget/feature/dist/index2.js";
+import { ProfileWidget as $ } from "../../../profile-widget/feature/dist/index2.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
 import "@radix-ui/react-use-controllable-state";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
 import "react-error-boundary";
-import { useAnalyticsTrack as J } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { useAnalyticsTrack as F } from "../../../shared/feature/dist/lib/analytics/hooks.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useWidgetConfig as V } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import { MoniteRegionProvider as K } from "../../../shared/monite-wrapper/feature/dist/lib/MoniteRegionProvider.js";
-import { WIDGET_NAME as X, SettingsWidgetAnalyticsEvent as Y } from "./index4.js";
-import { DEFAULT_FEATURE_LABELS as Z } from "./index3.js";
-const tt = {
+import { useWidgetConfig as I } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { MoniteRegionProvider as z } from "../../../shared/monite-wrapper/feature/dist/lib/MoniteRegionProvider.js";
+import { WIDGET_NAME as M, SettingsWidgetAnalyticsEvent as _ } from "./index4.js";
+import { DEFAULT_FEATURE_LABELS as j } from "./index3.js";
+import { ExpenseSettingsTabs as q } from "./index5.js";
+const D = {
   profile: [],
-  team: [p.UserReadOrg],
-  invoice: [p.OrganizationSettingsWriteOrg],
-  "bill-pay": [p.ApprovalPolicyWriteOrg],
-  accounting: [p.AccountingConfigReadOrg],
-  tags: [p.AccountingConfigReadOrg],
-  expense: [p.ApprovalPolicyWriteOrg],
+  team: [o.UserReadOrg],
+  invoice: [o.OrganizationSettingsWriteOrg],
+  "bill-pay": [o.ApprovalPolicyWriteOrg],
+  accounting: [o.AccountingConfigReadOrg],
+  tags: [o.AccountingConfigReadOrg],
+  expense: [o.ApprovalPolicyWriteOrg],
   help: []
 };
-function it(o, r) {
-  return [o, r].map((e) => e?.trim()).filter((e) => !!e).join(" ");
-}
-function ot(o) {
-  return o.split(" ").filter(Boolean).map((r) => r.charAt(0).toUpperCase()).slice(0, 2).join("");
-}
-function rt({
-  approvalsLabel: o,
-  requirementsLabel: r
-}) {
-  const [e, m] = U("approvals");
-  return /* @__PURE__ */ E(
-    I,
-    {
-      value: e,
-      onValueChange: m,
-      className: "ttw:w-full ttw:space-y-5",
-      children: [
-        /* @__PURE__ */ E(_, { children: [
-          /* @__PURE__ */ t(P, { value: "approvals", children: o }),
-          /* @__PURE__ */ t(P, { value: "requirements", children: r })
-        ] }),
-        /* @__PURE__ */ t(y, { value: "approvals", children: /* @__PURE__ */ t(G, {}) }),
-        /* @__PURE__ */ t(y, { value: "requirements", children: /* @__PURE__ */ t(M, {}) })
-      ]
-    }
-  );
-}
-function et({
-  labels: o,
-  featureLabels: r,
-  acceptInviteRedirectUri: e,
+function G({
+  labels: r,
+  featureLabels: e,
+  acceptInviteRedirectUri: p,
   profileContent: m,
-  teamContent: a,
-  billPayContent: l,
-  helpContent: s,
-  expenseContent: c,
-  accountingContent: g,
-  tagsContent: d,
-  invoiceContent: f
+  teamContent: n,
+  billPayContent: a,
+  helpContent: l,
+  expenseContent: s,
+  accountingContent: c,
+  tagsContent: g,
+  invoiceContent: d
 }) {
-  const i = {
-    ...Z,
-    ...r
-  }, S = J();
-  O(() => {
-    S(Y.Mounted);
+  const t = {
+    ...j,
+    ...e
+  }, S = F();
+  x(() => {
+    S(_.Mounted);
   }, [S]);
-  const { data: n } = q(), u = it(n?.first_name, n?.last_name), b = n?.email?.trim() || n?.login?.trim() || "", h = ot(u) || b.charAt(0).toUpperCase(), x = u || b ? {
-    title: u || void 0,
-    avatarFallback: h,
-    // Email is the most stable per-user identifier available here, so the
-    // avatar color stays consistent for the same person across renders.
-    avatarSeed: b || h
-  } : void 0, { initResponse: L } = V(), R = L?.scopes, v = [
+  const { initResponse: A } = I(), v = A?.scopes, f = [
     {
       id: "profile",
-      label: i.profileSection,
-      content: m ?? /* @__PURE__ */ t(H, {})
+      label: t.profileSection,
+      content: m ?? /* @__PURE__ */ i($, {})
     },
     {
       id: "team",
-      label: i.teamSection,
-      content: a ?? /* @__PURE__ */ t(z, { acceptInviteRedirectUri: e })
+      label: t.teamSection,
+      content: n ?? /* @__PURE__ */ i(
+        w,
+        {
+          title: t.teamSection,
+          acceptInviteRedirectUri: p
+        }
+      )
     },
     {
       id: "invoice",
-      label: i.invoiceSection,
-      content: f ?? /* @__PURE__ */ t($, {})
+      label: t.invoiceSection,
+      content: d ?? /* @__PURE__ */ i(R, {})
     },
     {
       id: "expense",
-      label: i.expenseSection,
-      content: c ?? /* @__PURE__ */ t(
-        rt,
+      label: t.expenseSection,
+      content: s ?? /* @__PURE__ */ i(
+        q,
         {
-          approvalsLabel: i.expenseApprovalsTab,
-          requirementsLabel: i.expenseRequirementsTab
+          sectionTitle: t.expenseSection,
+          approvalsLabel: t.expenseApprovalsTab,
+          requirementsLabel: t.expenseRequirementsTab
         }
       )
     },
     {
       id: "bill-pay",
-      label: i.billPaySection,
-      content: l ?? /* @__PURE__ */ t(j, {})
+      label: t.billPaySection,
+      content: a ?? /* @__PURE__ */ i(k, {})
     },
     {
       id: "accounting",
-      label: i.accountingSection,
-      content: g ?? /* @__PURE__ */ t(B, {})
+      label: t.accountingSection,
+      content: c ?? /* @__PURE__ */ i(O, { title: t.accountingSection })
     },
     {
       id: "tags",
-      label: i.tagsSection,
-      content: d ?? /* @__PURE__ */ t(N, {})
+      label: t.tagsSection,
+      content: g ?? /* @__PURE__ */ i(U, {})
     },
     {
       id: "help",
-      label: i.helpSection,
-      content: s ?? /* @__PURE__ */ t(Q, {})
+      label: t.helpSection,
+      content: l ?? /* @__PURE__ */ i(P, {})
     }
-  ].filter((C) => {
-    const W = tt[C.id] ?? [];
-    return W.length === 0 || F(R, W);
-  }), T = v[0]?.id ?? "", [A, k] = U(
-    T
-  ), w = v.some(
-    (C) => C.id === A
-  ) ? A : T;
-  return /* @__PURE__ */ t(
-    D,
+  ].filter((b) => {
+    const T = D[b.id] ?? [];
+    return T.length === 0 || h(v, T);
+  }), u = f[0]?.id ?? "", [C, W] = y(
+    u
+  ), E = f.some(
+    (b) => b.id === C
+  ) ? C : u;
+  return /* @__PURE__ */ i(
+    L,
     {
-      labels: o,
-      sections: v,
-      selectedSectionId: w,
-      onSectionChange: k,
-      identity: x
+      labels: r,
+      sections: f,
+      selectedSectionId: E,
+      onSectionChange: W
     }
   );
 }
-function Fo({
-  baseUrl: o,
-  widgetToken: r,
-  organizationId: e,
+function uo({
+  baseUrl: r,
+  widgetToken: e,
+  organizationId: p,
   configClient: m,
-  linkComponent: a,
-  implementation: l,
-  uiFramework: s,
-  errorFallback: c,
-  onError: g,
-  finopsThemeColors: d,
-  analytics: f,
-  ...i
+  linkComponent: n,
+  implementation: a,
+  uiFramework: l,
+  errorFallback: s,
+  onError: c,
+  finopsThemeColors: g,
+  analytics: d,
+  ...t
 }) {
-  return /* @__PURE__ */ t(
-    K,
+  return /* @__PURE__ */ i(
+    z,
     {
-      widgetName: X,
-      baseUrl: o,
-      widgetToken: r,
-      organizationId: e,
+      widgetName: M,
+      baseUrl: r,
+      widgetToken: e,
+      organizationId: p,
       configClient: m,
-      linkComponent: a,
-      implementation: l,
-      uiFramework: s,
-      errorFallback: c,
-      onError: g,
-      finopsThemeColors: d,
-      analytics: f,
-      children: /* @__PURE__ */ t(et, { ...i })
+      linkComponent: n,
+      implementation: a,
+      uiFramework: l,
+      errorFallback: s,
+      onError: c,
+      finopsThemeColors: g,
+      analytics: d,
+      children: /* @__PURE__ */ i(G, { ...t })
     }
   );
 }
 export {
-  Fo as SettingsWidget
+  uo as SettingsWidget
 };

package/dist/libs/tesouro-embedded-components-react/settings-widget/feature/dist/index5.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useState as p } from "react";
+import { Tabs as m, TabsList as c, TabsTrigger as t, TabsContent as a } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ExpenseApprovalPoliciesWidget as d } from "../../../expense-approval-policies-widget/feature/dist/lib/ExpenseApprovalPoliciesWidgetFeature.js";
+import { ExpenseRequirementsWidget as u } from "../../../expense-requirements-widget/feature/dist/lib/ExpenseRequirementsWidget.js";
+import "@radix-ui/react-use-controllable-state";
+import "lucide-react";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import { SectionHeading as b } from "../../../shared/ui/dist/lib/SectionHeading/SectionHeading.js";
+function E({
+  sectionTitle: s,
+  approvalsLabel: i,
+  requirementsLabel: o
+}) {
+  const [l, n] = p("approvals");
+  return /* @__PURE__ */ r("div", { className: "ttw:space-y-4 ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-6", children: [
+    /* @__PURE__ */ e(b, { children: s }),
+    /* @__PURE__ */ r(
+      m,
+      {
+        value: l,
+        onValueChange: n,
+        className: "ttw:w-full ttw:space-y-5",
+        children: [
+          /* @__PURE__ */ r(c, { children: [
+            /* @__PURE__ */ e(t, { value: "approvals", children: i }),
+            /* @__PURE__ */ e(t, { value: "requirements", children: o })
+          ] }),
+          /* @__PURE__ */ e(a, { value: "approvals", children: /* @__PURE__ */ e(d, {}) }),
+          /* @__PURE__ */ e(a, { value: "requirements", children: /* @__PURE__ */ e(u, {}) })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  E as ExpenseSettingsTabs
+};

package/dist/libs/tesouro-embedded-components-react/settings-widget/ui/dist/index2.js

@@ -1,27 +1,21 @@
 "use client";
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { Tabs as d, Avatar as c, AvatarFallback as o, TabsList as m, TabsTrigger as u, TabsContent as p } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { avatarSwatchFor as f } from "../../../shared/ui/dist/lib/avatarSwatch.js";
-import "@radix-ui/react-use-controllable-state";
-import "lucide-react";
-import "react";
-import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { DEFAULT_LABELS as h } from "./index3.js";
-function T({
-  labels: r,
+import { Tabs as r, TabsList as d, TabsTrigger as o, TabsContent as c } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DEFAULT_LABELS as m } from "./index3.js";
+function p({
+  labels: l,
   sections: i,
   selectedSectionId: w,
-  onSectionChange: n,
-  identity: a
+  onSectionChange: n
 }) {
-  const l = { ...h, ...r };
+  const e = { ...m, ...l };
   return /* @__PURE__ */ s("section", { className: "ttw:w-full ttw:space-y-5", children: [
     /* @__PURE__ */ s("div", { className: "ttw:min-w-0", children: [
-      /* @__PURE__ */ t("h2", { className: "ttw:text-xl ttw:font-semibold ttw:text-foreground", children: l.title }),
-      l.description ? /* @__PURE__ */ t("p", { className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground", children: l.description }) : null
+      /* @__PURE__ */ t("h2", { className: "ttw:text-xl ttw:font-semibold ttw:text-foreground", children: e.title }),
+      e.description ? /* @__PURE__ */ t("p", { className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground", children: e.description }) : null
     ] }),
     /* @__PURE__ */ t(
-      d,
+      r,
       {
         value: w,
         onValueChange: n,
@@ -32,37 +26,20 @@ function T({
             "data-slot": "settings-widget-layout",
             className: "ttw:flex ttw:w-full ttw:flex-wrap ttw:gap-5",
             children: [
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ t(
                 "div",
                 {
                   "data-slot": "settings-widget-nav",
                   className: "ttw:flex ttw:basis-56 ttw:grow-0 ttw:shrink-0 ttw:flex-col ttw:gap-4",
-                  children: [
-                    a ? /* @__PURE__ */ s("div", { className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-3 ttw:px-1", children: [
-                      /* @__PURE__ */ t(c, { className: "ttw:size-10 ttw:shrink-0", children: /* @__PURE__ */ t(
-                        o,
-                        {
-                          className: f(
-                            a.avatarSeed || a.avatarFallback
-                          ),
-                          children: a.avatarFallback
-                        }
-                      ) }),
-                      /* @__PURE__ */ s("div", { className: "ttw:min-w-0", children: [
-                        a.title ? /* @__PURE__ */ t("p", { className: "ttw:truncate ttw:text-sm ttw:font-medium ttw:text-foreground", children: a.title }) : null,
-                        a.subtitle ? /* @__PURE__ */ t("p", { className: "ttw:truncate ttw:text-sm ttw:text-muted-foreground", children: a.subtitle }) : null
-                      ] })
-                    ] }) : null,
-                    /* @__PURE__ */ t(m, { className: "ttw:h-auto ttw:w-full ttw:max-w-full ttw:flex-col ttw:items-stretch ttw:justify-start ttw:gap-1 ttw:overflow-x-visible ttw:bg-transparent ttw:p-0", children: i.map((e) => /* @__PURE__ */ t(
-                      u,
-                      {
-                        value: e.id,
-                        className: "ttw:w-full ttw:shrink-0 ttw:justify-start ttw:rounded-md ttw:px-3 ttw:py-2 ttw:hover:bg-muted/60 ttw:data-[state=active]:bg-primary/10 ttw:data-[state=active]:font-medium ttw:data-[state=active]:text-primary ttw:group-data-[variant=default]/tabs-list:data-[state=active]:bg-primary/10 ttw:group-data-[variant=default]/tabs-list:data-[state=active]:shadow-none",
-                        children: e.label
-                      },
-                      e.id
-                    )) })
-                  ]
+                  children: /* @__PURE__ */ t(d, { className: "ttw:h-auto ttw:w-full ttw:max-w-full ttw:flex-col ttw:items-stretch ttw:justify-start ttw:gap-1 ttw:overflow-x-visible ttw:bg-transparent ttw:p-0", children: i.map((a) => /* @__PURE__ */ t(
+                    o,
+                    {
+                      value: a.id,
+                      className: "ttw:w-full ttw:shrink-0 ttw:justify-start ttw:rounded-md ttw:px-3 ttw:py-2 ttw:hover:bg-muted/60 ttw:data-[state=active]:bg-primary/10 ttw:data-[state=active]:font-medium ttw:data-[state=active]:text-primary ttw:group-data-[variant=default]/tabs-list:data-[state=active]:bg-primary/10 ttw:group-data-[variant=default]/tabs-list:data-[state=active]:shadow-none",
+                      children: a.label
+                    },
+                    a.id
+                  )) })
                 }
               ),
               /* @__PURE__ */ t(
@@ -70,7 +47,7 @@ function T({
                 {
                   "data-slot": "settings-widget-content",
                   className: "ttw:min-w-80 ttw:flex-1",
-                  children: i.map((e) => /* @__PURE__ */ t(p, { value: e.id, children: e.content }, e.id))
+                  children: i.map((a) => /* @__PURE__ */ t(c, { value: a.id, children: a.content }, a.id))
                 }
               )
             ]
@@ -81,5 +58,5 @@ function T({
   ] });
 }
 export {
-  T as SettingsWidgetUi
+  p as SettingsWidgetUi
 };