@voyantjs/notifications-react 0.106.0 → 0.108.0

package/dist/i18n/ro.js

@@ -0,0 +1,385 @@
+export const notificationsUiRo = {
+    common: {
+        cancel: "Anulează",
+        save: "Salvează",
+        create: "Creează",
+        edit: "Editează",
+        delete: "Șterge",
+        add: "Adaugă",
+        none: "—",
+        loading: "Se încarcă…",
+        optionalPlaceholder: "Opțional",
+    },
+    stage: {
+        listHeading: "Etape",
+        listEmpty: "Nicio etapă încă. Adaugă una pentru a defini când se trimite regula.",
+        addStage: "Adaugă etapă",
+        deleteConfirm: "Ștergi această etapă?",
+        fields: {
+            name: "Nume",
+            orderIndex: "Ordine",
+            anchor: "Reper",
+            windowStartDays: "Început fereastră (zile)",
+            windowEndDays: "Sfârșit fereastră (zile)",
+            cadenceKind: "Cadență",
+            cadenceEveryDays: "La fiecare N zile",
+            cadenceIntervals: "Praguri de escaladare",
+            maxSendsInStage: "Trimiteri maxime per etapă",
+            respectQuietHours: "Respectă orele de liniște",
+        },
+        descriptions: {
+            window: "Când se deschide fereastra de eligibilitate, relativ la reperul ales.",
+            cadence: "Cât de des se poate declanșa etapa în interiorul ferestrei.",
+            emptyIntervals: "Adaugă praguri bazate pe zile-până-la-scadență pentru a ajusta cadența pe măsură ce se apropie termenul.",
+            stopConditions: "Condiții de oprire",
+            maxSendsInStage: "Lasă gol pentru fără limită. Când se atinge limita, preia etapa următoare.",
+            respectQuietHours: "Amână declanșările care ar cădea în intervalul de ore de liniște al tenantului.",
+        },
+        placeholders: {
+            name: "Prima reamintire",
+        },
+        anchors: {
+            due_date: "Data scadenței",
+            booking_created_at: "Data creării rezervării",
+            departure_date: "Data plecării",
+            invoice_issued_at: "Data emiterii facturii",
+            last_send_at: "Ultima trimitere",
+        },
+        cadences: {
+            once: "O singură dată",
+            every_n_days: "La fiecare N zile",
+            escalating: "Praguri de escaladare",
+        },
+        intervalRow: {
+            whenDaysUntilDueGT: "Când zile-până-la-scadență >",
+            whenDaysUntilDueLT: "Când zile-până-la-scadență <",
+            repeatEveryDays: "Repetă la fiecare (zile)",
+            addInterval: "Adaugă prag",
+            removeInterval: "Șterge",
+        },
+        titles: {
+            create: "Adaugă etapă",
+            edit: "Editează etapă",
+        },
+    },
+    channel: {
+        listHeading: "Canale",
+        listEmpty: "Niciun canal. Adaugă cel puțin unul pentru a livra această etapă.",
+        addChannel: "Adaugă canal",
+        deleteConfirm: "Ștergi acest canal?",
+        fields: {
+            orderIndex: "Ordine",
+            channel: "Canal",
+            provider: "Furnizor",
+            template: "Șablon",
+            recipientKind: "Destinatar",
+        },
+        channels: {
+            email: "Email",
+            sms: "SMS",
+        },
+        recipientKinds: {
+            primary: "Principal",
+            cc: "CC",
+            bcc: "BCC",
+        },
+        providers: {
+            automatic: "Automat",
+            resend: "Resend (email)",
+            twilio: "Twilio (SMS)",
+        },
+        titles: {
+            create: "Adaugă canal",
+            edit: "Editează canal",
+        },
+        placeholders: {
+            template: "Caută șabloane…",
+        },
+        descriptions: {
+            automaticProvider: "Folosește Automat pentru a utiliza valoarea implicită a deploymentului pentru acest canal.",
+        },
+    },
+    settings: {
+        heading: "Setări notificări",
+        description: "Valori implicite pentru orele de liniște, blocaje și limite per destinatar.",
+        sections: {
+            quietHours: "Ore de liniște",
+            quietHoursDesc: "Când se pot trimite reamintiri, în fusul orar al destinatarului.",
+            blackouts: "Date blocate",
+            blackoutsDesc: "Date specifice care se ignoră complet (sărbători, închideri).",
+            rateLimits: "Limite și deduplicare",
+            rateLimitsDesc: "Plafoane care se aplică tuturor regulilor pentru a proteja destinatarii.",
+        },
+        fields: {
+            quietHoursStart: "Început",
+            quietHoursEnd: "Sfârșit",
+            quietHoursTz: "Fus orar",
+            blackoutDates: "Date blocate",
+            skipWeekends: "Sari peste weekend-uri",
+            skipWeekendsDesc: "Amână reamintirile care ar cădea sâmbăta sau duminica.",
+            recipientRateLimitPerDay: "Plafon zilnic per destinatar",
+            suppressionWindowHours: "Fereastră de supresie (ore)",
+        },
+        placeholders: {
+            tz: "Caută fusuri orare…",
+            noBlackouts: "Nicio dată blocată.",
+        },
+        helpers: {
+            blackoutDates: "Adaugă o dată pentru fiecare zi calendaristică de ignorat.",
+            recipientRateLimitPerDay: "Numărul maxim de reamintiri trimise per destinatar/canal în 24h. Lasă gol pentru fără limită.",
+            suppressionWindowHours: "Fereastră pentru deduplicarea regulilor care partajează același grup de supresie.",
+        },
+        actions: {
+            addBlackoutDate: "Adaugă dată",
+            removeBlackoutDate: "Șterge",
+        },
+    },
+    pickers: {
+        templates: {
+            placeholder: "Caută șabloane…",
+            empty: "Nu s-a găsit niciun șablon.",
+        },
+        timezones: {
+            placeholder: "Caută fusuri orare…",
+            empty: "Nu s-a găsit niciun fus orar.",
+        },
+    },
+    preview: {
+        dateLabel: "Dată",
+        empty: "Nimic nu s-ar declanșa la această dată.",
+        columns: {
+            rule: "Regulă",
+            stage: "Etapă",
+            target: "Țintă",
+            anchor: "Reper",
+            scheduledAt: "Programat la",
+            reasoning: "Motiv",
+        },
+    },
+    admin: {
+        common: {
+            channelFilterPlaceholder: "Canal",
+            statusFilterPlaceholder: "Stare",
+            allChannels: "Toate canalele",
+            allStatuses: "Toate stările",
+            channelEmail: "Email",
+            channelSms: "SMS",
+            statusDraft: "Ciornă",
+            statusActive: "Activ",
+            statusArchived: "Arhivat",
+            statusPending: "În așteptare",
+            statusSent: "Trimis",
+            statusFailed: "Eșuat",
+            statusCancelled: "Anulat",
+            statusQueued: "În coadă",
+            statusProcessing: "În procesare",
+            statusSkipped: "Omis",
+            saveChanges: "Salvează modificările",
+            directTemplate: "direct",
+            defaultSender: "Expeditor implicit",
+            previewDataNotObject: "Datele de previzualizare trebuie să fie un obiect JSON.",
+            previewInvalidJson: "Datele de previzualizare nu sunt JSON valid.",
+            previewFailed: "Previzualizarea a eșuat",
+        },
+        templatesPage: {
+            title: "Șabloane de notificare",
+            description: "Gestionează șabloanele de email și SMS randate cu Liquid.",
+            newTemplate: "Șablon nou",
+            searchPlaceholder: "Caută șabloane...",
+            empty: "Niciun șablon de notificare încă. Creează unul pentru a trimite emailuri și SMS-uri personalizate.",
+        },
+        templateDialog: {
+            editTitle: "Editează șablonul de notificare",
+            createTitle: "Șablon de notificare nou",
+            nameLabel: "Nume",
+            namePlaceholder: "Confirmare rezervare",
+            slugLabel: "Slug",
+            slugPlaceholder: "confirmare-rezervare",
+            channelLabel: "Canal",
+            statusLabel: "Stare",
+            attachmentsLabel: "Atașamente",
+            attachmentContract: "Contract",
+            attachmentInvoice: "Factură",
+            attachmentBrochure: "Broșură",
+            fromAddressLabel: "Adresă expeditor",
+            fromAddressPlaceholder: "rezervari@exemplu.ro",
+            subjectLabel: "Subiect",
+            subjectPlaceholder: "Rezervarea ta {{ booking.reference }}",
+            htmlBodyLabel: "Corp HTML",
+            htmlBodyPlaceholder: "Compune corpul emailului folosind variabile Liquid...",
+            smsBodyLabel: "Corp SMS",
+            smsBodyPlaceholder: 'Salut {{ traveler.firstName | default: "călător" }}, rezervarea ta este confirmată.',
+            tabAuthoring: "Editare",
+            tabPreview: "Previzualizare și test",
+            insertIntoLabel: "Inserează în",
+            insertTargetSubject: "Subiect",
+            insertTargetHtmlBody: "Corp HTML",
+            insertTargetSmsBody: "Corp SMS",
+            insertHint: "Variabilele se inserează ca taguri Liquid în câmpurile text și ca etichete inline în corpul HTML.",
+            previewDataLabel: "Date de previzualizare (JSON)",
+            previewDataPlaceholder: '{"booking":{"reference":"BKG-2026-00125"}}',
+            previewDataHint: "Folosește JSON de exemplu pentru a previzualiza randarea Liquid și a trimite un mesaj de test sigur.",
+            refreshPreview: "Reîmprospătează previzualizarea",
+            renderedPreviewTitle: "Previzualizare randată",
+            renderedSubjectLabel: "Subiect",
+            renderedHtmlLabel: "Corp HTML",
+            renderedSmsLabel: "Corp SMS",
+            noSubjectRendered: "Niciun subiect randat încă.",
+            noHtmlRendered: "Niciun conținut HTML randat încă.",
+            noSmsRendered: "Niciun conținut SMS randat încă.",
+            testSendTitle: "Trimitere de test",
+            testSendDescription: "Trimite conținutul curent nesalvat prin calea de provider configurată.",
+            recipientEmailLabel: "Email destinatar",
+            recipientPhoneLabel: "Telefon destinatar",
+            recipientEmailPlaceholder: "qa@exemplu.ro",
+            recipientPhonePlaceholder: "+40 721 111 222",
+            providerAutoNote: "Providerul este selectat automat de runtime-ul aplicației.",
+            fromNote: "De la: {sender}",
+            sendTestEmail: "Trimite email de test",
+            sendTestSms: "Trimite SMS de test",
+            testQueuedEmail: "Emailul de test a fost pus în coadă.",
+            testQueuedSms: "SMS-ul de test a fost pus în coadă.",
+            testSendFailed: "Trimiterea de test a eșuat",
+            recipientEmailRequired: "Emailul destinatarului este obligatoriu.",
+            recipientPhoneRequired: "Telefonul destinatarului este obligatoriu.",
+            markActiveLabel: "Marchează șablonul ca activ după salvare",
+            createTemplate: "Creează șablonul",
+        },
+        templateDetail: {
+            backToTemplates: "Înapoi la șabloane",
+            notFound: "Șablonul de notificare nu a fost găsit.",
+            editTemplate: "Editează șablonul",
+            metaChannel: "Canal",
+            metaFrom: "Expeditor",
+            metaUpdated: "Actualizat",
+            tabOverview: "Prezentare generală",
+            tabPreview: "Previzualizare",
+            recentDeliveries: "Livrări recente",
+            messageStructureTitle: "Structura mesajului",
+            subjectLabel: "Subiect",
+            textFallbackLabel: "Text alternativ",
+            descriptionLabel: "Descriere",
+            htmlBodyTitle: "Corp HTML",
+            noHtmlConfigured: "Niciun corp HTML configurat.",
+            sampleDataTitle: "Date de exemplu",
+            customJsonLabel: "Randează cu JSON personalizat",
+            renderPreview: "Randează previzualizarea",
+            renderedOutputTitle: "Rezultat randat",
+            notRenderedYet: "Nerandat încă.",
+            noRenderedHtml: "Niciun HTML randat încă.",
+            noRenderedText: "Niciun text randat încă.",
+            smsBodyLabel: "Corp SMS",
+            inspect: "Inspectează",
+            noDeliveriesForTemplate: "Nicio livrare înregistrată pentru acest șablon încă.",
+        },
+        deliveriesPage: {
+            title: "Livrări",
+            description: "Analizează încercările de livrare a notificărilor, conținutul randat și rezultatele la nivel de provider.",
+            empty: "Nicio livrare încă.",
+            resend: "Retrimite",
+            detailsButton: "Detalii",
+            resendFailed: "Retrimiterea notificării a eșuat",
+            dialogTitle: "Detalii livrare",
+            dialogDescription: "Răspunsul providerului, jurnalul de eșec, conținutul randat și datele acestei notificări.",
+            labels: {
+                deliveryId: "ID livrare",
+                status: "Stare",
+                provider: "Provider",
+                providerMessageId: "ID mesaj provider",
+                template: "Șablon",
+                channel: "Canal",
+                created: "Creat",
+                failed: "Eșuat",
+                sent: "Trimis",
+                scheduled: "Programat",
+                to: "Către",
+                from: "De la",
+                subject: "Subiect",
+                target: "Țintă",
+            },
+            errorMessageTitle: "Mesaj de eroare",
+            failureLogTitle: "Jurnal de eșec",
+            noFailureLog: "Nu a fost capturat niciun jurnal de eșec structurat.",
+            payloadDataTitle: "Date payload",
+            metadataTitle: "Metadate",
+            textBodyTitle: "Corp text",
+            htmlBodyTitle: "Corp HTML",
+        },
+        deliveryDetail: {
+            title: "Detalii livrare",
+            loadFailed: "Încărcarea livrării a eșuat.",
+            labels: {
+                to: "Către",
+                template: "Șablon",
+                provider: "Provider",
+                status: "Stare",
+                channel: "Canal",
+                from: "De la",
+                targetType: "Tip țintă",
+                targetId: "ID țintă",
+                providerMessageId: "ID mesaj provider",
+                created: "Creat",
+                sent: "Trimis",
+                failed: "Eșuat",
+                subject: "Subiect",
+                error: "Eroare",
+                text: "Text",
+            },
+            metadataTitle: "Metadate",
+            renderedPayloadTitle: "Conținut randat",
+            htmlBodyTitle: "Corp HTML",
+            noHtmlStored: "Niciun corp HTML stocat pentru această livrare.",
+            payloadDataTitle: "Date payload",
+            close: "Închide",
+        },
+        reminderRulesPage: {
+            title: "Reguli de reamintire",
+            description: "Programează reamintiri de plată pentru rezervări și notificări de evenimente pe baza șabloanelor și canalelor.",
+            empty: "Nicio regulă de reamintire încă.",
+            newRule: "Regulă nouă",
+            searchPlaceholder: "Caută reguli...",
+            targetFilterPlaceholder: "Țintă",
+            allTargets: "Toate țintele",
+            manageStages: "Gestionează etapele",
+            targets: {
+                booking_confirmed: "Rezervare confirmată",
+                booking_payment_schedule: "Calendar de plăți rezervare",
+                payment_complete: "Plată finalizată",
+                booking_cancelled_non_payment: "Rezervare anulată (neplată)",
+                invoice: "Factură",
+            },
+        },
+        reminderRuleDialog: {
+            editTitle: "Editează regula de reamintire",
+            createTitle: "Regulă de reamintire nouă",
+            nameLabel: "Nume",
+            namePlaceholder: "Plată scadentă în 3 zile",
+            targetLabel: "Țintă",
+            statusLabel: "Stare",
+            channelLabel: "Canal",
+            defaultTemplateLabel: "Șablon implicit",
+            selectTemplatePlaceholder: "Selectează șablonul",
+            defaultTemplateHint: "Folosit ca rezervă. Canalele per etapă îl pot suprascrie.",
+            stagesHintBefore: "După crearea regulii, apasă",
+            stagesHintAction: "Gestionează etapele",
+            stagesHintAfter: "pe rând pentru a defini când se declanșează (reper, fereastră, cadență) și ce canale o livrează.",
+            createRule: "Creează regula",
+        },
+        reminderRuleDetail: {
+            fallbackTitle: "Regulă de reamintire",
+        },
+        reminderRunsPage: {
+            title: "Execuții reamintiri",
+            description: "Inspectează execuțiile de reamintiri puse în coadă și procesate, livrările asociate și motivele eșecurilor.",
+            empty: "Nicio execuție de reamintire încă.",
+        },
+        previewPage: {
+            title: "Previzualizare reamintiri",
+            description: "Ce s-ar declanșa la o dată aleasă cu secvențele de reamintire active. Doar citire.",
+        },
+        authoringHelp: {
+            title: "Variabile de notificare",
+            description: "Notificările se randează cu Liquid. Folosește variabile pentru subiect și corp și taguri de control pentru condiții sau bucle.",
+        },
+    },
+};

package/dist/ui.d.ts

@@ -0,0 +1,9 @@
+export { NotificationSettingsForm } from "./components/notification-settings-form.js";
+export { RemindersPreviewList, type RemindersPreviewListProps, } from "./components/reminders-preview-list.js";
+export { StageChannelEditorDialog, type StageChannelEditorDialogProps, } from "./components/stage-channel-editor-dialog.js";
+export { StageChannelList, type StageChannelListProps, } from "./components/stage-channel-list.js";
+export { StageEditorDialog, type StageEditorDialogProps, } from "./components/stage-editor-dialog.js";
+export { StageList, type StageListProps } from "./components/stage-list.js";
+export { TemplatePicker, type TemplatePickerProps } from "./components/template-picker.js";
+export { getNotificationsUiI18n, type NotificationsUiMessageOverrides, type NotificationsUiMessages, NotificationsUiMessagesProvider, notificationsUiEn, notificationsUiMessageDefinitions, notificationsUiRo, resolveNotificationsUiMessages, useNotificationsUiI18n, useNotificationsUiI18nOrDefault, useNotificationsUiMessages, useNotificationsUiMessagesOrDefault, } from "./i18n/index.js";
+//# sourceMappingURL=ui.d.ts.map

package/dist/ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4CAA4C,CAAA;AACrF,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,wCAAwC,CAAA;AAC/C,OAAO,EACL,wBAAwB,EACxB,KAAK,6BAA6B,GACnC,MAAM,6CAA6C,CAAA;AACpD,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,qCAAqC,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAC1F,OAAO,EACL,sBAAsB,EACtB,KAAK,+BAA+B,EACpC,KAAK,uBAAuB,EAC5B,+BAA+B,EAC/B,iBAAiB,EACjB,iCAAiC,EACjC,iBAAiB,EACjB,8BAA8B,EAC9B,sBAAsB,EACtB,+BAA+B,EAC/B,0BAA0B,EAC1B,mCAAmC,GACpC,MAAM,iBAAiB,CAAA"}

package/dist/ui.js

@@ -0,0 +1,8 @@
+export { NotificationSettingsForm } from "./components/notification-settings-form.js";
+export { RemindersPreviewList, } from "./components/reminders-preview-list.js";
+export { StageChannelEditorDialog, } from "./components/stage-channel-editor-dialog.js";
+export { StageChannelList, } from "./components/stage-channel-list.js";
+export { StageEditorDialog, } from "./components/stage-editor-dialog.js";
+export { StageList } from "./components/stage-list.js";
+export { TemplatePicker } from "./components/template-picker.js";
+export { getNotificationsUiI18n, NotificationsUiMessagesProvider, notificationsUiEn, notificationsUiMessageDefinitions, notificationsUiRo, resolveNotificationsUiMessages, useNotificationsUiI18n, useNotificationsUiI18nOrDefault, useNotificationsUiMessages, useNotificationsUiMessagesOrDefault, } from "./i18n/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voyantjs/notifications-react",
-  "version": "0.106.0",
+  "version": "0.108.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -34,40 +34,101 @@
       "types": "./dist/query-keys.d.ts",
       "import": "./dist/query-keys.js",
       "default": "./dist/query-keys.js"
+    },
+    "./ui": {
+      "types": "./dist/ui.d.ts",
+      "import": "./dist/ui.js",
+      "default": "./dist/ui.js"
+    },
+    "./styles.css": {
+      "default": "./src/styles.css"
+    },
+    "./i18n": {
+      "types": "./dist/i18n/index.d.ts",
+      "import": "./dist/i18n/index.js",
+      "default": "./dist/i18n/index.js"
+    },
+    "./i18n/en": {
+      "types": "./dist/i18n/en.d.ts",
+      "import": "./dist/i18n/en.js",
+      "default": "./dist/i18n/en.js"
+    },
+    "./i18n/ro": {
+      "types": "./dist/i18n/ro.d.ts",
+      "import": "./dist/i18n/ro.js",
+      "default": "./dist/i18n/ro.js"
+    },
+    "./admin": {
+      "types": "./dist/admin/index.d.ts",
+      "import": "./dist/admin/index.js",
+      "default": "./dist/admin/index.js"
+    },
+    "./components/*": {
+      "types": "./dist/components/*.d.ts",
+      "import": "./dist/components/*.js",
+      "default": "./dist/components/*.js"
     }
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",
+    "lucide-react": "^0.475.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "react-hook-form": "^7.60.0",
     "zod": "^4.0.0",
-    "@voyantjs/notifications": "^0.106.0"
+    "@voyantjs/admin": "^0.108.0",
+    "@voyantjs/notifications": "^0.108.0",
+    "@voyantjs/ui": "^0.106.0"
+  },
+  "peerDependenciesMeta": {
+    "@voyantjs/admin": {
+      "optional": true
+    },
+    "@voyantjs/ui": {
+      "optional": true
+    },
+    "lucide-react": {
+      "optional": true
+    },
+    "react-hook-form": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "sonner": "^2.0.7",
+    "@voyantjs/i18n": "^0.106.0",
+    "@voyantjs/react": "^0.104.1"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.100.11",
+    "@tiptap/core": "^3.7.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
+    "lucide-react": "^0.475.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
+    "react-hook-form": "^7.60.0",
+    "sonner": "^2.0.7",
     "typescript": "^6.0.2",
     "vitest": "^4.1.2",
     "zod": "^4.3.6",
+    "@voyantjs/admin": "^0.108.0",
+    "@voyantjs/i18n": "^0.106.0",
+    "@voyantjs/notifications": "^0.108.0",
     "@voyantjs/react": "^0.104.1",
-    "@voyantjs/voyant-typescript-config": "^0.1.0",
-    "@voyantjs/notifications": "^0.106.0"
-  },
-  "dependencies": {
-    "@voyantjs/react": "^0.104.1"
+    "@voyantjs/ui": "^0.106.0",
+    "@voyantjs/voyant-typescript-config": "^0.1.0"
   },
   "files": [
-    "dist"
+    "dist",
+    "src/styles.css"
   ],
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "tsc -p tsconfig.json",
-    "clean": "rm -rf dist tsconfig.tsbuildinfo",
+    "build": "tsc -p tsconfig.build.json",
+    "clean": "rm -rf dist tsconfig.tsbuildinfo tsconfig.build.tsbuildinfo",
     "typecheck": "tsc --noEmit",
     "lint": "biome check src/",
     "test": "vitest run --passWithNoTests"

package/src/styles.css

@@ -0,0 +1,2 @@
+/* Tailwind v4 source-detection helper. See @voyantjs/legal-react/styles.css for the rationale. */
+@source "./components/**/*.{ts,tsx}";