@shamar/adonis 0.1.0

package/resources/views/shamar/dashboard.edge

@@ -0,0 +1,24 @@
+@include('shamar::partials/shell-open')
+
+<div class="grid gap-4 sm:grid-cols-2 xl:grid-cols-3">
+  @each(root in dashboardCards)
+    <a
+      href="{{ root.href }}"
+      class="group shamar-card rounded-xl p-5 transition hover:bg-surface-row-hover"
+    >
+      <div class="mb-3 flex items-center gap-2.5">
+        <span class="flex h-8 w-8 items-center justify-center rounded-lg bg-surface-inset text-fg-brand">
+          @include('shamar::partials/icon')
+        </span>
+        <h3 class="text-base font-semibold text-heading group-hover:text-fg-brand">{{ root.label }}</h3>
+      </div>
+      <p class="text-sm text-body-subtle">Open {{ root.label }}</p>
+    </a>
+  @else
+    <div class="shamar-card rounded-xl p-6 sm:col-span-2 xl:col-span-3">
+      <p class="text-sm text-body-subtle">No resources registered yet.</p>
+    </div>
+  @endeach
+</div>
+
+@include('shamar::partials/shell-close')

package/resources/views/shamar/form.edge

@@ -0,0 +1,87 @@
+@if(embed)
+  <form
+    id="shamar-form"
+    data-shamar-embed-form
+    method="post"
+    action="{{ mode === 'create' ? `${basePath}/${resource.slug}` : `${basePath}/${resource.slug}/${record.id}` }}"
+    class="space-y-4"
+    x-data='shamarForm({
+      endpoint: {{ jsonAttr(formStateEndpoint) }},
+      operation: {{ jsonAttr(mode) }},
+      recordId: {{ jsonAttr(record ? record.id : null) }},
+      fields: {{ jsonAttr(formLiveFields) }},
+      state: {{ jsonAttr(formInitialState) }},
+    })'
+  >
+    @include('shamar::partials/csrf')
+    <input type="hidden" name="_shamar_embed" value="1" />
+
+    @each(node in formSchema)
+      @!component('shamar::partials/schema-node', {
+        node: node,
+        schemaMode: 'form',
+        mode: mode,
+        record: record,
+        formErrors: formErrors,
+        relationUi: relationUi,
+      })
+    @endeach
+
+    <div data-shamar-dialog-actions>
+      <button
+        type="button"
+        data-shamar-dialog-close
+        class="inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium border border-default text-body rounded-md hover:bg-surface-hover transition"
+      >Cancel</button>
+      <button
+        type="submit"
+        form="shamar-form"
+        data-shamar-form-save
+        class="inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-white rounded-md bg-fg-brand hover:opacity-90 transition"
+      >
+        {{ mode === 'create' ? 'Create' : 'Save' }}
+      </button>
+    </div>
+  </form>
+@else
+  @include('shamar::partials/shell-open')
+
+  <div class="mx-auto max-w-5xl space-y-6" data-shamar-record-view="{{ mode }}">
+    <form
+      id="shamar-form"
+      method="post"
+      action="{{ mode === 'create' ? `${basePath}/${resource.slug}` : `${basePath}/${resource.slug}/${record.id}${recordPager ? recordPager.navQuery : ''}` }}"
+      class="space-y-6"
+      data-shamar-autosave="{{ mode === 'create' ? `${basePath}/${resource.slug}` : `${basePath}/${resource.slug}/${record.id}${recordPager ? recordPager.navQuery : ''}` }}"
+      data-shamar-save-mode="{{ mode }}"
+      @if(mode === 'create')
+        data-shamar-after-create="{{ basePath }}/{{ resource.slug }}"
+        @if(redirectAfterCreateToShow)
+          data-shamar-after-create-view="show"
+        @endif
+      @endif
+      x-data='shamarForm({
+        endpoint: {{ jsonAttr(formStateEndpoint) }},
+        operation: {{ jsonAttr(mode) }},
+        recordId: {{ jsonAttr(record ? record.id : null) }},
+        fields: {{ jsonAttr(formLiveFields) }},
+        state: {{ jsonAttr(formInitialState) }},
+      })'
+    >
+      @include('shamar::partials/csrf')
+
+      @each(node in formSchema)
+        @!component('shamar::partials/schema-node', {
+          node: node,
+          schemaMode: 'form',
+          mode: mode,
+          record: record,
+          formErrors: formErrors,
+          relationUi: relationUi,
+        })
+      @endeach
+    </form>
+  </div>
+
+  @include('shamar::partials/shell-close')
+@endif

package/resources/views/shamar/index.edge

@@ -0,0 +1,149 @@
+@include('shamar::partials/shell-open')
+
+<section
+  class="space-y-4"
+  x-data="shamarListSelection()"
+  data-shamar-list-root="{{ resource.slug }}"
+  data-shamar-base-path="{{ basePath }}"
+  data-shamar-current-view="table"
+  data-shamar-total="{{ result.total }}"
+  data-shamar-search="{{ query.search ?? '' }}"
+  data-shamar-sort="{{ query.sort ?? '' }}"
+  data-shamar-direction="{{ query.direction ?? '' }}"
+>
+  <div class="shamar-card rounded-xl overflow-hidden">
+    @include('shamar::partials/list-toolbar')
+
+    @if(bulkActions && bulkActions.length)
+      <div
+        x-show="selected.length || selectAllMatching"
+        x-cloak
+        class="shamar-bulk-bar"
+        @keydown.escape.window="if (bulkOpen) bulkOpen = false"
+      >
+        <div class="shamar-bulk-menu" @click.outside="bulkOpen = false">
+          <button
+            type="button"
+            class="shamar-bulk-menu__trigger"
+            :aria-expanded="bulkOpen.toString()"
+            aria-haspopup="menu"
+            @click="bulkOpen = !bulkOpen"
+          >
+            Bulk actions
+            <svg class="shamar-bulk-menu__chevron" :class="{ 'is-open': bulkOpen }" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
+            </svg>
+          </button>
+          <div
+            x-show="bulkOpen"
+            x-cloak
+            x-transition.opacity.duration.120ms
+            class="shamar-bulk-menu__panel"
+            role="menu"
+            aria-label="Bulk actions"
+          >
+            @each(action in bulkActions)
+              <button
+                type="button"
+                role="menuitem"
+                class="shamar-bulk-menu__item {{ action.color === 'danger' ? 'is-danger' : '' }}"
+                @click="bulkOpen = false; submitBulk({{ jsonAttr(`${basePath}/${resource.slug}/bulk`) }}, {{ jsonAttr(action.name) }}, {{ jsonAttr(action.confirm || '') }})"
+              >{{ action.label }}</button>
+            @endeach
+          </div>
+        </div>
+
+        <div class="shamar-bulk-bar__meta">
+          <span class="shamar-bulk-bar__count">
+            <span x-text="selectAllMatching ? total : selected.length"></span>
+            selected
+          </span>
+          <button
+            type="button"
+            class="shamar-bulk-bar__link"
+            x-show="pageFullySelected && !selectAllMatching && total > selected.length"
+            @click="selectAllInResultSet()"
+          >Select all <span x-text="total"></span></button>
+          <button
+            type="button"
+            class="shamar-bulk-bar__link"
+            @click="clearSelection(); bulkOpen = false"
+          >Clear</button>
+        </div>
+      </div>
+    @endif
+
+    <div class="overflow-x-auto">
+      <table class="w-full text-sm">
+        <thead class="bg-surface-header">
+          <tr>
+            <th class="w-9 px-3 py-3">
+              @if(bulkActions && bulkActions.length)
+                <input
+                  type="checkbox"
+                  class="rounded border-default"
+                  :checked="pageFullySelected"
+                  @change="toggleAll($event.target.checked)"
+                  aria-label="Select all on page"
+                />
+              @endif
+            </th>
+            @each(column in resource.columns)
+              <th class="px-4 py-3 text-xs font-semibold uppercase tracking-wider text-body-subtle whitespace-nowrap {{ resolveAlignmentClass(column) }}">
+                @if(column.sortable !== false)
+                  <a
+                    href="{{ sortColumnUrl(basePath, resource.slug, query, column.name) }}"
+                    class="inline-flex items-center gap-1 hover:text-heading transition-colors {{ column.alignment === 'end' || column.alignment === 'right' ? 'justify-end w-full' : (column.alignment === 'center' ? 'justify-center w-full' : '') }}"
+                  >
+                    {{ column.label ?? humanizeLabel(column.name) }}
+                    @if(query.sort === column.name)
+                      <svg class="w-3 h-3 text-fg-brand {{ query.direction === 'desc' ? 'rotate-180' : '' }}" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5">
+                        <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5"/>
+                      </svg>
+                    @endif
+                  </a>
+                @else
+                  {{ column.label ?? humanizeLabel(column.name) }}
+                @endif
+              </th>
+            @endeach
+            <th class="px-4 py-3 text-right text-xs font-semibold uppercase tracking-wider text-body-subtle">Actions</th>
+          </tr>
+        </thead>
+        <tbody>
+          @if(groups && groups.length)
+            @each(group in groups)
+              <tr class="shamar-list-group">
+                <td colspan="100" class="shamar-list-group__cell">
+                  <span class="shamar-list-group__label">{{ group.label }}</span>
+                  <span class="shamar-list-group__count">{{ group.items.length }}</span>
+                </td>
+              </tr>
+              @each(record in group.items)
+                @include('shamar::partials/list-row')
+              @endeach
+            @endeach
+          @elseif(result.items && result.items.length)
+            @each(record in result.items)
+              @include('shamar::partials/list-row')
+            @endeach
+          @else
+            <tr>
+              <td colspan="100" class="px-4 py-12 text-center text-body-subtle">No records found.</td>
+            </tr>
+          @endif
+        </tbody>
+      </table>
+    </div>
+  </div>
+
+  @if(pagination)
+    <div data-shamar-list-pagination>
+      @include('shamar::partials/pagination')
+    </div>
+  @else
+    <div data-shamar-list-pagination hidden></div>
+  @endif
+</section>
+
+@include('shamar::partials/shell-close')

package/resources/views/shamar/partials/boolean-value.edge

@@ -0,0 +1,25 @@
+{{--
+  Boolean / icon status chip for detail and table views.
+  Expects: checked (bool), label? (string), icon? / falseIcon? (optional glyphs)
+--}}
+@let(isOn = !!checked)
+@let(customIcon = isOn ? icon : falseIcon)
+@let(showLabel = label !== undefined && label !== null && String(label).length > 0)
+<span class="shamar-boolean {{ isOn ? 'is-true' : 'is-false' }}{{ customIcon ? ' shamar-boolean--custom' : '' }}{{ showLabel ? '' : ' shamar-boolean--icon-only' }}">
+  <span class="shamar-boolean__mark" aria-hidden="true">
+    @if(customIcon)
+      <span class="shamar-boolean__glyph">{{ customIcon }}</span>
+    @elseif(isOn)
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" width="14" height="14">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
+      </svg>
+    @else
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" width="14" height="14">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
+      </svg>
+    @endif
+  </span>
+  @if(showLabel)
+    <span class="shamar-boolean__label">{{ label }}</span>
+  @endif
+</span>

package/resources/views/shamar/partials/csrf.edge

@@ -0,0 +1 @@
+<input type="hidden" name="_csrf" value="{{ csrfToken }}" />

package/resources/views/shamar/partials/detail-entry.edge

@@ -0,0 +1,72 @@
+<div
+  class="shamar-detail-cell px-3 py-3 border-t border-card-border sm:border-t-0 sm:border-r sm:border-card-border last:border-r-0"
+  style="{{ resolveGridItemStyle(field, 2) }}"
+>
+  <div class="shamar-detail__label-row">
+    <dt class="shamar-detail__label">{{ field.label ?? field.name }}</dt>
+    @if(field.hint)
+      <span class="shamar-field__hint">{{ field.hint }}</span>
+    @endif
+  </div>
+  <dd class="shamar-field__value mt-1 {{ alignmentTextClass(field.alignment) }}">
+    @if(field.type === 'icon' || field.type === 'boolean' || field.type === 'checkbox' || field.format === 'boolean' || field.format === 'toggle')
+      @!component('shamar::partials/boolean-value', {
+        checked: fieldChecked(record, field),
+        label: detailValue(record, field),
+      })
+    @elseif(field.type === 'color')
+      <span class="shamar-color-entry">
+        <span class="shamar-color-entry__swatch" style="background: {{ record[field.name] || '#ccc' }}"></span>
+        <span>{{ record[field.name] || '—' }}</span>
+      </span>
+    @elseif(field.type === 'image')
+      @if(record[field.name])
+        <img src="{{ record[field.name] }}" alt="{{ field.label ?? field.name }}" class="shamar-image-entry" />
+      @else
+        —
+      @endif
+    @elseif(field.format === 'badge' || field.type === 'tags')
+      @let(badges = badgeValues(record, field))
+      @if(badges.length)
+        <div class="shamar-badges">
+          @each(badge in badges)
+            <span class="shamar-badge">{{ badge }}</span>
+          @endeach
+        </div>
+      @else
+        —
+      @endif
+    @elseif(relationUi && relationUi[field.name] && relationUi[field.name].widget === 'checkboxList')
+      @!component('shamar::partials/field-relation-checkbox', {
+        field: field,
+        relationConfig: relationUi[field.name],
+      })
+    @elseif(field.copyable)
+      <span class="shamar-copyable" x-data>
+        <span>{{ detailValue(record, field) }}</span>
+        <button
+          type="button"
+          class="shamar-copyable__btn"
+          @click="navigator.clipboard.writeText({{ jsonAttr(String(record[field.name] ?? '')) }})"
+        >Copy</button>
+      </span>
+    @elseif(field.url || field.type === 'email')
+      @if(record[field.name])
+        @if(field.type === 'email')
+          <a href="mailto:{{ record[field.name] }}" class="text-fg-brand hover:underline">{{ detailValue(record, field) }}</a>
+        @elseif(field.url === true)
+          <a href="{{ record[field.name] }}" class="text-fg-brand hover:underline" target="_blank" rel="noopener">{{ detailValue(record, field) }}</a>
+        @else
+          <a href="{{ field.url }}" class="text-fg-brand hover:underline" target="_blank" rel="noopener">{{ detailValue(record, field) }}</a>
+        @endif
+      @else
+        —
+      @endif
+    @else
+      {{ detailValue(record, field) }}
+    @endif
+  </dd>
+  @if(field.help)
+    <p class="shamar-field__help">{{ field.help }}</p>
+  @endif
+</div>

package/resources/views/shamar/partials/dialog-host.edge

@@ -0,0 +1,125 @@
+<div
+  x-data="shamarDialogHost()"
+  @shamar-open-dialog.window="openModal($event.detail)"
+  @shamar-open-confirm.window="openConfirm($event.detail)"
+  @keydown.escape.window="if (open && !confirmMode) dismissDialog()"
+>
+  <div x-show="open" x-cloak style="display: none;">
+    <div class="shamar-dialog-backdrop" @click="dismissDialog()"></div>
+
+    <div
+      class="shamar-dialog-panel"
+      role="dialog"
+      aria-modal="true"
+      :aria-label="title"
+      :class="{ 'is-fullscreen': fullscreen, 'is-prompt': confirmMode }"
+      :style="panelStyle()"
+      @keydown.tab="trapFocus($event)"
+      x-ref="panel"
+    >
+      <div class="shamar-dialog-header" @mousedown="startDrag($event)">
+        <h2 class="min-w-0 flex-1 truncate text-sm font-semibold text-heading" id="shamar-dialog-title" x-text="title"></h2>
+        <div class="flex shrink-0 items-center gap-1">
+          <a
+            x-show="fullPageUrl"
+            :href="fullPageUrl"
+            class="rounded-md px-2 py-1 text-xs text-body-subtle hover:bg-surface-hover hover:text-heading"
+          >Open in full page</a>
+          <button
+            type="button"
+            class="rounded-md p-1.5 text-body-subtle hover:bg-surface-hover hover:text-heading"
+            x-show="!confirmMode"
+            @click="toggleFullscreen()"
+            :title="fullscreen ? 'Exit full screen' : 'Full screen'"
+          >
+            <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15"/>
+            </svg>
+          </button>
+          <button
+            type="button"
+            class="rounded-md p-1.5 text-body-subtle hover:bg-surface-hover hover:text-heading"
+            x-show="promptMode !== 'secret'"
+            @click="dismissDialog()"
+            title="Close"
+            aria-label="Close"
+            x-ref="closeBtn"
+          >×</button>
+        </div>
+      </div>
+
+      <div class="shamar-dialog-body relative" :class="{ 'shamar-dialog-body--prompt': confirmMode }">
+        <div
+          x-show="loading"
+          class="absolute inset-0 z-10 flex items-center justify-center bg-neutral-primary/90 text-sm text-body-subtle"
+        >Loading…</div>
+
+        <div x-show="confirmMode && !loading" class="space-y-3">
+          <div class="flex items-start gap-3">
+            <div
+              class="shamar-dialog-prompt-icon"
+              :class="{
+                'is-danger': promptVariant === 'danger',
+                'is-warning': promptVariant === 'warning',
+                'is-info': promptVariant === 'info' || promptVariant === 'primary',
+                'is-success': promptVariant === 'success'
+              }"
+              aria-hidden="true"
+            >
+              <svg x-show="promptMode !== 'secret' && (promptVariant === 'danger' || promptVariant === 'warning')" class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"/>
+              </svg>
+              <svg x-show="promptMode === 'secret'" class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z"/>
+              </svg>
+            </div>
+            <p class="text-sm text-body" x-text="confirmMessage"></p>
+          </div>
+
+          <div x-show="promptMode === 'secret' && secretText" class="shamar-secret-reveal">
+            <code class="shamar-secret-reveal__value" x-text="secretText"></code>
+            <button
+              type="button"
+              class="shamar-secret-reveal__copy"
+              @click="copySecret()"
+              x-text="secretCopied ? 'Copied' : 'Copy'"
+            >Copy</button>
+          </div>
+        </div>
+
+        <div x-show="!confirmMode">
+          <div data-shamar-dialog-body></div>
+        </div>
+      </div>
+
+      <div class="shamar-dialog-footer" x-show="confirmMode">
+        <button
+          type="button"
+          class="rounded-md px-4 py-2 text-sm hover:bg-surface-hover"
+          x-show="promptMode !== 'alert' && promptMode !== 'secret'"
+          @click="close()"
+          x-text="cancelLabel"
+        >Cancel</button>
+        <button
+          type="button"
+          class="rounded-md px-4 py-2 text-sm font-medium text-white hover:opacity-90"
+          :class="confirmButtonClass()"
+          @click="submitConfirm()"
+          x-text="confirmLabel"
+        >Confirm</button>
+      </div>
+
+      <div
+        class="shamar-dialog-footer"
+        x-show="!confirmMode && hasContentFooter"
+        data-shamar-dialog-footer
+      ></div>
+
+      <div
+        class="shamar-dialog-resize-handle"
+        x-show="!confirmMode && !fullscreen"
+        @mousedown="startResize($event)"
+      ></div>
+    </div>
+  </div>
+</div>

package/resources/views/shamar/partials/field-affix-icon.edge

@@ -0,0 +1,23 @@
+{{-- Simple affix icon mark. Expects: icon (string slug). --}}
+@if(icon === 'envelope' || icon === 'mail' || icon === 'email')
+  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" width="16" height="16">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" />
+  </svg>
+@elseif(icon === 'phone' || icon === 'tel')
+  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" width="16" height="16">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z" />
+  </svg>
+@elseif(icon === 'globe' || icon === 'link' || icon === 'url')
+  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" width="16" height="16">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
+  </svg>
+@elseif(icon === 'lock' || icon === 'key')
+  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" width="16" height="16">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" />
+  </svg>
+@else
+  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" width="16" height="16">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.37-.49l-1.296-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z" />
+    <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+  </svg>
+@endif