Initial baseline: LaraBlog core with plugin commerce surface.

Captures the current working tree after theme slots, ArticleAccess, and the payment / paid-content plugins so subsequent work has a reviewable git history.

public/.htaccess

@@ -0,0 +1,25 @@
+<IfModule mod_rewrite.c>
+    <IfModule mod_negotiation.c>
+        Options -MultiViews -Indexes
+    </IfModule>
+
+    RewriteEngine On
+
+    # Handle Authorization Header
+    RewriteCond %{HTTP:Authorization} .
+    RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
+
+    # Handle X-XSRF-Token Header
+    RewriteCond %{HTTP:x-xsrf-token} .
+    RewriteRule .* - [E=HTTP_X_XSRF_TOKEN:%{HTTP:X-XSRF-Token}]
+
+    # Redirect Trailing Slashes If Not A Folder...
+    RewriteCond %{REQUEST_FILENAME} !-d
+    RewriteCond %{REQUEST_URI} (.+)/$
+    RewriteRule ^ %1 [L,R=301]
+
+    # Send Requests To Front Controller...
+    RewriteCond %{REQUEST_FILENAME} !-d
+    RewriteCond %{REQUEST_FILENAME} !-f
+    RewriteRule ^ index.php [L]
+</IfModule>

public/fonts/filament/filament/inter/index.css

@@ -0,0 +1 @@
+@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./inter-cyrillic-ext-wght-normal-IYF56FF6.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./inter-cyrillic-wght-normal-JEOLYBOO.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./inter-greek-ext-wght-normal-EOVOK2B5.woff2") format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./inter-greek-wght-normal-IRE366VL.woff2") format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./inter-vietnamese-wght-normal-CE5GGD3W.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./inter-latin-ext-wght-normal-HA22NDSG.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./inter-latin-wght-normal-NRMW37G5.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

public/index.php

@@ -0,0 +1,20 @@
+<?php
+
+use Illuminate\Foundation\Application;
+use Illuminate\Http\Request;
+
+define('LARAVEL_START', microtime(true));
+
+// Determine if the application is in maintenance mode...
+if (file_exists($maintenance = __DIR__.'/../storage/framework/maintenance.php')) {
+    require $maintenance;
+}
+
+// Register the Composer autoloader...
+require __DIR__.'/../vendor/autoload.php';
+
+// Bootstrap Laravel and handle the request...
+/** @var Application $app */
+$app = require_once __DIR__.'/../bootstrap/app.php';
+
+$app->handleRequest(Request::capture());

public/js/filament/actions/actions.js

@@ -0,0 +1 @@
+(()=>{var o=({livewireId:s})=>({actionNestingIndex:null,shouldOverlayParentActions:!1,closedActionNestingIndexes:[],focusTargetsByNestingIndex:{},boundSyncActionModals:null,boundOnModalClosed:null,init(){this.boundSyncActionModals=e=>{e.detail.id===s&&this.syncActionModals(e.detail.newActionNestingIndex,e.detail.shouldOverlayParentActions??!1)},this.boundOnModalClosed=e=>{let t=this.getActionNestingIndexFromModalId(e.detail.id);t!==null&&((this.shouldOverlayParentActions||t===0)&&this.restorePreviouslyFocusedElement(t-1),this.closedActionNestingIndexes.push(t))},window.addEventListener("sync-action-modals",this.boundSyncActionModals),window.addEventListener("modal-closed",this.boundOnModalClosed)},destroy(){this.boundSyncActionModals&&(window.removeEventListener("sync-action-modals",this.boundSyncActionModals),this.boundSyncActionModals=null),this.boundOnModalClosed&&(window.removeEventListener("modal-closed",this.boundOnModalClosed),this.boundOnModalClosed=null)},syncActionModals(e,t=!1){if(this.actionNestingIndex===e){this.actionNestingIndex!==null&&this.$nextTick(()=>this.openModal());return}let n=this.actionNestingIndex!==null&&e!==null&&e>this.actionNestingIndex,i=this.actionNestingIndex!==null&&e!==null&&e<this.actionNestingIndex,d=this.actionNestingIndex===null&&e!==null;if((n||d)&&this.rememberPreviouslyFocusedElement(),this.actionNestingIndex!==null&&!(t&&n)&&this.closeModal(),this.actionNestingIndex=e,this.actionNestingIndex===null){this.restorePreviouslyFocusedElement(-1),this.closedActionNestingIndexes=[],this.focusTargetsByNestingIndex={},this.shouldOverlayParentActions=!1;return}if(this.shouldOverlayParentActions=t,this.closedActionNestingIndexes=this.closedActionNestingIndexes.filter(l=>l<=this.actionNestingIndex),!this.closedActionNestingIndexes.includes(this.actionNestingIndex)){if(!this.$el.querySelector(`#${this.generateModalId(e)}`)){this.$nextTick(()=>{this.openModal(),i&&this.restorePreviouslyFocusedElement()});return}this.openModal(),i&&this.restorePreviouslyFocusedElement()}},rememberPreviouslyFocusedElement(){let e=this.$focus.focused();if(!e)return;if(this.actionNestingIndex===null){this.focusTargetsByNestingIndex[-1]=e;return}this.$el.querySelector(`#${this.generateModalId(this.actionNestingIndex)}`)?.contains(e)&&(this.focusTargetsByNestingIndex[this.actionNestingIndex]=e)},restorePreviouslyFocusedElement(e=this.actionNestingIndex){let t=this.focusTargetsByNestingIndex[e];if(t){for(let n in this.focusTargetsByNestingIndex)Number(n)>=e&&delete this.focusTargetsByNestingIndex[n];requestAnimationFrame(()=>requestAnimationFrame(()=>this.$nextTick(()=>{t.focus({preventScroll:!0})})))}},generateModalId(e){return`fi-${s}-action-`+e},getActionNestingIndexFromModalId(e){let t=`fi-${s}-action-`;if(!e?.startsWith(t))return null;let n=Number(e.slice(t.length));return Number.isInteger(n)?n:null},openModal(){let e=this.generateModalId(this.actionNestingIndex);document.dispatchEvent(new CustomEvent("open-modal",{bubbles:!0,composed:!0,detail:{id:e}}))},closeModal(){let e=this.generateModalId(this.actionNestingIndex);document.dispatchEvent(new CustomEvent("close-modal-quietly",{bubbles:!0,composed:!0,detail:{id:e}}))}});document.addEventListener("alpine:init",()=>{window.Alpine.data("filamentActionModals",o)});})();

public/js/filament/forms/components/checkbox-list.js

@@ -0,0 +1 @@
+function c({livewireId:s}){return{areAllCheckboxesChecked:!1,checkboxListOptions:[],search:"",unsubscribeLivewireHook:null,visibleCheckboxListOptions:[],init(){this.checkboxListOptions=Array.from(this.$root.querySelectorAll(".fi-fo-checkbox-list-option")),this.updateVisibleCheckboxListOptions(),this.$nextTick(()=>{this.checkIfAllCheckboxesAreChecked()}),this.unsubscribeLivewireHook=Livewire.interceptMessage(({message:e,onSuccess:t})=>{t(()=>{this.$nextTick(()=>{e.component.id===s&&(this.checkboxListOptions=Array.from(this.$root.querySelectorAll(".fi-fo-checkbox-list-option")),this.updateVisibleCheckboxListOptions(),this.checkIfAllCheckboxesAreChecked())})})}),this.$watch("search",()=>{this.updateVisibleCheckboxListOptions(),this.checkIfAllCheckboxesAreChecked()})},checkIfAllCheckboxesAreChecked(){this.areAllCheckboxesChecked=this.visibleCheckboxListOptions.length===this.visibleCheckboxListOptions.filter(e=>e.querySelector("input[type=checkbox]:checked, input[type=checkbox]:disabled")).length},toggleAllCheckboxes(){this.checkIfAllCheckboxesAreChecked();let e=!this.areAllCheckboxesChecked;this.visibleCheckboxListOptions.forEach(t=>{let i=t.querySelector("input[type=checkbox]");i.disabled||i.checked!==e&&(i.checked=e,i.dispatchEvent(new Event("change")))}),this.areAllCheckboxesChecked=e},updateVisibleCheckboxListOptions(){this.visibleCheckboxListOptions=this.checkboxListOptions.filter(e=>["",null,void 0].includes(this.search)||e.querySelector(".fi-fo-checkbox-list-option-label")?.innerText.toLowerCase().includes(this.search.toLowerCase())?!0:e.querySelector(".fi-fo-checkbox-list-option-description")?.innerText.toLowerCase().includes(this.search.toLowerCase()))},destroy(){this.unsubscribeLivewireHook?.()}}}export{c as default};

public/js/filament/forms/components/key-value.js

@@ -0,0 +1 @@
+function a({state:r}){return{state:r,rows:[],init(){this.updateRows(),this.rows.length<=0?this.rows.push({key:"",value:""}):this.updateState(),this.$watch("state",(e,t)=>{if(!Array.isArray(e))return;let s=i=>i===null?0:Array.isArray(i)?i.length:typeof i!="object"?0:Object.keys(i).length;s(e)===0&&s(t)===0||this.updateRows()})},addRow(){this.rows.push({key:"",value:""}),this.updateState()},deleteRow(e){this.rows.splice(e,1),this.rows.length<=0&&this.addRow(),this.updateState()},reorderRows(e){let t=Alpine.raw(this.rows);this.rows=[];let s=t.splice(e.oldIndex,1)[0];t.splice(e.newIndex,0,s),this.$nextTick(()=>{this.rows=t,this.updateState()})},updateRows(){let t=Alpine.raw(this.state).map(({key:s,value:i})=>({key:s,value:i}));this.rows.forEach(s=>{(s.key===""||s.key===null)&&t.push({key:"",value:s.value})}),this.rows=t},updateState(){let e=[];this.rows.forEach(t=>{t.key===""||t.key===null||e.push({key:t.key,value:t.value})}),JSON.stringify(this.state)!==JSON.stringify(e)&&(this.state=e)}}}export{a as default};

public/js/filament/forms/components/tags-input.js

@@ -0,0 +1 @@
+function r({state:n,splitKeys:i,tagAddedMessage:a,tagRemovedMessage:s}){return{newTag:"",state:n,liveRegionClearTimeout:null,announce(e){let t=this.$refs.liveRegion;t&&(this.liveRegionClearTimeout!==null&&clearTimeout(this.liveRegionClearTimeout),t.textContent=e,this.liveRegionClearTimeout=setTimeout(()=>{t.textContent="",this.liveRegionClearTimeout=null},3e3))},createTag(){if(this.newTag=this.newTag.trim(),this.newTag!==""){if(this.state.includes(this.newTag)){this.newTag="";return}this.state.push(this.newTag),this.announce(a?.replace(":tag",()=>this.newTag)),this.newTag=""}},deleteTag(e){this.state=this.state.filter(t=>t!==e),this.announce(s?.replace(":tag",()=>e))},reorderTags(e){let t=this.state.splice(e.oldIndex,1)[0];this.state.splice(e.newIndex,0,t),this.state=[...this.state]},input:{"x-on:blur":"createTag()","x-model":"newTag","x-on:keydown"(e){["Enter",...i].includes(e.key)&&(e.preventDefault(),e.stopPropagation(),this.createTag())},"x-on:paste"(){this.$nextTick(()=>{if(i.length===0){this.createTag();return}let e=i.map(t=>t.replace(/[/\-\\^$*+?.()|[\]{}]/g,"\\$&")).join("|");this.newTag.split(new RegExp(e,"g")).forEach(t=>{this.newTag=t,this.createTag()})})}}}}export{r as default};

public/js/filament/forms/components/textarea.js

@@ -0,0 +1 @@
+function n({initialHeight:e,shouldAutosize:i,state:h}){return{state:h,wrapperEl:null,init(){this.wrapperEl=this.$el.parentNode,this.setInitialHeight(),i?this.$watch("state",()=>{this.resize()}):this.setUpResizeObserver()},setInitialHeight(){this.$el.scrollHeight<=0||(this.wrapperEl.style.height=e+"rem")},resize(){if(this.$el.scrollHeight<=0)return;let t=this.$el.style.height;this.$el.style.height="0px";let r=this.$el.scrollHeight;this.$el.style.height=t;let l=parseFloat(e)*parseFloat(getComputedStyle(document.documentElement).fontSize),s=Math.max(r,l)+"px";this.wrapperEl.style.height!==s&&(this.wrapperEl.style.height=s)},setUpResizeObserver(){new ResizeObserver(()=>{this.wrapperEl.style.height=this.$el.style.height}).observe(this.$el)}}}export{n as default};

public/js/filament/schemas/components/actions.js

@@ -0,0 +1 @@
+var i=()=>({isSticky:!1,width:0,resizeObserver:null,boundUpdateWidth:null,init(){let e=this.$el.parentElement;e&&(this.updateWidth(),this.resizeObserver=new ResizeObserver(()=>this.updateWidth()),this.resizeObserver.observe(e),this.boundUpdateWidth=this.updateWidth.bind(this),window.addEventListener("resize",this.boundUpdateWidth))},enableSticky(){this.isSticky=this.$el.getBoundingClientRect().top>0},disableSticky(){this.isSticky=!1},updateWidth(){let e=this.$el.parentElement;if(!e)return;let t=getComputedStyle(this.$root.querySelector(".fi-ac"));this.width=e.offsetWidth+parseInt(t.marginInlineStart,10)*-1+parseInt(t.marginInlineEnd,10)*-1},destroy(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.boundUpdateWidth&&(window.removeEventListener("resize",this.boundUpdateWidth),this.boundUpdateWidth=null)}});export{i as default};

public/js/filament/schemas/components/tabs.js

@@ -0,0 +1 @@
+function x({activeTab:h,isScrollable:m,isTabPersisted:T,isTabPersistedInQueryString:u,livewireId:g,schemaKey:D,tab:W,tabQueryStringKey:r}){return{boundResizeHandler:null,boundResetHandler:null,isScrollable:m,resizeDebounceTimer:null,tab:W,unsubscribeLivewireHook:null,withinDropdownIndex:null,withinDropdownMounted:!1,init(){let t=this.getTabs(),e=new URLSearchParams(window.location.search);u&&e.has(r)&&t.includes(e.get(r))&&(this.tab=e.get(r)),(!this.tab||!t.includes(this.tab))&&(this.tab=t[h-1]),this.$watch("tab",()=>{this.updateQueryString(),this.autofocusFields()}),this.autofocusFields(!0),this.unsubscribeLivewireHook=Livewire.interceptMessage(({message:i,onSuccess:a})=>{a(()=>{this.$nextTick(()=>{if(i.component.id!==g)return;let l=this.getTabs();l.includes(this.tab)||(this.tab=l[h-1]??this.tab)})})}),this.boundResetHandler=i=>{i.detail.livewireId!==g||i.detail.schemaKey!==D||T||u||this.$nextTick(()=>{this.tab=this.getTabs()[h-1]??this.tab})},window.addEventListener("reset-schema-component-state",this.boundResetHandler),m||(this.boundResizeHandler=this.debouncedUpdateTabsWithinDropdown.bind(this),window.addEventListener("resize",this.boundResizeHandler),this.updateTabsWithinDropdown())},calculateAvailableWidth(t){let e=window.getComputedStyle(t);return Math.floor(t.clientWidth)-Math.ceil(parseFloat(e.paddingLeft))*2},calculateContainerGap(t){let e=window.getComputedStyle(t);return Math.ceil(parseFloat(e.columnGap))},calculateDropdownIconWidth(t){let e=t.querySelector(".fi-icon");return Math.ceil(e.clientWidth)},calculateTabItemGap(t){let e=window.getComputedStyle(t);return Math.ceil(parseFloat(e.columnGap)||8)},calculateTabItemPadding(t){let e=window.getComputedStyle(t);return Math.ceil(parseFloat(e.paddingLeft))+Math.ceil(parseFloat(e.paddingRight))},findOverflowIndex(t,e,i,a,l,b){let p=t.map(n=>Math.ceil(n.clientWidth)),w=t.map(n=>{let d=n.querySelector(".fi-tabs-item-label"),s=n.querySelector(".fi-badge"),o=Math.ceil(d.clientWidth),c=s?Math.ceil(s.clientWidth):0;return{label:o,badge:c,total:o+(c>0?a+c:0)}});for(let n=0;n<t.length;n++){let d=p.slice(0,n+1).reduce((f,I)=>f+I,0),s=n*i,o=w.slice(n+1),c=o.length>0,v=c?Math.max(...o.map(f=>f.total)):0,y=c?l+v+a+b+i:0;if(d+s+y>e)return n}return-1},get isDropdownButtonVisible(){return this.withinDropdownMounted?this.withinDropdownIndex===null?!1:this.getTabs().findIndex(e=>e===this.tab)<this.withinDropdownIndex:!0},getTabs(){return this.$refs.tabsData?JSON.parse(this.$refs.tabsData.value):[]},updateQueryString(){if(!u)return;let t=new URL(window.location.href);t.searchParams.set(r,this.tab),history.replaceState(null,document.title,t.toString())},autofocusFields(t=!1){this.$nextTick(()=>{if(t&&document.activeElement&&document.activeElement!==document.body&&this.$el.compareDocumentPosition(document.activeElement)&Node.DOCUMENT_POSITION_PRECEDING)return;let e=this.$el.querySelectorAll(".fi-sc-tabs-tab.fi-active [autofocus]");for(let i of e)if(i.focus(),document.activeElement===i)break})},debouncedUpdateTabsWithinDropdown(){clearTimeout(this.resizeDebounceTimer),this.resizeDebounceTimer=setTimeout(()=>this.updateTabsWithinDropdown(),150)},async updateTabsWithinDropdown(){this.withinDropdownIndex=null,this.withinDropdownMounted=!1,await this.$nextTick();let t=this.$el.querySelector(".fi-tabs"),e=t.querySelector(".fi-tabs-item:last-child"),i=Array.from(t.children).slice(0,-1),a=i.map(s=>s.style.display);i.forEach(s=>s.style.display=""),t.offsetHeight;let l=this.calculateAvailableWidth(t),b=this.calculateContainerGap(t),p=this.calculateDropdownIconWidth(e),w=this.calculateTabItemGap(i[0]),n=this.calculateTabItemPadding(i[0]),d=this.findOverflowIndex(i,l,b,w,n,p);i.forEach((s,o)=>s.style.display=a[o]),d!==-1&&(this.withinDropdownIndex=d),this.withinDropdownMounted=!0},destroy(){this.unsubscribeLivewireHook?.(),this.boundResetHandler&&window.removeEventListener("reset-schema-component-state",this.boundResetHandler),this.boundResizeHandler&&window.removeEventListener("resize",this.boundResizeHandler),clearTimeout(this.resizeDebounceTimer)}}}export{x as default};

public/js/filament/schemas/components/wizard.js

@@ -0,0 +1 @@
+function l({isSkippable:i,isStepPersistedInQueryString:n,key:o,livewireId:h,schemaKey:p,startStep:r,stepQueryStringKey:d}){return{boundResetHandler:null,step:null,init(){this.step=this.getSteps().at(r-1),this.$watch("step",()=>{this.updateQueryString(),this.autofocusFields()}),this.autofocusFields(!0),this.boundResetHandler=t=>{t.detail.livewireId!==h||t.detail.schemaKey!==p||n||this.$nextTick(()=>{this.step=this.getSteps().at(r-1)??this.step})},window.addEventListener("reset-schema-component-state",this.boundResetHandler)},async requestNextStep(){await this.$wire.callSchemaComponentMethod(o,"nextStep",{currentStepIndex:this.getStepIndex(this.step)})},goToNextStep(){let t=this.getStepIndex(this.step)+1;t>=this.getSteps().length||(this.step=this.getSteps()[t],this.scroll())},goToPreviousStep(){let t=this.getStepIndex(this.step)-1;t<0||(this.step=this.getSteps()[t],this.scroll())},goToStep(t){let e=this.getStepIndex(t);e<=-1||!i&&e>this.getStepIndex(this.step)||(this.step=t,this.scroll())},scroll(){this.$nextTick(()=>{this.$refs.header?.children[this.getStepIndex(this.step)].scrollIntoView({behavior:"smooth",block:"start"})})},autofocusFields(t=!1){this.$nextTick(()=>{if(t&&document.activeElement&&document.activeElement!==document.body&&this.$el.compareDocumentPosition(document.activeElement)&Node.DOCUMENT_POSITION_PRECEDING)return;let e=this.$refs[`step-${this.step}`]?.querySelectorAll("[autofocus]")??[];for(let s of e)if(s.focus(),document.activeElement===s)break})},getStepIndex(t){let e=this.getSteps().findIndex(s=>s===t);return e===-1?0:e},getSteps(){return JSON.parse(this.$refs.stepsData.value)},isFirstStep(){return this.getStepIndex(this.step)<=0},isLastStep(){return this.getStepIndex(this.step)+1>=this.getSteps().length},isStepAccessible(t){return i||this.getStepIndex(this.step)>this.getStepIndex(t)},updateQueryString(){if(!n)return;let t=new URL(window.location.href);t.searchParams.set(d,this.step),history.replaceState(null,document.title,t.toString())},destroy(){this.boundResetHandler&&window.removeEventListener("reset-schema-component-state",this.boundResetHandler)}}}export{l as default};

public/js/filament/schemas/schemas.js

@@ -0,0 +1 @@
+(()=>{var o=()=>({isSticky:!1,width:0,resizeObserver:null,boundUpdateWidth:null,init(){let i=this.$el.parentElement;i&&(this.updateWidth(),this.resizeObserver=new ResizeObserver(()=>this.updateWidth()),this.resizeObserver.observe(i),this.boundUpdateWidth=this.updateWidth.bind(this),window.addEventListener("resize",this.boundUpdateWidth))},enableSticky(){this.isSticky=this.$el.getBoundingClientRect().top>0},disableSticky(){this.isSticky=!1},updateWidth(){let i=this.$el.parentElement;if(!i)return;let t=getComputedStyle(this.$root.querySelector(".fi-ac"));this.width=i.offsetWidth+parseInt(t.marginInlineStart,10)*-1+parseInt(t.marginInlineEnd,10)*-1},destroy(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.boundUpdateWidth&&(window.removeEventListener("resize",this.boundUpdateWidth),this.boundUpdateWidth=null)}});var a=function(i,t,n){let e=i;if(t.startsWith("/")&&(n=!0,t=t.slice(1)),n)return t;for(;t.startsWith("../");)e=e.includes(".")?e.slice(0,e.lastIndexOf(".")):null,t=t.slice(3);return["",null,void 0].includes(e)?t:["",null,void 0].includes(t)?e:`${e}.${t}`},d=i=>{let t=Alpine.findClosest(i,n=>n.__livewire);if(!t)throw"Could not find Livewire component in DOM tree.";return t.__livewire};document.addEventListener("alpine:init",()=>{window.Alpine.data("filamentSchema",({livewireId:i,schemaKey:t})=>({handleFormValidationError(n){n.detail.livewireId===i&&this.$nextTick(()=>{let e=this.$el.querySelector("[data-validation-error]");if(!e)return;let r=e;for(;r;)r.dispatchEvent(new CustomEvent("expand")),r=r.parentNode;setTimeout(()=>e.closest("[data-field-wrapper]").scrollIntoView({behavior:"smooth",block:"start",inline:"start"}),200)})},handleClientSideStateReset(n){n.detail.livewireId!==i||n.detail.schemaKey!==t||this.$nextTick(()=>{let e=this.$el.querySelectorAll("[autofocus]");for(let r of e)if(r.offsetParent!==null&&(r.focus(),document.activeElement===r))break})},isStateChanged(n,e){if(n===void 0)return!1;try{return JSON.stringify(n)!==JSON.stringify(e)}catch{return n!==e}}})),window.Alpine.data("filamentSchemaComponent",({path:i,containerPath:t,$wire:n})=>({$statePath:i,$get:(e,r)=>n.$get(a(t,e,r)),$set:(e,r,s,l=!1)=>n.$set(a(t,e,s),r,l),get $state(){return n.$get(i)}})),window.Alpine.data("filamentActionsSchemaComponent",o),Livewire.interceptMessage(({message:i,onSuccess:t})=>{t(({payload:n})=>{n.effects?.dispatches?.forEach(e=>{if(!e.params?.awaitSchemaComponent)return;let r=Array.from(i.component.el.querySelectorAll(`[wire\\:partial="schema-component::${e.params.awaitSchemaComponent}"]`)).filter(s=>d(s)===i.component);if(r.length!==1){if(r.length>1)throw`Multiple schema components found with key [${e.params.awaitSchemaComponent}].`;window.addEventListener(`schema-component-${i.component.id}-${e.params.awaitSchemaComponent}-loaded`,()=>{window.dispatchEvent(new CustomEvent(e.name,{detail:e.params}))},{once:!0})}})})})});})();

public/js/filament/tables/components/columns/checkbox.js

@@ -0,0 +1 @@
+function a({name:r,recordKey:s,state:n}){return{error:void 0,isLoading:!1,state:n,unsubscribeLivewireHook:null,init(){this.unsubscribeLivewireHook=Livewire.interceptMessage(({message:e,onSuccess:t})=>{t(()=>{this.$nextTick(()=>{if(this.isLoading||e.component.id!==this.$root.closest("[wire\\:id]")?.attributes["wire:id"].value)return;let i=this.getServerState();i===void 0||Alpine.raw(this.state)===i||(this.state=i)})})}),this.$watch("state",async()=>{let e=this.getServerState();if(e===void 0||Alpine.raw(this.state)===e)return;this.isLoading=!0;let t=await this.$wire.updateTableColumnState(r,s,this.state);this.error=t?.error??void 0,!this.error&&this.$refs.serverState&&(this.$refs.serverState.value=this.state?"1":"0"),this.isLoading=!1})},getServerState(){if(this.$refs.serverState)return[1,"1"].includes(this.$refs.serverState.value)},destroy(){this.unsubscribeLivewireHook?.()}}}export{a as default};

public/js/filament/tables/components/columns/text-input.js

@@ -0,0 +1 @@
+function a({name:i,recordKey:s,state:n}){return{error:void 0,isLoading:!1,state:n,unsubscribeLivewireHook:null,init(){this.unsubscribeLivewireHook=Livewire.interceptMessage(({message:e,onSuccess:t})=>{t(()=>{this.$nextTick(()=>{if(this.isLoading||e.component.id!==this.$root.closest("[wire\\:id]")?.attributes["wire:id"].value)return;let r=this.getServerState();r===void 0||this.getNormalizedState()===r||(this.state=r)})})}),this.$watch("state",async()=>{let e=this.getServerState();if(e===void 0||this.getNormalizedState()===e)return;this.isLoading=!0;let t=await this.$wire.updateTableColumnState(i,s,this.state);this.error=t?.error??void 0,!this.error&&this.$refs.serverState&&(this.$refs.serverState.value=this.getNormalizedState()),this.isLoading=!1})},getServerState(){if(this.$refs.serverState)return[null,void 0].includes(this.$refs.serverState.value)?"":this.$refs.serverState.value.replaceAll('\\"','"')},getNormalizedState(){let e=Alpine.raw(this.state);return[null,void 0].includes(e)?"":e},destroy(){this.unsubscribeLivewireHook?.()}}}export{a as default};

public/js/filament/tables/components/columns/toggle.js

@@ -0,0 +1 @@
+function a({name:r,recordKey:s,state:n}){return{error:void 0,isLoading:!1,state:n,unsubscribeLivewireHook:null,init(){this.unsubscribeLivewireHook=Livewire.interceptMessage(({message:e,onSuccess:t})=>{t(()=>{this.$nextTick(()=>{if(this.isLoading||e.component.id!==this.$root.closest("[wire\\:id]")?.attributes["wire:id"].value)return;let i=this.getServerState();i===void 0||Alpine.raw(this.state)===i||(this.state=i)})})}),this.$watch("state",async()=>{let e=this.getServerState();if(e===void 0||Alpine.raw(this.state)===e)return;this.isLoading=!0;let t=await this.$wire.updateTableColumnState(r,s,this.state);this.error=t?.error??void 0,!this.error&&this.$refs.serverState&&(this.$refs.serverState.value=this.state?"1":"0"),this.isLoading=!1})},getServerState(){if(this.$refs.serverState)return[1,"1"].includes(this.$refs.serverState.value)},destroy(){this.unsubscribeLivewireHook?.()}}}export{a as default};

public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow:

public/themes/default/preview.svg

@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="960" height="600" viewBox="0 0 960 600" role="img" aria-label="default theme preview">
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#eef7f5"/>
+      <stop offset="55%" stop-color="#f3f7f9"/>
+      <stop offset="100%" stop-color="#e7eef2"/>
+    </linearGradient>
+  </defs>
+  <rect width="960" height="600" fill="url(#bg)"/>
+  <rect x="48" y="40" width="864" height="520" rx="28" fill="#ffffff" fill-opacity="0.78" stroke="#0e1a241f"/>
+  <text x="80" y="110" font-family="Georgia, serif" font-size="48" font-weight="700" fill="#0e1a24">Lara<tspan fill="#0f8a7a">Blog</tspan></text>
+  <text x="80" y="148" font-family="Helvetica, Arial, sans-serif" font-size="18" fill="#5a6b78">R���� � ؤ;���</text>
+  <rect x="80" y="176" width="560" height="2" fill="#0e1a241f"/>
+  <rect x="80" y="210" width="180" height="14" rx="7" fill="#0f8a7a"/>
+  <rect x="280" y="210" width="90" height="14" rx="7" fill="#0e1a2426"/>
+  <rect x="390" y="210" width="90" height="14" rx="7" fill="#0e1a2426"/>
+  <rect x="80" y="260" width="520" height="28" rx="8" fill="#0e1a24"/>
+  <rect x="80" y="304" width="420" height="12" rx="6" fill="#5a6b7888"/>
+  <rect x="80" y="328" width="480" height="12" rx="6" fill="#5a6b7855"/>
+  <rect x="80" y="370" width="460" height="24" rx="8" fill="#0e1a24e6"/>
+  <rect x="80" y="410" width="380" height="12" rx="6" fill="#5a6b7888"/>
+  <rect x="680" y="210" width="200" height="220" rx="18" fill="#ffffff" stroke="#0e1a241f"/>
+  <rect x="704" y="236" width="120" height="14" rx="7" fill="#0e1a24"/>
+  <rect x="704" y="270" width="150" height="10" rx="5" fill="#0f8a7a66"/>
+  <rect x="704" y="294" width="130" height="10" rx="5" fill="#0e1a2426"/>
+  <rect x="704" y="318" width="140" height="10" rx="5" fill="#0e1a2426"/>
+</svg>

public/themes/default/style.css

@@ -0,0 +1,443 @@
+@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,600;0,9..40,700;1,9..40,400&family=Fraunces:opsz,wght@9..144,500;9..144,700&display=swap");
+
+:root {
+  --ink: #0e1a24;
+  --muted: #5a6b78;
+  --paper: #eef3f6;
+  --panel: rgba(255, 255, 255, 0.78);
+  --line: rgba(14, 26, 36, 0.12);
+  --teal: #0f8a7a;
+  --teal-deep: #0a5f54;
+  --glow: #7fd9c7;
+  --serif: "Fraunces", "Iowan Old Style", Georgia, serif;
+  --sans: "DM Sans", "Avenir Next", sans-serif;
+  --radius: 1.25rem;
+  --shadow: 0 18px 50px rgba(14, 26, 36, 0.08);
+}
+
+* { box-sizing: border-box; }
+html { scroll-behavior: smooth; }
+body {
+  margin: 0;
+  color: var(--ink);
+  font-family: var(--sans);
+  background:
+    radial-gradient(900px 420px at 8% -8%, rgba(127, 217, 199, 0.45), transparent 60%),
+    radial-gradient(700px 360px at 96% 4%, rgba(15, 138, 122, 0.18), transparent 55%),
+    linear-gradient(180deg, #f7fafb 0%, var(--paper) 40%, #e7eef2 100%);
+  line-height: 1.7;
+  min-height: 100vh;
+}
+body::before {
+  content: "";
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  opacity: 0.35;
+  background-image:
+    linear-gradient(rgba(14, 26, 36, 0.03) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(14, 26, 36, 0.03) 1px, transparent 1px);
+  background-size: 48px 48px;
+  mask-image: linear-gradient(180deg, #000 0%, transparent 85%);
+  z-index: 0;
+}
+a { color: var(--teal-deep); text-decoration-thickness: 1px; text-underline-offset: 0.2em; }
+a:hover { color: var(--teal); }
+
+.wrap { width: min(1120px, calc(100% - 2rem)); margin: 0 auto; position: relative; z-index: 1; }
+
+.site-header {
+  padding: 2.75rem 0 1.75rem;
+  animation: rise 0.7s ease both;
+}
+.brand-block { display: grid; gap: 0.35rem; margin-bottom: 1.25rem; }
+.brand {
+  font-family: var(--serif);
+  font-size: clamp(2.4rem, 5vw, 3.6rem);
+  font-weight: 700;
+  letter-spacing: -0.04em;
+  line-height: 1.05;
+  color: var(--ink);
+  text-decoration: none;
+  text-underline-offset: 0;
+}
+.brand span { color: var(--teal); }
+.tagline {
+  margin: 0;
+  max-width: 36rem;
+  color: var(--muted);
+  font-size: 1.05rem;
+}
+.nav-bar {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.35rem 1.1rem;
+  align-items: center;
+  padding: 0.85rem 0;
+  border-top: 1px solid var(--line);
+  border-bottom: 1px solid var(--line);
+}
+.nav-bar a {
+  position: relative;
+  color: var(--ink);
+  text-decoration: none;
+  font-weight: 600;
+  font-size: 0.95rem;
+}
+.nav-bar a::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  bottom: -0.25rem;
+  width: 100%;
+  height: 2px;
+  background: var(--teal);
+  transform: scaleX(0);
+  transform-origin: left;
+  transition: transform 0.25s ease;
+}
+.nav-bar a:hover::after,
+.nav-bar a.is-active::after { transform: scaleX(1); }
+.flash {
+  margin: 0.85rem 0 0;
+  color: var(--teal-deep);
+  font-weight: 600;
+  animation: rise 0.45s ease both;
+}
+
+.layout {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 280px;
+  gap: 2.5rem;
+  padding: 2.25rem 0 3.5rem;
+}
+@media (max-width: 860px) {
+  .layout { grid-template-columns: 1fr; }
+}
+
+.content { animation: rise 0.8s 0.08s ease both; }
+.sidebar { animation: rise 0.8s 0.16s ease both; }
+
+.panel {
+  background: var(--panel);
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  box-shadow: var(--shadow);
+  backdrop-filter: blur(10px);
+  padding: 1.35rem 1.5rem;
+  margin-bottom: 1.1rem;
+}
+
+.post-list { display: grid; gap: 0; }
+.post-item {
+  padding: 1.35rem 0;
+  border-bottom: 1px solid var(--line);
+  transition: transform 0.25s ease, opacity 0.25s ease;
+}
+.post-item:first-child { padding-top: 0.25rem; }
+.post-item:hover { transform: translateX(4px); }
+.post-item h2 {
+  margin: 0 0 0.4rem;
+  font-family: var(--serif);
+  font-size: clamp(1.45rem, 2.4vw, 1.85rem);
+  letter-spacing: -0.02em;
+  line-height: 1.25;
+}
+.post-item h2 a { color: inherit; text-decoration: none; }
+.post-item h2 a:hover { color: var(--teal-deep); }
+.meta { color: var(--muted); font-size: 0.92rem; margin: 0 0 0.55rem; }
+.excerpt { margin: 0; color: #243442; }
+
+.page-title {
+  font-family: var(--serif);
+  font-size: clamp(1.8rem, 3vw, 2.4rem);
+  margin: 0 0 1rem;
+  letter-spacing: -0.03em;
+}
+
+/* Semantic article */
+.post.panel,
+.post {
+  background: var(--panel);
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  box-shadow: var(--shadow);
+  backdrop-filter: blur(10px);
+  padding: 1.5rem 1.65rem 1.85rem;
+  margin-bottom: 1.1rem;
+}
+.post__header { margin-bottom: 1.25rem; }
+.post__title {
+  font-family: var(--serif);
+  font-size: clamp(1.9rem, 3.2vw, 2.55rem);
+  margin: 0 0 0.65rem;
+  letter-spacing: -0.03em;
+  line-height: 1.2;
+}
+.post__meta {
+  margin: 0;
+  color: var(--muted);
+  font-size: 0.92rem;
+}
+.post__meta time { font-variant-numeric: tabular-nums; }
+.post__category { font-weight: 600; text-decoration: none; }
+.post__category:hover { color: var(--teal); }
+
+.post__toc {
+  margin: 0 0 1.5rem;
+  padding: 1rem 1.15rem;
+  border: 1px solid var(--line);
+  border-radius: 0.9rem;
+  background: rgba(15, 138, 122, 0.06);
+}
+.post__toc-title {
+  margin: 0 0 0.65rem;
+  font-family: var(--serif);
+  font-size: 1.05rem;
+}
+.post__toc-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: grid;
+  gap: 0.35rem;
+}
+.post__toc-item a {
+  text-decoration: none;
+  color: var(--ink);
+  font-weight: 600;
+  font-size: 0.92rem;
+}
+.post__toc-item a:hover { color: var(--teal-deep); }
+.post__toc-item--h3 { padding-left: 0.85rem; }
+.post__toc-item--h4 { padding-left: 1.7rem; }
+
+.post__content {
+  font-size: 1.08rem;
+  line-height: 1.8;
+}
+.post__content > *:first-child { margin-top: 0; }
+.post__content h2,
+.post__content h3,
+.post__content h4 {
+  font-family: var(--serif);
+  letter-spacing: -0.02em;
+  line-height: 1.3;
+  scroll-margin-top: 1.25rem;
+}
+.post__content h2 { font-size: 1.55rem; margin: 1.75rem 0 0.75rem; }
+.post__content h3 { font-size: 1.28rem; margin: 1.45rem 0 0.6rem; }
+.post__content h4 { font-size: 1.1rem; margin: 1.25rem 0 0.5rem; }
+.post__content p { margin: 0 0 1rem; }
+.post__content img { max-width: 100%; height: auto; border-radius: 0.75rem; }
+.post__content pre {
+  overflow-x: auto;
+  padding: 1rem 1.1rem;
+  border-radius: 0.85rem;
+  background: #0e1a24;
+  color: #e8f2f0;
+  font-size: 0.9rem;
+}
+.post__content code {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 0.9em;
+}
+.post__content :not(pre) > code {
+  padding: 0.1em 0.35em;
+  border-radius: 0.35rem;
+  background: rgba(14, 26, 36, 0.06);
+}
+.post__content blockquote {
+  margin: 1rem 0;
+  padding: 0.15rem 0 0.15rem 1rem;
+  border-left: 3px solid var(--teal);
+  color: var(--muted);
+}
+.post__footer { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--line); }
+.post__tags { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.25rem; }
+
+.comments { margin-top: 0.25rem; }
+.comments__title {
+  font-family: var(--serif);
+  font-size: 1.5rem;
+  margin: 0 0 1rem;
+}
+.comment__meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.35rem 0.75rem;
+  align-items: baseline;
+  color: var(--muted);
+  font-size: 0.9rem;
+  margin-bottom: 0.35rem;
+}
+.comment__author { color: var(--ink); }
+.comment__body { color: #243442; }
+
+.article-body .body { font-size: 1.05rem; }
+.article-body .body > *:first-child { margin-top: 0; }
+.article-body img { max-width: 100%; height: auto; border-radius: 0.75rem; }
+.tag-cloud a,
+.chip {
+  display: inline-block;
+  margin: 0 0.35rem 0.35rem 0;
+  padding: 0.2rem 0.65rem;
+  border-radius: 999px;
+  border: 1px solid var(--line);
+  background: rgba(15, 138, 122, 0.08);
+  color: var(--teal-deep);
+  text-decoration: none;
+  font-size: 0.88rem;
+  font-weight: 600;
+}
+
+.sidebar .panel h3 {
+  margin: 0 0 0.75rem;
+  font-family: var(--serif);
+  font-size: 1.15rem;
+}
+.sidebar ul { margin: 0; padding: 0; list-style: none; }
+.sidebar li { margin: 0.45rem 0; }
+.sidebar li a { text-decoration: none; color: var(--ink); font-weight: 600; }
+.sidebar li a:hover { color: var(--teal); }
+.sidebar .note { color: var(--muted); font-size: 0.92rem; margin: 0; }
+
+.comment {
+  padding: 0.9rem 0;
+  border-bottom: 1px solid var(--line);
+}
+.comment:last-of-type { border-bottom: 0; }
+
+form.stack label { display: block; margin: 0.85rem 0 0.3rem; font-weight: 600; }
+form.stack input,
+form.stack textarea {
+  width: 100%;
+  border: 1px solid var(--line);
+  border-radius: 0.85rem;
+  padding: 0.75rem 0.9rem;
+  font: inherit;
+  background: #fff;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
+form.stack input:focus,
+form.stack textarea:focus {
+  outline: none;
+  border-color: var(--teal);
+  box-shadow: 0 0 0 3px rgba(15, 138, 122, 0.15);
+}
+form.stack button,
+.btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 1rem;
+  background: linear-gradient(135deg, var(--teal), var(--teal-deep));
+  color: #fff;
+  border: 0;
+  border-radius: 999px;
+  padding: 0.75rem 1.35rem;
+  font-weight: 700;
+  cursor: pointer;
+  text-decoration: none;
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+  box-shadow: 0 10px 24px rgba(15, 138, 122, 0.25);
+}
+form.stack button:hover,
+.btn:hover { transform: translateY(-1px); }
+
+.pagination { margin-top: 1.5rem; }
+.pagination nav { display: flex; gap: 0.5rem; flex-wrap: wrap; }
+
+.site-footer {
+  padding: 1.5rem 0 3rem;
+  color: var(--muted);
+  border-top: 1px solid var(--line);
+  font-size: 0.92rem;
+}
+.site-footer a { color: inherit; }
+
+@keyframes rise {
+  from { opacity: 0; transform: translateY(12px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+@media (max-width: 860px) {
+  .wrap { width: calc(100% - 1.25rem); }
+  .site-header { padding: 1.15rem 0 0.65rem; }
+  .brand-block { margin-bottom: 0.75rem; gap: 0.2rem; }
+  .brand { font-size: clamp(1.7rem, 8vw, 2.15rem); }
+  .tagline { font-size: 0.92rem; max-width: none; }
+  .nav-bar {
+    gap: 0.45rem;
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    padding: 0.55rem 0;
+    scrollbar-width: none;
+    border-block-width: 1px;
+  }
+  .nav-bar::-webkit-scrollbar { display: none; }
+  .nav-bar a {
+    flex: 0 0 auto;
+    padding: 0.4rem 0.8rem;
+    border-radius: 999px;
+    background: rgba(15, 138, 122, 0.1);
+    font-size: 0.86rem;
+  }
+  .nav-bar a::after { display: none; }
+  .layout {
+    grid-template-columns: 1fr;
+    gap: 1rem;
+    padding: 1.1rem 0 2rem;
+  }
+  .content, .sidebar { animation: none; }
+  .panel {
+    padding: 0.95rem 1rem;
+    border-radius: 1rem;
+    box-shadow: none;
+    margin-bottom: 0.75rem;
+  }
+  .post-item {
+    padding: 0.95rem 0;
+  }
+  .post-item:hover { transform: none; }
+  .post-item h2 { font-size: 1.28rem; }
+  .page-title { font-size: 1.5rem; margin-bottom: 0.75rem; }
+  .excerpt { font-size: 0.95rem; }
+  .sidebar .panel h3 { font-size: 1rem; margin-bottom: 0.55rem; }
+  .sidebar ul {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.4rem;
+  }
+  .sidebar li { margin: 0; }
+  .sidebar li a {
+    display: inline-block;
+    padding: 0.35rem 0.7rem;
+    border-radius: 999px;
+    background: rgba(14, 26, 36, 0.05);
+    font-size: 0.86rem;
+  }
+  .sidebar .note { font-size: 0.86rem; }
+  form.stack input,
+  form.stack textarea,
+  form.stack button { font-size: 1rem; }
+  form.stack button { width: 100%; margin-top: 0.85rem; }
+  .site-footer { padding: 1rem 0 2rem; font-size: 0.85rem; }
+  body::before { opacity: 0.12; background-size: 28px 28px; }
+}
+
+@media (max-width: 480px) {
+  .wrap { width: calc(100% - 1rem); }
+  .brand { font-size: 1.55rem; }
+  .meta { font-size: 0.82rem; }
+  .article-body .body { font-size: 0.98rem; line-height: 1.7; }
+  .chip { font-size: 0.8rem; padding: 0.15rem 0.55rem; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation: none !important;
+    transition: none !important;
+  }
+}

public/themes/example/preview.svg

@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="960" height="600" viewBox="0 0 960 600" role="img" aria-label="example theme preview">
+  <defs>
+    <linearGradient id="bg" x1="1" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#fff7f1"/>
+      <stop offset="50%" stop-color="#f3f6fb"/>
+      <stop offset="100%" stop-color="#eef2f8"/>
+    </linearGradient>
+  </defs>
+  <rect width="960" height="600" fill="url(#bg)"/>
+  <rect x="48" y="40" width="864" height="520" rx="8" fill="#ffffff" fill-opacity="0.9" stroke="#14203324"/>
+  <text x="80" y="118" font-family="Georgia, serif" font-size="46" font-weight="700" fill="#142033">LaraBlog</text>
+  <rect x="80" y="132" width="160" height="6" fill="#c45c26"/>
+  <text x="80" y="172" font-family="Helvetica, Arial, sans-serif" font-size="18" fill="#5c6b80">�%��H � :�����</text>
+  <rect x="80" y="210" width="70" height="12" rx="2" fill="#c45c26"/>
+  <rect x="170" y="210" width="70" height="12" rx="2" fill="#14203333"/>
+  <rect x="260" y="210" width="70" height="12" rx="2" fill="#14203333"/>
+  <rect x="80" y="260" width="500" height="90" rx="6" fill="#fff" stroke="#c45c2640"/>
+  <rect x="104" y="284" width="360" height="18" rx="4" fill="#142033"/>
+  <rect x="104" y="316" width="280" height="10" rx="4" fill="#5c6b8088"/>
+  <rect x="80" y="372" width="500" height="90" rx="6" fill="#fff" stroke="#14203318"/>
+  <rect x="104" y="396" width="300" height="18" rx="4" fill="#142033"/>
+  <rect x="104" y="428" width="250" height="10" rx="4" fill="#5c6b8088"/>
+  <rect x="640" y="260" width="220" height="200" rx="6" fill="#fff" stroke="#14203318"/>
+  <rect x="664" y="288" width="100" height="14" rx="3" fill="#142033"/>
+  <rect x="664" y="324" width="160" height="10" rx="3" fill="#c45c2666"/>
+  <rect x="664" y="348" width="140" height="10" rx="3" fill="#14203326"/>
+</svg>

public/themes/example/style.css

@@ -0,0 +1,128 @@
+@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;600;700&family=Newsreader:opsz,wght@6..72,500;6..72,700&display=swap");
+
+:root {
+  --ink: #142033;
+  --muted: #5c6b80;
+  --paper: #f3f6fb;
+  --panel: rgba(255, 255, 255, 0.86);
+  --line: rgba(20, 32, 51, 0.14);
+  --accent: #c45c26;
+  --accent-deep: #9a3f12;
+  --serif: "Newsreader", Georgia, serif;
+  --sans: "IBM Plex Sans", "Helvetica Neue", sans-serif;
+}
+
+* { box-sizing: border-box; }
+html { scroll-behavior: smooth; }
+body {
+  margin: 0;
+  color: var(--ink);
+  font-family: var(--sans);
+  background:
+    radial-gradient(800px 380px at 90% -10%, rgba(196, 92, 38, 0.18), transparent 55%),
+    radial-gradient(900px 420px at 0% 0%, rgba(40, 90, 160, 0.12), transparent 50%),
+    linear-gradient(180deg, #fbfcfe, var(--paper));
+  line-height: 1.7;
+}
+.wrap { width: min(1080px, calc(100% - 2rem)); margin: 0 auto; }
+.site-header { padding: 2.5rem 0 1.25rem; }
+.brand {
+  display: inline-block;
+  font-family: var(--serif);
+  font-size: clamp(2.2rem, 4.5vw, 3.2rem);
+  color: var(--ink);
+  text-decoration: none;
+  letter-spacing: -0.03em;
+  border-bottom: 4px solid var(--accent);
+  animation: slide 0.55s ease both;
+}
+.tagline { color: var(--muted); margin: 0.6rem 0 1rem; max-width: 34rem; }
+.nav-bar {
+  display: flex; flex-wrap: wrap; gap: 0.85rem;
+  padding: 0.75rem 0; border-block: 1px solid var(--line);
+}
+.nav-bar a { color: var(--ink); text-decoration: none; font-weight: 700; }
+.nav-bar a:hover { color: var(--accent-deep); }
+.flash { color: var(--accent-deep); font-weight: 700; }
+.layout { display: grid; grid-template-columns: 1fr 260px; gap: 2rem; padding: 2rem 0 3rem; }
+@media (max-width: 860px) { .layout { grid-template-columns: 1fr; } }
+.panel, .post-item {
+  background: var(--panel);
+  border: 1px solid var(--line);
+  border-radius: 0.35rem;
+  padding: 1.2rem 1.35rem;
+  margin-bottom: 0.9rem;
+}
+.post-item { transition: border-color 0.2s ease; }
+.post-item:hover { border-color: var(--accent); }
+.post-item h2, .page-title {
+  font-family: var(--serif);
+  margin: 0 0 0.45rem;
+  letter-spacing: -0.02em;
+}
+.post-item h2 a { color: inherit; text-decoration: none; }
+.meta { color: var(--muted); font-size: 0.9rem; }
+.sidebar h3 { margin: 0 0 0.6rem; font-family: var(--serif); }
+.sidebar ul { list-style: none; margin: 0; padding: 0; }
+.sidebar li { margin: 0.4rem 0; }
+.sidebar a { color: var(--ink); font-weight: 600; text-decoration: none; }
+.chip {
+  display: inline-block; margin-right: 0.35rem; padding: 0.15rem 0.55rem;
+  border: 1px solid var(--line); border-radius: 999px; text-decoration: none; font-size: 0.85rem;
+}
+
+.post {
+  background: var(--panel);
+  border: 1px solid var(--line);
+  border-radius: 0.35rem;
+  padding: 1.35rem 1.45rem 1.6rem;
+  margin-bottom: 0.9rem;
+}
+.post__title {
+  font-family: var(--serif);
+  font-size: clamp(1.85rem, 3vw, 2.4rem);
+  margin: 0 0 0.55rem;
+  letter-spacing: -0.02em;
+}
+.post__meta { margin: 0; color: var(--muted); font-size: 0.9rem; }
+.post__category { font-weight: 700; text-decoration: none; color: var(--accent-deep); }
+.post__toc {
+  margin: 1rem 0 1.35rem;
+  padding: 0.9rem 1rem;
+  border: 1px solid var(--line);
+  border-left: 4px solid var(--accent);
+  background: rgba(196, 92, 38, 0.06);
+}
+.post__toc-title { margin: 0 0 0.55rem; font-family: var(--serif); font-size: 1.05rem; }
+.post__toc-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 0.3rem; }
+.post__toc-item a { text-decoration: none; color: var(--ink); font-weight: 600; font-size: 0.92rem; }
+.post__toc-item a:hover { color: var(--accent-deep); }
+.post__toc-item--h3 { padding-left: 0.85rem; }
+.post__toc-item--h4 { padding-left: 1.7rem; }
+.post__content { font-size: 1.06rem; line-height: 1.8; }
+.post__content h2, .post__content h3, .post__content h4 {
+  font-family: var(--serif);
+  scroll-margin-top: 1.25rem;
+}
+.post__content h2 { font-size: 1.45rem; margin: 1.6rem 0 0.7rem; }
+.post__content h3 { font-size: 1.22rem; margin: 1.35rem 0 0.55rem; }
+.post__content img { max-width: 100%; height: auto; }
+.post__footer { margin-top: 1.35rem; padding-top: 0.9rem; border-top: 1px solid var(--line); }
+.post__tags { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.25rem; }
+.comments__title { font-family: var(--serif); font-size: 1.4rem; margin: 0 0 0.85rem; }
+.comment { padding: 0.85rem 0; border-bottom: 1px solid var(--line); }
+.comment__meta { color: var(--muted); font-size: 0.88rem; margin-bottom: 0.3rem; }
+
+form.stack label { display: block; margin: 0.75rem 0 0.25rem; font-weight: 600; }
+form.stack input, form.stack textarea {
+  width: 100%; border: 1px solid var(--line); border-radius: 0.35rem; padding: 0.7rem 0.8rem; font: inherit;
+}
+form.stack button {
+  margin-top: 1rem; background: var(--accent); color: #fff; border: 0;
+  border-radius: 0.35rem; padding: 0.7rem 1.15rem; font-weight: 700; cursor: pointer;
+}
+.site-footer { padding: 1.25rem 0 2.5rem; color: var(--muted); border-top: 1px solid var(--line); }
+@keyframes slide {
+  from { opacity: 0; transform: translateY(8px); }
+  to { opacity: 1; transform: none; }
+}