@happyvertical/smrt-content 0.34.5 → 0.34.7

package/dist/svelte/components/ContentContributionForm.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
+import { Form, Input, Select, Textarea } from '@happyvertical/smrt-ui/forms';
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { Button } from '@happyvertical/smrt-ui/ui';
 import type {
   ContentContributionData,
   ContentContributionTypeData,
@@ -118,83 +120,87 @@ function handleSubmit(event: SubmitEvent) {
 }
 </script>
 
-<form
-  class="contribution-form"
-  method="post"
-  enctype="multipart/form-data"
-  {action}
-  onsubmit={handleSubmit}
->
-  <h3>{t(M['content.contribution_form.heading'])}</h3>
-
-  <label>
-    {t(M['content.contribution_form.contribution_type'])}
-    <select name="typeKey" bind:value={draft.typeKey} required>
-      {#each types.filter((type) => type.enabled !== false) as type (type.key)}
-        <option value={type.key}>{type.label}</option>
-      {/each}
-    </select>
-  </label>
-
-  {#if showContributorFields}
-    <div class="grid">
-      <label>
-        Email
-        <input name="contributorEmail" type="email" bind:value={draft.contributorEmail} required />
-      </label>
-      <label>
-        Name
-        <input name="contributorName" type="text" bind:value={draft.contributorName} />
-      </label>
-    </div>
-  {/if}
+<div class="contribution-form-shell">
+  <Form
+    class="contribution-form"
+    method="post"
+    enctype="multipart/form-data"
+    {action}
+    preventDefault={false}
+    onsubmit={handleSubmit}
+  >
+    <h3>{t(M['content.contribution_form.heading'])}</h3>
 
-  <label>
-    Title
-    <input name="title" type="text" bind:value={draft.title} />
-  </label>
+    <label>
+      {t(M['content.contribution_form.contribution_type'])}
+      <Select name="typeKey" bind:value={draft.typeKey} required>
+        {#each types.filter((type) => type.enabled !== false) as type (type.key)}
+          <option value={type.key}>{type.label}</option>
+        {/each}
+      </Select>
+    </label>
 
-  <label>
-    Description
-    <textarea name="description" bind:value={draft.description} rows="2"></textarea>
-  </label>
+    {#if showContributorFields}
+      <div class="grid">
+        <label>
+          Email
+          <Input name="contributorEmail" type="email" bind:value={draft.contributorEmail} required />
+        </label>
+        <label>
+          Name
+          <Input name="contributorName" type="text" bind:value={draft.contributorName} />
+        </label>
+      </div>
+    {/if}
 
-  <label>
-    Body
-    <textarea name="body" bind:value={draft.body} rows="8"></textarea>
-  </label>
+    <label>
+      Title
+      <Input name="title" type="text" bind:value={draft.title} />
+    </label>
 
-  {#if activeType?.allowFiles !== false}
     <label>
-      {t(M['content.contribution_form.attach_files'])}
-      <input
-        name="files"
-        type="file"
-        multiple
-        onchange={handleFileChange}
-      />
+      Description
+      <Textarea name="description" bind:value={draft.description} rows={2}></Textarea>
     </label>
-    {#if draft.files.length > 0}
-      <div class="file-list">
-        {#each draft.files as file (file.name + file.size)}
-          <span>{file.name} ({Math.max(1, Math.round(file.size / 1024))} KB)</span>
-        {/each}
-      </div>
-    {/if}
-  {/if}
-
-  <div class="actions">
-    <button type="submit">{submitLabel}</button>
-    {#if onCancel}
-      <button type="button" class="secondary" onclick={() => onCancel?.()}>
-        Cancel
-      </button>
+
+    <label>
+      Body
+      <Textarea name="body" bind:value={draft.body} rows={8}></Textarea>
+    </label>
+
+    {#if activeType?.allowFiles !== false}
+      <label>
+        {t(M['content.contribution_form.attach_files'])}
+        <!-- raw-primitive-allow: native file input — the Input primitive binds value, which is invalid for type=file (throws InvalidStateError on the bind write-back) and renders a visible control; a file picker stays native -->
+        <input
+          name="files"
+          type="file"
+          multiple
+          onchange={handleFileChange}
+        />
+      </label>
+      {#if draft.files.length > 0}
+        <div class="file-list">
+          {#each draft.files as file (file.name + file.size)}
+            <span>{file.name} ({Math.max(1, Math.round(file.size / 1024))} KB)</span>
+          {/each}
+        </div>
+      {/if}
     {/if}
-  </div>
-</form>
+
+    <div class="actions">
+      <Button variant="primary" type="submit">{submitLabel}</Button>
+      {#if onCancel}
+        <Button variant="secondary" type="button" onclick={() => onCancel?.()}>
+          Cancel
+        </Button>
+      {/if}
+    </div>
+  </Form>
+</div>
 
 <style>
-  .contribution-form {
+  .contribution-form-shell :global(.contribution-form) {
     display: grid;
     gap: 0.85rem;
   }

package/dist/svelte/components/ContentContributionForm.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentContributionForm.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentContributionForm.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,uBAAuB,EACvB,2BAA2B,EAC5B,MAAM,wBAAwB,CAAC;AAIhC,MAAM,WAAW,iCAAiC;IAChD,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAED,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,2BAA2B,EAAE,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAC3C,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,iCAAiC,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAwKD,QAAA,MAAM,uBAAuB,2CAAwC,CAAC;AACtE,KAAK,uBAAuB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAC1E,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"ContentContributionForm.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentContributionForm.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,uBAAuB,EACvB,2BAA2B,EAC5B,MAAM,wBAAwB,CAAC;AAIhC,MAAM,WAAW,iCAAiC;IAChD,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAED,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,2BAA2B,EAAE,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAC3C,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,iCAAiC,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AA6KD,QAAA,MAAM,uBAAuB,2CAAwC,CAAC;AACtE,KAAK,uBAAuB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAC1E,eAAe,uBAAuB,CAAC"}

package/dist/svelte/components/ContentContributionInbox.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
+import { Form, Input, Select, Textarea } from '@happyvertical/smrt-ui/forms';
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { Button } from '@happyvertical/smrt-ui/ui';
 import type { ContentContributionData } from '../../mock-smrt-client';
 import { M } from '../i18n.contribution.js';
 
@@ -132,6 +134,7 @@ $effect(() => {
     <div class="inbox__layout">
       <div class="inbox__list">
         {#each contributions as contribution (contribution.id)}
+          <!-- raw-primitive-allow: large pressable selection card wrapping a title and metadata with a selected state -->
           <button
             type="button"
             class:selected={selectedContribution?.id === contribution.id}
@@ -181,64 +184,66 @@ $effect(() => {
             {/if}
           </dl>
 
-          <form
+          <Form
             method="post"
             action={workflowFormAction}
+            preventDefault={false}
             onsubmit={handleWorkflowSubmit}
           >
             {#if selectedContribution.id}
-              <input type="hidden" name="contributionId" value={selectedContribution.id} />
+              <Input type="hidden" name="contributionId" value={selectedContribution.id} />
             {/if}
 
             <label>
               {t(M['content.contribution_inbox.editorial_note'])}
-              <textarea name="editorNote" bind:value={note} rows="4"></textarea>
+              <Textarea name="editorNote" bind:value={note} rows={4}></Textarea>
             </label>
 
             <div class="actions">
               {#if onApprove || workflowFormAction}
                 <label class="inline">
                   {t(M['content.contribution_inbox.promote_to'])}
-                  <select name="targetStatus" bind:value={targetStatus}>
+                  <Select name="targetStatus" bind:value={targetStatus}>
                     <option value="draft">draft</option>
                     <option value="review">review</option>
-                  </select>
+                  </Select>
                 </label>
-                <button
+                <Button
+                  variant="primary"
                   type="submit"
                   name="intent"
                   value="approve"
                   disabled={!canSubmitWorkflow}
                 >
                   {approveActionLabel(selectedContribution)}
-                </button>
+                </Button>
               {/if}
 
               {#if onRequestChanges || workflowFormAction}
-                <button
+                <Button
+                  variant="secondary"
                   type="submit"
                   name="intent"
                   value="request-changes"
-                  class="secondary"
                   disabled={!canSubmitWorkflow}
                 >
                   {t(M['content.contribution_inbox.request_changes'])}
-                </button>
+                </Button>
               {/if}
 
               {#if onReject || workflowFormAction}
-                <button
+                <Button
+                  variant="danger"
                   type="submit"
                   name="intent"
                   value="reject"
-                  class="danger"
                   disabled={!canSubmitWorkflow}
                 >
                   Reject
-                </button>
+                </Button>
               {/if}
             </div>
-          </form>
+          </Form>
         </article>
       {/if}
     </div>
@@ -250,7 +255,7 @@ $effect(() => {
   .inbox__header,
   .inbox__layout,
   .inbox__detail,
-  .inbox__detail form {
+  .inbox__detail :global(.form) {
     display: grid;
     gap: 1rem;
   }

package/dist/svelte/components/ContentContributionInbox.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentContributionInbox.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentContributionInbox.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAItE,MAAM,WAAW,KAAK;IACpB,aAAa,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,CACV,YAAY,EAAE,uBAAuB,EACrC,OAAO,EAAE;QAAE,YAAY,EAAE,OAAO,GAAG,QAAQ,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KACxD,IAAI,CAAC;IACV,gBAAgB,CAAC,EAAE,CACjB,YAAY,EAAE,uBAAuB,EACrC,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KACtB,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,CACT,YAAY,EAAE,uBAAuB,EACrC,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KACtB,IAAI,CAAC;CACX;AAgND,QAAA,MAAM,wBAAwB,2CAAwC,CAAC;AACvE,KAAK,wBAAwB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAC5E,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"ContentContributionInbox.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentContributionInbox.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAItE,MAAM,WAAW,KAAK;IACpB,aAAa,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,CACV,YAAY,EAAE,uBAAuB,EACrC,OAAO,EAAE;QAAE,YAAY,EAAE,OAAO,GAAG,QAAQ,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KACxD,IAAI,CAAC;IACV,gBAAgB,CAAC,EAAE,CACjB,YAAY,EAAE,uBAAuB,EACrC,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KACtB,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,CACT,YAAY,EAAE,uBAAuB,EACrC,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KACtB,IAAI,CAAC;CACX;AAmND,QAAA,MAAM,wBAAwB,2CAAwC,CAAC;AACvE,KAAK,wBAAwB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAC5E,eAAe,wBAAwB,CAAC"}

package/dist/svelte/components/ContentContributionPortal.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { Button } from '@happyvertical/smrt-ui/ui';
 import type { ContentContributionData } from '../../mock-smrt-client';
 import { M } from '../i18n.contribution.js';
 
@@ -49,6 +50,7 @@ function canWithdraw(contribution: ContentContributionData) {
     <div class="portal__layout">
       <div class="portal__list">
         {#each contributions as contribution (contribution.id)}
+          <!-- raw-primitive-allow: large pressable selection card wrapping rich content (title, status) with selected state; no Button primitive owns this list-row selection pattern -->
           <button
             type="button"
             class:selected={selectedContribution?.id === contribution.id}
@@ -91,9 +93,9 @@ function canWithdraw(contribution: ContentContributionData) {
           </dl>
 
           {#if onWithdraw && canWithdraw(selectedContribution)}
-            <button type="button" class="secondary" onclick={() => onWithdraw?.(selectedContribution)}>
+            <Button variant="secondary" type="button" onclick={() => onWithdraw?.(selectedContribution)}>
               {t(M['content.contribution_portal.withdraw_submission'])}
-            </button>
+            </Button>
           {/if}
         </article>
       {/if}

package/dist/svelte/components/ContentContributionPortal.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentContributionPortal.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentContributionPortal.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAItE,MAAM,WAAW,KAAK;IACpB,aAAa,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAC3D,UAAU,CAAC,EAAE,CAAC,YAAY,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAC9D;AAiGD,QAAA,MAAM,yBAAyB,2CAAwC,CAAC;AACxE,KAAK,yBAAyB,GAAG,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAC9E,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"ContentContributionPortal.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentContributionPortal.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAItE,MAAM,WAAW,KAAK;IACpB,aAAa,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAC3D,UAAU,CAAC,EAAE,CAAC,YAAY,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAC9D;AAmGD,QAAA,MAAM,yBAAyB,2CAAwC,CAAC;AACxE,KAAK,yBAAyB,GAAG,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAC9E,eAAe,yBAAyB,CAAC"}

package/dist/svelte/components/ContentContributionTypeManager.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
+import { Form, Input, Select, Textarea } from '@happyvertical/smrt-ui/forms';
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { Button } from '@happyvertical/smrt-ui/ui';
 import type { ContentContributionTypeData } from '../../mock-smrt-client';
 import { M } from '../i18n.contribution.js';
 
@@ -116,7 +118,7 @@ function handleSubmit() {
       <h3>{t(M['content.contribution_type_manager.heading'])}</h3>
       <p>{t(M['content.contribution_type_manager.intro'])}</p>
     </div>
-    <button type="button" onclick={() => (editing = {})}>{t(M['content.contribution_type_manager.add_type'])}</button>
+    <Button variant="ghost" type="button" onclick={() => (editing = {})}>{t(M['content.contribution_type_manager.add_type'])}</Button>
   </header>
 
   <div class="layout">
@@ -128,112 +130,137 @@ function handleSubmit() {
             <div>{type.key}</div>
           </div>
           <div class="actions">
-            <button type="button" class="secondary" onclick={() => (editing = type)}>Edit</button>
+            <Button variant="secondary" type="button" onclick={() => (editing = type)}>Edit</Button>
             {#if onDelete && type.id}
-              <button type="button" class="danger" onclick={() => onDelete?.(type)}>Delete</button>
+              <Button variant="danger" type="button" onclick={() => onDelete?.(type)}>Delete</Button>
             {/if}
           </div>
         </article>
       {/each}
     </div>
 
-    <form
-      class="editor"
-      onsubmit={(event) => {
-        event.preventDefault();
-        handleSubmit();
-      }}
-    >
-      <label>
-        Key
-        <input type="text" bind:value={draft.key} required />
-      </label>
-      <label>
-        Label
-        <input type="text" bind:value={draft.label} required />
-      </label>
+    <div class="editor-shell">
+      <Form
+        class="editor"
+        onsubmit={(event) => {
+          event.preventDefault();
+          handleSubmit();
+        }}
+      >
+        <label>
+          Key
+          <Input type="text" bind:value={draft.key} required />
+        </label>
+        <label>
+          Label
+          <Input type="text" bind:value={draft.label} required />
+        </label>
+
+        <div class="checkbox-grid">
+          <label>
+            <!-- raw-primitive-allow: native checkbox; no Provider-free checkbox primitive (Toggle is a switch with different semantics, CheckboxInput requires a Provider) -->
+            <input type="checkbox" bind:checked={draft.enabled} /> Enabled
+          </label>
+          <label>
+            <!-- raw-primitive-allow: native checkbox; no Provider-free checkbox primitive (Toggle is a switch with different semantics, CheckboxInput requires a Provider) -->
+            <input type="checkbox" bind:checked={draft.allowText} /> {t(M['content.contribution_type_manager.allow_text'])}
+          </label>
+          <label>
+            <!-- raw-primitive-allow: native checkbox; no Provider-free checkbox primitive (Toggle is a switch with different semantics, CheckboxInput requires a Provider) -->
+            <input type="checkbox" bind:checked={draft.allowFiles} /> {t(M['content.contribution_type_manager.allow_files'])}
+          </label>
+          <label>
+            <!-- raw-primitive-allow: native checkbox; no Provider-free checkbox primitive (Toggle is a switch with different semantics, CheckboxInput requires a Provider) -->
+            <input type="checkbox" bind:checked={draft.allowEmptyText} /> {t(M['content.contribution_type_manager.allow_empty_text'])}
+          </label>
+        </div>
 
-      <div class="checkbox-grid">
-        <label><input type="checkbox" bind:checked={draft.enabled} /> Enabled</label>
-        <label><input type="checkbox" bind:checked={draft.allowText} /> {t(M['content.contribution_type_manager.allow_text'])}</label>
-        <label><input type="checkbox" bind:checked={draft.allowFiles} /> {t(M['content.contribution_type_manager.allow_files'])}</label>
-        <label><input type="checkbox" bind:checked={draft.allowEmptyText} /> {t(M['content.contribution_type_manager.allow_empty_text'])}</label>
-      </div>
+        <div class="checkbox-grid">
+          <label>
+            <!-- raw-primitive-allow: native checkbox; no Provider-free checkbox primitive (Toggle is a switch with different semantics, CheckboxInput requires a Provider) -->
+            <input
+              type="checkbox"
+              checked={draft.allowedChannels.includes('web')}
+              onchange={() => toggleChannel('web')}
+            />
+            Web
+          </label>
+          <label>
+            <!-- raw-primitive-allow: native checkbox; no Provider-free checkbox primitive (Toggle is a switch with different semantics, CheckboxInput requires a Provider) -->
+            <input
+              type="checkbox"
+              checked={draft.allowedChannels.includes('email')}
+              onchange={() => toggleChannel('email')}
+            />
+            Email
+          </label>
+        </div>
 
-      <div class="checkbox-grid">
         <label>
-          <input
-            type="checkbox"
-            checked={draft.allowedChannels.includes('web')}
-            onchange={() => toggleChannel('web')}
-          />
-          Web
+          {t(M['content.contribution_type_manager.promotion_content_type'])}
+          <Input type="text" bind:value={draft.promotion.targetContentType} required />
         </label>
         <label>
-          <input
-            type="checkbox"
-            checked={draft.allowedChannels.includes('email')}
-            onchange={() => toggleChannel('email')}
-          />
-          Email
+          {t(M['content.contribution_type_manager.promotion_variant'])}
+          <Input type="text" bind:value={draft.promotion.targetContentVariant} />
+        </label>
+        <label>
+          {t(M['content.contribution_type_manager.promotion_status'])}
+          <Select bind:value={draft.promotion.targetContentStatus}>
+            <option value="draft">draft</option>
+            <option value="review">review</option>
+          </Select>
         </label>
-      </div>
-
-      <label>
-        {t(M['content.contribution_type_manager.promotion_content_type'])}
-        <input type="text" bind:value={draft.promotion.targetContentType} required />
-      </label>
-      <label>
-        {t(M['content.contribution_type_manager.promotion_variant'])}
-        <input type="text" bind:value={draft.promotion.targetContentVariant} />
-      </label>
-      <label>
-        {t(M['content.contribution_type_manager.promotion_status'])}
-        <select bind:value={draft.promotion.targetContentStatus}>
-          <option value="draft">draft</option>
-          <option value="review">review</option>
-        </select>
-      </label>
 
-      <div class="checkbox-grid">
-        <label><input type="checkbox" bind:checked={draft.promotion.autoPromoteTrusted} /> {t(M['content.contribution_type_manager.auto_promote_trusted'])}</label>
-        <label><input type="checkbox" bind:checked={draft.promotion.createAssets} /> {t(M['content.contribution_type_manager.create_assets_on_promotion'])}</label>
-        <label><input type="checkbox" bind:checked={draft.intakeRules.trustedOnly} /> {t(M['content.contribution_type_manager.trusted_contributors_only'])}</label>
-      </div>
+        <div class="checkbox-grid">
+          <label>
+            <!-- raw-primitive-allow: native checkbox; no Provider-free checkbox primitive (Toggle is a switch with different semantics, CheckboxInput requires a Provider) -->
+            <input type="checkbox" bind:checked={draft.promotion.autoPromoteTrusted} /> {t(M['content.contribution_type_manager.auto_promote_trusted'])}
+          </label>
+          <label>
+            <!-- raw-primitive-allow: native checkbox; no Provider-free checkbox primitive (Toggle is a switch with different semantics, CheckboxInput requires a Provider) -->
+            <input type="checkbox" bind:checked={draft.promotion.createAssets} /> {t(M['content.contribution_type_manager.create_assets_on_promotion'])}
+          </label>
+          <label>
+            <!-- raw-primitive-allow: native checkbox; no Provider-free checkbox primitive (Toggle is a switch with different semantics, CheckboxInput requires a Provider) -->
+            <input type="checkbox" bind:checked={draft.intakeRules.trustedOnly} /> {t(M['content.contribution_type_manager.trusted_contributors_only'])}
+          </label>
+        </div>
 
-      <label>
-        {t(M['content.contribution_type_manager.max_files'])}
-        <input type="number" min="0" bind:value={draft.intakeRules.maxFiles} />
-      </label>
-      <label>
-        {t(M['content.contribution_type_manager.max_total_bytes'])}
-        <input type="number" min="0" bind:value={draft.intakeRules.maxTotalBytes} />
-      </label>
-      <label>
-        {t(M['content.contribution_type_manager.allowed_mime_patterns'])}
-        <input type="text" bind:value={draft.intakeRules.allowedMimePatterns} placeholder={t(M['content.contribution_type_manager.allowed_mime_patterns_placeholder'])} />
-      </label>
-      <label>
-        {t(M['content.contribution_type_manager.blocked_mime_patterns'])}
-        <input type="text" bind:value={draft.intakeRules.blockedMimePatterns} />
-      </label>
-      <label>
-        {t(M['content.contribution_type_manager.quarantine_mime_patterns'])}
-        <input type="text" bind:value={draft.intakeRules.quarantineMimePatterns} />
-      </label>
-      <label>
-        {t(M['content.contribution_type_manager.blocked_text_patterns'])}
-        <textarea bind:value={draft.intakeRules.blockedTextPatterns} rows="2"></textarea>
-      </label>
-      <label>
-        {t(M['content.contribution_type_manager.quarantine_text_patterns'])}
-        <textarea bind:value={draft.intakeRules.quarantineTextPatterns} rows="2"></textarea>
-      </label>
+        <label>
+          {t(M['content.contribution_type_manager.max_files'])}
+          <Input type="number" min="0" bind:value={draft.intakeRules.maxFiles} />
+        </label>
+        <label>
+          {t(M['content.contribution_type_manager.max_total_bytes'])}
+          <Input type="number" min="0" bind:value={draft.intakeRules.maxTotalBytes} />
+        </label>
+        <label>
+          {t(M['content.contribution_type_manager.allowed_mime_patterns'])}
+          <Input type="text" bind:value={draft.intakeRules.allowedMimePatterns} placeholder={t(M['content.contribution_type_manager.allowed_mime_patterns_placeholder'])} />
+        </label>
+        <label>
+          {t(M['content.contribution_type_manager.blocked_mime_patterns'])}
+          <Input type="text" bind:value={draft.intakeRules.blockedMimePatterns} />
+        </label>
+        <label>
+          {t(M['content.contribution_type_manager.quarantine_mime_patterns'])}
+          <Input type="text" bind:value={draft.intakeRules.quarantineMimePatterns} />
+        </label>
+        <label>
+          {t(M['content.contribution_type_manager.blocked_text_patterns'])}
+          <Textarea bind:value={draft.intakeRules.blockedTextPatterns} rows={2}></Textarea>
+        </label>
+        <label>
+          {t(M['content.contribution_type_manager.quarantine_text_patterns'])}
+          <Textarea bind:value={draft.intakeRules.quarantineTextPatterns} rows={2}></Textarea>
+        </label>
 
-      <div class="actions">
-        <button type="submit">{t(M['content.contribution_type_manager.save_type'])}</button>
-      </div>
-    </form>
+        <div class="actions">
+          <Button variant="primary" type="submit">{t(M['content.contribution_type_manager.save_type'])}</Button>
+        </div>
+      </Form>
+    </div>
   </div>
 </section>
 
@@ -241,7 +268,7 @@ function handleSubmit() {
   .manager,
   .layout,
   .list,
-  .editor {
+  .editor-shell :global(.editor) {
     display: grid;
     gap: 1rem;
   }
@@ -251,7 +278,7 @@ function handleSubmit() {
   }
 
   .card,
-  .editor {
+  .editor-shell :global(.editor) {
     border: 1px solid var(--smrt-color-outline-variant);
     border-radius: 0.75rem;
     padding: 0.9rem;
@@ -268,7 +295,7 @@ function handleSubmit() {
     flex-wrap: wrap;
   }
 
-  .editor label {
+  .editor-shell label {
     display: grid;
     gap: 0.35rem;
   }

package/dist/svelte/components/ContentContributionTypeManager.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentContributionTypeManager.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentContributionTypeManager.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAI1E,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,2BAA2B,EAAE,CAAC;IACtC,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,2BAA2B,CAAC,KAAK,IAAI,CAAC;IAC7D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,2BAA2B,KAAK,IAAI,CAAC;CACxD;AAoOD,QAAA,MAAM,8BAA8B,2CAAwC,CAAC;AAC7E,KAAK,8BAA8B,GAAG,UAAU,CAAC,OAAO,8BAA8B,CAAC,CAAC;AACxF,eAAe,8BAA8B,CAAC"}
+{"version":3,"file":"ContentContributionTypeManager.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentContributionTypeManager.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAI1E,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,2BAA2B,EAAE,CAAC;IACtC,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,2BAA2B,CAAC,KAAK,IAAI,CAAC;IAC7D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,2BAA2B,KAAK,IAAI,CAAC;CACxD;AA+PD,QAAA,MAAM,8BAA8B,2CAAwC,CAAC;AAC7E,KAAK,8BAA8B,GAAG,UAAU,CAAC,OAAO,8BAA8B,CAAC,CAAC;AACxF,eAAe,8BAA8B,CAAC"}