@vadimcomanescu/nadicode-design-system 4.0.10 → 5.0.0

package/contracts/message-catalog-contract.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "<normalized>",
+  "generatedAt": "2026-03-29T19:41:30.031Z",
   "locales": [
     "en",
     "it"
@@ -149,12 +149,6 @@
     "blocks.pricingBlock.savePercent",
     "blocks.pricingBlock.toggleYearlyBilling",
     "blocks.pricingBlock.yearly",
-    "blocks.voiceAgentCard.endCall",
-    "blocks.voiceAgentCard.startCall",
-    "blocks.voiceAgentCard.stateListening",
-    "blocks.voiceAgentCard.stateReady",
-    "blocks.voiceAgentCard.stateSpeaking",
-    "blocks.voiceAgentCard.voiceAgent",
     "common.back",
     "common.cancel",
     "common.clear",
@@ -263,6 +257,12 @@
     "components.thinkingIndicator.hideReasoning",
     "components.thinkingIndicator.showReasoning",
     "components.thinkingIndicator.thinking",
+    "components.voiceAgentCard.endCall",
+    "components.voiceAgentCard.startCall",
+    "components.voiceAgentCard.stateListening",
+    "components.voiceAgentCard.stateReady",
+    "components.voiceAgentCard.stateSpeaking",
+    "components.voiceAgentCard.voiceAgent",
     "nav.backToApp",
     "nav.dashboard",
     "nav.logOut",
@@ -416,12 +416,6 @@
         "blocks.pricingBlock.savePercent",
         "blocks.pricingBlock.toggleYearlyBilling",
         "blocks.pricingBlock.yearly",
-        "blocks.voiceAgentCard.endCall",
-        "blocks.voiceAgentCard.startCall",
-        "blocks.voiceAgentCard.stateListening",
-        "blocks.voiceAgentCard.stateReady",
-        "blocks.voiceAgentCard.stateSpeaking",
-        "blocks.voiceAgentCard.voiceAgent",
         "common.back",
         "common.cancel",
         "common.clear",
@@ -530,6 +524,12 @@
         "components.thinkingIndicator.hideReasoning",
         "components.thinkingIndicator.showReasoning",
         "components.thinkingIndicator.thinking",
+        "components.voiceAgentCard.endCall",
+        "components.voiceAgentCard.startCall",
+        "components.voiceAgentCard.stateListening",
+        "components.voiceAgentCard.stateReady",
+        "components.voiceAgentCard.stateSpeaking",
+        "components.voiceAgentCard.voiceAgent",
         "nav.backToApp",
         "nav.dashboard",
         "nav.logOut",
@@ -683,12 +683,6 @@
         "blocks.pricingBlock.savePercent",
         "blocks.pricingBlock.toggleYearlyBilling",
         "blocks.pricingBlock.yearly",
-        "blocks.voiceAgentCard.endCall",
-        "blocks.voiceAgentCard.startCall",
-        "blocks.voiceAgentCard.stateListening",
-        "blocks.voiceAgentCard.stateReady",
-        "blocks.voiceAgentCard.stateSpeaking",
-        "blocks.voiceAgentCard.voiceAgent",
         "common.back",
         "common.cancel",
         "common.clear",
@@ -797,6 +791,12 @@
         "components.thinkingIndicator.hideReasoning",
         "components.thinkingIndicator.showReasoning",
         "components.thinkingIndicator.thinking",
+        "components.voiceAgentCard.endCall",
+        "components.voiceAgentCard.startCall",
+        "components.voiceAgentCard.stateListening",
+        "components.voiceAgentCard.stateReady",
+        "components.voiceAgentCard.stateSpeaking",
+        "components.voiceAgentCard.voiceAgent",
         "nav.backToApp",
         "nav.dashboard",
         "nav.logOut",
@@ -817,4 +817,4 @@
       ]
     }
   }
-}
+}

package/contracts/release-governance-baseline.json

@@ -1,29 +1,9 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-03-27T10:15:35.016Z",
-  "packageVersion": "4.0.0",
+  "generatedAt": "2026-03-31T12:17:55.819Z",
+  "packageVersion": "5.0.0",
   "stableExports": [
     ".",
-    "./accordion",
-    "./account-locked-block",
-    "./account-locked-page-kit",
-    "./activity-feed-block",
-    "./agent-avatar",
-    "./agent-conversation-block",
-    "./agent-message-bubble",
-    "./agent-metrics-card",
-    "./agent-profile-grid-block",
-    "./agent-run-overview-block",
-    "./agent-status",
-    "./agent-team-panel",
-    "./agent-terminal",
-    "./agent-timeline",
-    "./agent-workbench-block",
-    "./agents-chat-page-kit",
-    "./alert",
-    "./alert-dialog",
-    "./ambient-grid",
-    "./analytics-page-kit",
     "./animate-ui/primitives/animate/scroll-progress",
     "./animate-ui/primitives/animate/slot",
     "./animate-ui/primitives/effects/fade",
@@ -31,124 +11,18 @@
     "./animate-ui/primitives/effects/shine",
     "./animate-ui/primitives/effects/slide",
     "./animate-ui/primitives/effects/zoom",
-    "./animated-background",
-    "./animated-dialog",
-    "./animated-sheet",
-    "./animated-tabs",
     "./animation-tokens",
-    "./announcement-banner",
-    "./approval-card",
-    "./artifact-card",
-    "./aspect-ratio",
-    "./audio-visualizer-block",
-    "./audio-waveform",
-    "./aurora-effect",
-    "./auth-layout",
-    "./auth-success-block",
-    "./avatar",
-    "./avatar-upload",
-    "./avatar3-d",
-    "./badge",
-    "./banner-block",
-    "./bar-chart-block",
-    "./bento-grid",
-    "./blog-content-page-kit",
     "./brand-icons",
-    "./breadcrumb",
-    "./button",
-    "./button-group",
-    "./calendar",
-    "./call-to-action-block",
-    "./card",
-    "./carousel",
     "./catalog",
-    "./changelog-block",
-    "./chart",
-    "./chart-block",
-    "./chart-card",
-    "./chart-collection-block",
-    "./charts",
-    "./charts/area-chart",
-    "./charts/bar-chart",
-    "./charts/heatmap-chart",
-    "./charts/line-chart",
-    "./charts/pie-chart",
-    "./charts/radar-chart",
-    "./charts/radial-bar-chart",
-    "./charts/sparkline",
-    "./chat-actions",
-    "./chat-branch",
-    "./chat-chain-of-thought",
-    "./chat-confirmation",
-    "./chat-greeting",
-    "./chat-layout",
-    "./chat-message",
-    "./chat-plan",
-    "./chat-prompt-input",
-    "./chat-prompt-input-attachments",
-    "./chat-queue",
-    "./chat-reasoning",
-    "./chat-response",
-    "./chat-shimmer",
-    "./chat-sources",
-    "./chat-suggestion",
-    "./chat-thinking-message",
-    "./chat-tool-call",
-    "./check-status",
-    "./checkbox",
-    "./checkout-form",
-    "./checkout-page-kit",
-    "./code-block",
-    "./code-diff-viewer",
-    "./collapsible",
-    "./combobox",
-    "./command",
-    "./company-suite-page-kit",
-    "./comparison-block",
-    "./confetti-burst",
+    "./catalog/components",
+    "./catalog/types",
     "./consumer-intent-map",
-    "./contact-block",
-    "./context-menu",
-    "./context-meter",
-    "./conversation",
-    "./conversation-thread",
-    "./create-block",
-    "./crud-form-page-kit",
-    "./crud-list-detail-page-kit",
-    "./dashboard-page-kit",
-    "./data-freshness",
-    "./data-grid-block",
-    "./data-table",
-    "./date-picker",
-    "./date-range-picker",
-    "./dialog",
-    "./diff-stat",
-    "./directory-block",
-    "./drawer",
-    "./dropdown-menu",
     "./ds-check",
     "./ds-update",
-    "./empty",
-    "./error-page-kit",
     "./eslint-config",
     "./eslint-plugin",
-    "./faq-block",
-    "./feature-block",
-    "./feature-grid-block",
-    "./field",
-    "./file-upload",
-    "./floating-dock",
-    "./footer-block",
     "./form",
-    "./form-wizard",
-    "./gallery-block",
     "./get-strict-context",
-    "./handoff-indicator",
-    "./header-block",
-    "./heading",
-    "./heatmap-chart-block",
-    "./hero-block",
-    "./hero-section-block",
     "./hooks/use-dismissed",
     "./hooks/use-hotkey",
     "./hooks/use-is-in-view",
@@ -158,9 +32,7 @@
     "./hooks/use-safe-timeout",
     "./hooks/use-scroll-to-bottom",
     "./hooks/use-shader-preset",
-    "./hooks/use-toast",
     "./hooks/use-token",
-    "./hover-card",
     "./icons",
     "./icons/activity",
     "./icons/alert-circle",
@@ -275,30 +147,15 @@
     "./icons/x",
     "./icons/x-circle",
     "./icons/zap",
-    "./infinite-slider",
-    "./input",
-    "./input-group",
-    "./input-otp",
-    "./integrations-block",
-    "./interactive-area-chart-block",
-    "./item",
-    "./kanban-board",
-    "./kanban-board-page-kit",
     "./kanban.a11y",
     "./kanban.context",
     "./kanban.types",
     "./kanban.utils",
-    "./kbd",
     "./label",
-    "./landing-page-kit",
-    "./language-switcher",
-    "./layout/grid",
-    "./layout/grid-system",
     "./lib/merge-messages",
-    "./login-block",
-    "./login-page-kit",
+    "./lib/timezones",
+    "./lib/tool-call-state-map",
     "./logo",
-    "./logo-cloud",
     "./logos",
     "./logos/gemini",
     "./logos/google-pa-lm",
@@ -306,130 +163,24 @@
     "./logos/media-wiki",
     "./logos/replit",
     "./logos/vs-codium",
-    "./magnetic-element",
-    "./marketing-shell-page-kit",
-    "./memory-inspector",
-    "./menubar",
     "./message-catalog-contract",
     "./messages/en",
     "./messages/it",
-    "./meteor-shower",
-    "./metric-card",
     "./motion",
-    "./mouse-effect",
-    "./moving-border",
-    "./native-select",
-    "./nav-user",
-    "./navigation-menu",
-    "./navigation-shell-page-kit",
-    "./newsletter-block",
-    "./not-found-block",
-    "./notification-center",
-    "./onboarding-block",
-    "./onboarding-page-kit",
-    "./page-transition",
-    "./pagination",
-    "./password-input",
-    "./password-recovery-block",
     "./patterns",
-    "./popover",
-    "./pricing-block",
-    "./pricing-page-kit",
-    "./process-flow-block",
-    "./profile-settings-page-kit",
-    "./progress",
-    "./progress-ring",
-    "./progressive-blur",
-    "./promo-card",
-    "./radio-group",
     "./react-utils",
-    "./recovery-page-kit",
-    "./reset-page-kit",
-    "./reset-password-block",
-    "./resizable",
-    "./role-badge",
-    "./scroll-area",
-    "./scroll-fade-in",
-    "./search-command",
-    "./select",
-    "./separator",
-    "./service-suite-page-kit",
-    "./settings-layout",
-    "./settings-modal",
-    "./settings-page-kit",
-    "./shader-background",
     "./shader-presets",
-    "./sheet",
-    "./sidebar",
-    "./sign-up-block",
-    "./signup-page-kit",
-    "./skeleton",
     "./skip-nav",
-    "./slider",
-    "./social-proof-block",
     "./sonner",
-    "./source-citation",
-    "./spinner",
-    "./spring-hover",
-    "./stagger-children",
-    "./staggered-entrance",
-    "./stats-block",
-    "./stats-marketing-block",
-    "./status-dot",
     "./stepper",
     "./stepper/step",
     "./stepper/stepper",
-    "./style-toggle",
-    "./success-check",
-    "./success-page-kit",
-    "./switch",
-    "./table",
-    "./tabs",
-    "./tag-input",
     "./tailwind",
-    "./team-block",
-    "./team-settings-page-kit",
     "./test",
     "./test/simulate-ime-composition",
-    "./testimonials-block",
-    "./text-effects",
-    "./text-effects/animated-gradient-text",
-    "./text-effects/counting-number",
-    "./text-effects/flip-words",
-    "./text-effects/highlight-text",
-    "./text-effects/morphing-text",
-    "./text-effects/shimmering-text",
-    "./text-effects/sliding-number",
-    "./text-effects/streaming-text",
-    "./text-effects/text-reveal",
-    "./textarea",
     "./theme-provider",
-    "./theme-toggle",
-    "./thinking-indicator",
-    "./tilt-card",
-    "./timeline",
-    "./toast",
-    "./toaster",
-    "./toggle",
-    "./toggle-group",
     "./tokens.css",
-    "./tool-call-card",
-    "./tooltip",
-    "./tree-view",
-    "./trend-indicator",
-    "./two-factor-challenge-block",
-    "./two-factor-page-kit",
-    "./two-factor-setup-block",
-    "./typography",
-    "./usage-donut-block",
-    "./user/invite-user-modal",
-    "./utils",
-    "./verify-email-page-kit",
-    "./visually-hidden",
-    "./voice-agent-card",
-    "./voice-agents-page-kit",
-    "./wizard-block",
-    "./workflow-graph"
+    "./utils"
   ],
   "stableTokenNames": [
     "--border-width-base",
@@ -502,8 +253,6 @@
     "--glass-panel-gradient",
     "--glass-panel-shadow",
     "--glass-saturate",
-    "--glass-sidebar-gradient",
-    "--glass-sidebar-shadow",
     "--glass-tab-bg-opacity",
     "--glass-tab-blur",
     "--glass-tab-shadow",
@@ -671,12 +420,6 @@
     "blocks.pricingBlock.savePercent",
     "blocks.pricingBlock.toggleYearlyBilling",
     "blocks.pricingBlock.yearly",
-    "blocks.voiceAgentCard.endCall",
-    "blocks.voiceAgentCard.startCall",
-    "blocks.voiceAgentCard.stateListening",
-    "blocks.voiceAgentCard.stateReady",
-    "blocks.voiceAgentCard.stateSpeaking",
-    "blocks.voiceAgentCard.voiceAgent",
     "common.back",
     "common.cancel",
     "common.clear",
@@ -785,6 +528,12 @@
     "components.thinkingIndicator.hideReasoning",
     "components.thinkingIndicator.showReasoning",
     "components.thinkingIndicator.thinking",
+    "components.voiceAgentCard.endCall",
+    "components.voiceAgentCard.startCall",
+    "components.voiceAgentCard.stateListening",
+    "components.voiceAgentCard.stateReady",
+    "components.voiceAgentCard.stateSpeaking",
+    "components.voiceAgentCard.voiceAgent",
     "nav.backToApp",
     "nav.dashboard",
     "nav.logOut",
@@ -806,7 +555,7 @@
   "artifacts": {
     "contracts/consumer-intent-map.json": {
       "schemaVersion": "1.0.0",
-      "shapeSignature": "583a600417b95d3b7278d18d8a23ad8f0353314feb64fba7fa037c2c7db5b8b9"
+      "shapeSignature": "341a260b279195ba09c15a29e10d527fd5240197c37e313b3b86571b2d5c41d9"
     },
     "contracts/message-catalog-contract.json": {
       "schemaVersion": "1.0.0",

package/css/tokens.css

@@ -148,10 +148,10 @@
     --color-background: 0 0 0;
 
     /* Surface */
-    --color-surface: 20 20 20;
-    --color-surface-hover: 30 30 30;
-    --color-surface-active: 40 40 40;
-    --color-surface-raised: 30 30 30;
+    --color-surface: 30 30 30;
+    --color-surface-hover: 40 40 40;
+    --color-surface-active: 50 50 50;
+    --color-surface-raised: 38 38 38;
 
     /* Border */
     --color-border: 69 69 69;
@@ -201,7 +201,7 @@
 
     /* Text */
     --color-text-primary: 237 237 237;
-    --color-text-secondary: 161 161 161;
+    --color-text-secondary: 171 171 171;
     --color-text-tertiary: 139 139 139;
 
     /* Interactive */
@@ -389,29 +389,29 @@
 
     /* Panel tokens (dark defaults) */
     --glass-panel-blur: 20px;
-    --glass-panel-bg-opacity: 0.30;
+    --glass-panel-bg-opacity: 0.38;
     --glass-panel-border-opacity: 0.10;
     --glass-panel-shadow:
       0 4px 6px -1px rgba(0, 0, 0, 0.5),
       0 10px 15px -3px rgba(0, 0, 0, 0.35),
       0 20px 25px -5px rgba(0, 0, 0, 0.2),
-      0 0 20px rgba(10, 158, 111, 0.04),
-      inset 0 1px 0 0 rgba(255, 255, 255, 0.08),
-      inset 0 1px 1px 0 rgba(255, 255, 255, 0.03),
-      inset 0 0 12px rgba(255, 255, 255, 0.04);
-    --glass-panel-gradient: radial-gradient(ellipse at 15% 15%, rgba(255, 255, 255, 0.06), transparent 70%);
+      0 0 20px rgba(10, 158, 111, 0.06),
+      inset 0 1px 0 0 rgba(255, 255, 255, 0.12),
+      inset 0 1px 1px 0 rgba(255, 255, 255, 0.05),
+      inset 0 0 12px rgba(255, 255, 255, 0.06);
+    --glass-panel-gradient: radial-gradient(ellipse at 15% 15%, rgba(255, 255, 255, 0.09), transparent 70%);
 
     /* Floating tokens (dark defaults) */
     --glass-floating-blur: 28px;
-    --glass-floating-bg-opacity: 0.40;
+    --glass-floating-bg-opacity: 0.45;
     --glass-floating-border-opacity: 0.20;
     --glass-floating-shadow:
       0 10px 20px rgba(0, 0, 0, 0.5),
       0 30px 60px rgba(0, 0, 0, 0.35),
-      0 0 30px rgba(10, 158, 111, 0.06),
-      inset 0 0 0 1px rgba(255, 255, 255, 0.08),
-      inset 0 1px 1px rgba(255, 255, 255, 0.15),
-      inset 0 0 16px rgba(255, 255, 255, 0.05);
+      0 0 30px rgba(10, 158, 111, 0.08),
+      inset 0 0 0 1px rgba(255, 255, 255, 0.12),
+      inset 0 1px 1px rgba(255, 255, 255, 0.18),
+      inset 0 0 16px rgba(255, 255, 255, 0.07);
 
     /* Overlay tokens (dark defaults) */
     --glass-overlay-blur: 12px;
@@ -427,8 +427,8 @@
     --glass-noise-blend: overlay;
     --glass-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
     --glass-edge-width: 1px;
-    --glass-edge-from: rgba(255, 255, 255, 0.15);
-    --glass-edge-to: rgba(255, 255, 255, 0.03);
+    --glass-edge-from: rgba(255, 255, 255, 0.28);
+    --glass-edge-to: rgba(255, 255, 255, 0.08);
   }
 
   /* ── Glass Classes (consume tokens) ────────────────────────────────── */
@@ -443,6 +443,10 @@
     text-shadow: var(--glass-text-shadow);
     contain: layout style paint;
     will-change: transform;
+    /* Prevent text/content overflow in all glass containers */
+    min-width: 0;
+    overflow: hidden;
+    overflow-wrap: anywhere;
 
     /* Noise texture */
     &::before {
@@ -489,6 +493,9 @@
     text-shadow: var(--glass-text-shadow);
     contain: layout style paint;
     will-change: transform;
+    min-width: 0;
+    overflow: hidden;
+    overflow-wrap: anywhere;
     transition: transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1),
                 box-shadow 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
 
@@ -537,6 +544,9 @@
     text-shadow: var(--glass-text-shadow);
     contain: layout style paint;
     will-change: transform;
+    min-width: 0;
+    overflow: hidden;
+    overflow-wrap: anywhere;
     @apply transition-colors duration-300;
 
     /* Noise texture */

package/dist/ProfilePage-KJVA3ZQ5.js

@@ -0,0 +1,87 @@
+import { StaggerChildren } from './chunk-DQPK2XRL.js';
+import { Switch } from './chunk-R7N7YLFT.js';
+import { Heading } from './chunk-UXX6HHPS.js';
+import { Field, FieldLabel } from './chunk-RX5EUODB.js';
+import { Separator } from './chunk-CUZJIDU7.js';
+import { Input } from './chunk-AP3XXYAY.js';
+import { Label } from './chunk-LIBXYD5Q.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-7UY24UWL.js';
+import { AvatarUpload } from './chunk-FAQZPQF7.js';
+import './chunk-AU2Q7CXZ.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import './chunk-PD2YEH3H.js';
+import './chunk-CRY67BIF.js';
+import './chunk-HJC6U46F.js';
+import './chunk-ONGJ7AC2.js';
+import './chunk-UHXGBV5N.js';
+import './chunk-UIUMTURU.js';
+import './chunk-ASKFAYYR.js';
+import './chunk-QYZT24TS.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ProfilePage() {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Heading, { level: 3, children: "Profile" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: "Manage your public profile and personal settings." })
+    ] }),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-6 md:grid-cols-[200px_1fr]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4", children: [
+        /* @__PURE__ */ jsx(AvatarUpload, {}),
+        /* @__PURE__ */ jsxs("p", { className: "text-xs text-text-tertiary text-center px-4", children: [
+          "Recommended: 400x400px. ",
+          /* @__PURE__ */ jsx("br", {}),
+          " Max size: 2MB."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(StaggerChildren, { staggerMs: 100, className: "space-y-6", children: [
+        /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsxs(CardHeader, { children: [
+            /* @__PURE__ */ jsx(CardTitle, { children: "Personal Information" }),
+            /* @__PURE__ */ jsx(CardDescription, { children: "This information will be displayed on your public profile." })
+          ] }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs(Field, { children: [
+              /* @__PURE__ */ jsx(FieldLabel, { htmlFor: "name", children: "Display Name" }),
+              /* @__PURE__ */ jsx(Input, { id: "name", defaultValue: "Vadim" })
+            ] }),
+            /* @__PURE__ */ jsxs(Field, { children: [
+              /* @__PURE__ */ jsx(FieldLabel, { htmlFor: "bio", children: "Bio" }),
+              /* @__PURE__ */ jsx(Input, { id: "bio", placeholder: "Role or short description..." })
+            ] }),
+            /* @__PURE__ */ jsxs(Field, { children: [
+              /* @__PURE__ */ jsx(FieldLabel, { htmlFor: "url", children: "Website" }),
+              /* @__PURE__ */ jsx(Input, { id: "url", placeholder: "https://example.com" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Email & Notifications" }) }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded-lg border border-border-subtle bg-surface-hover p-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+                /* @__PURE__ */ jsx(Label, { className: "text-base", children: "Marketing Emails" }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: "Receive emails about new features and updates." })
+              ] }),
+              /* @__PURE__ */ jsx(Switch, { "aria-label": "Marketing emails" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded-lg border border-border-subtle bg-surface-hover p-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+                /* @__PURE__ */ jsx(Label, { className: "text-base", children: "Security Alerts" }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: "Get notified about login attempts." })
+              ] }),
+              /* @__PURE__ */ jsx(Switch, { defaultChecked: true, "aria-label": "Security alerts" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-4", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", children: "Discard" }),
+          /* @__PURE__ */ jsx(Button, { variant: "accent", children: "Save Changes" })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+export { ProfilePage };