{"compiledCode":"\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _react = require('react'); var _react2 = _interopRequireDefault(_react);\nconst poems=[{\"number\": \"01\", \"title\": \"Morning\", \"season\": \"spring\", \"lines\": [\"Rain beads on the glass\", \"The kettle begins to sing\", \"Morning takes its time\"]}, {\"number\": \"02\", \"title\": \"Plum branch\", \"season\": \"spring\", \"lines\": [\"Plum buds hold the rain\", \"A small bird shakes the branch dry\", \"Spring falls at my feet\"]}, {\"number\": \"03\", \"title\": \"Green shoots\", \"season\": \"spring\", \"lines\": [\"Green shoots split the path\", \"Roots remember where to grow\", \"Stone gives way to leaves\"]}, {\"number\": \"04\", \"title\": \"Open door\", \"season\": \"spring\", \"lines\": [\"One cup on the sill\", \"Steam drifts through the open door\", \"No one calls it back\"]}, {\"number\": \"05\", \"title\": \"Old fence\", \"season\": \"spring\", \"lines\": [\"New leaves catch the light\", \"Even the old fence looks young\", \"Paint flakes in the grass\"]}, {\"number\": \"06\", \"title\": \"Noon\", \"season\": \"summer\", \"lines\": [\"Heat rests on the road\", \"Far off, a dog lifts its head\", \"Then goes back to sleep\"]}, {\"number\": \"07\", \"title\": \"One peach\", \"season\": \"summer\", \"lines\": [\"One peach in the bowl\", \"The sweet scent fills the whole room\", \"Late sun warms the skin\"]}, {\"number\": \"08\", \"title\": \"Pine shade\", \"season\": \"summer\", \"lines\": [\"Shade beneath the pine\", \"A cool wind moves through the grass\", \"Nothing needs to stay\"]}, {\"number\": \"09\", \"title\": \"Shore\", \"season\": \"summer\", \"lines\": [\"Salt dries on my hands\", \"The sea keeps the shape of waves\", \"Long past what I see\"]}, {\"number\": \"10\", \"title\": \"Back step\", \"season\": \"autumn\", \"lines\": [\"Leaves cross the back step\", \"No one knows which way they went\", \"Wind keeps its own notes\"]}, {\"number\": \"11\", \"title\": \"Still life\", \"season\": \"autumn\", \"lines\": [\"A pear on the shelf\", \"The soft bruise grows in the dark\", \"Sweetness has no clock\"]}, {\"number\": \"12\", \"title\": \"Footsteps\", \"season\": \"autumn\", \"lines\": [\"Footsteps stir the leaves\", \"The path gives back what it holds\", \"Gold clings to my shoes\"]}, {\"number\": \"13\", \"title\": \"Dusk\", \"season\": \"autumn\", \"lines\": [\"Smoke thins in the dusk\", \"The last light stays on the hill\", \"Then folds out of sight\"]}, {\"number\": \"14\", \"title\": \"Blue bowl\", \"season\": \"winter\", \"lines\": [\"Frost rims the blue bowl\", \"My thumb leaves a small clear moon\", \"Cold comes back at once\"]}, {\"number\": \"15\", \"title\": \"Black wing\", \"season\": \"winter\", \"lines\": [\"Snow fills the bird bath\", \"A black wing cuts through the white\", \"Then the world is still\"]}, {\"number\": \"16\", \"title\": \"Home\", \"season\": \"winter\", \"lines\": [\"The old house goes dark\", \"One warm lamp glows down the street\", \"I walk slowly home\"]}, {\"number\": \"17\", \"title\": \"The table\", \"season\": \"winter\", \"lines\": [\"An empty plate waits\", \"Light moves where the bread once lay\", \"There is room for more\"]}];\n function SeventeenPlates(){\n const [season,setSeason]=_react.useState.call(void 0, \"all\");\n const [featured,setFeatured]=_react.useState.call(void 0, 10);\n const current=poems[featured];\n const visible=poems.filter(poem=>season===\"all\"||poem.season===season);\n return _react2.default.createElement('div', { className: \"seventeen-plates\",}, _react2.default.createElement('style', null, \".seventeen-plates{position:relative;width:100%;max-width:100%;min-width:0;box-sizing:border-box;}.seventeen-plates{--paper:var(--czrtl0f-runtime-bg,#f7f5ed);--ink:var(--czrtl0f-runtime-text,#203d35);--soft:var(--czrtl0f-runtime-muted,#63746a);--line:var(--czrtl0f-runtime-border,#d9ddd1);--clay:var(--czrtl0f-runtime-accent,#a55239);--serif:var(--czrtl0f-font-heading,Georgia,'Times New Roman',serif)}.seventeen-plates *{box-sizing:border-box}.seventeen-plates{scroll-behavior:smooth;scroll-padding-top:30px}.seventeen-plates{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.seventeen-plates a{color:inherit;text-decoration:none}.seventeen-plates button{font:inherit;color:inherit;cursor:pointer}.seventeen-plates a:focus-visible,.seventeen-plates button:focus-visible{outline:2px solid var(--clay);outline-offset:6px}.seventeen-plates .skip{position:absolute;top:-80px;left:24px;background:var(--ink);color:var(--paper);padding:12px;z-index:10}.seventeen-plates .skip:focus{top:12px}.seventeen-plates .wrap{max-width:1280px;margin:auto;padding:0 64px}.seventeen-plates header{display:flex;align-items:center;justify-content:space-between;padding:32px 0;border-bottom:1px solid var(--line)}.seventeen-plates .brand{display:flex;align-items:center;gap:12px;font:22px var(--serif);letter-spacing:-.6px}.seventeen-plates .mark{width:28px;height:28px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center}.seventeen-plates .mark:before{content:'';width:16px;height:16px;border:1px solid var(--ink);border-radius:50%}.seventeen-plates nav{display:flex;gap:32px;font-size:13px}.seventeen-plates nav a:hover{text-decoration:underline;text-underline-offset:5px}.seventeen-plates .eyebrow{font-size:10px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase}.seventeen-plates .hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:92px 0 96px;align-items:center}.seventeen-plates .hero h1{font:normal clamp(58px,6.7vw,89px)/1.06 var(--serif);letter-spacing:-4.5px;margin:25px 0 29px}.seventeen-plates .hero h1 em{font-weight:normal;color:var(--clay)}.seventeen-plates .intro{max-width:340px;color:var(--soft);font-size:15px;line-height:1.85}.seventeen-plates .collection-link{display:inline-flex;align-items:center;gap:30px;margin-top:24px;padding:11px 0;border-bottom:1px solid var(--ink);font-size:13px}.seventeen-plates .collection-link span{font-size:20px}.seventeen-plates .plate{position:relative;min-height:400px;display:grid;place-items:center;background:radial-gradient(ellipse,var(--czrtl0f-runtime-panel,#ecebdf) 0%,var(--czrtl0f-runtime-accent-soft,#f0efe5) 55%,transparent 71%)}.seventeen-plates .plate:before,.seventeen-plates .plate:after{content:'';position:absolute;border:1px solid var(--line);border-radius:50%;width:350px;height:350px;transform:rotate(-10deg);box-shadow:0 12px 40px #203d3505}.seventeen-plates .plate:after{width:325px;height:325px;border-color:var(--line)}.seventeen-plates .featured{z-index:1;text-align:center;max-width:350px}.seventeen-plates .featured .eyebrow{color:var(--clay);margin-bottom:28px}.seventeen-plates .verse{font:normal 22px/1.7 var(--serif);letter-spacing:-.3px;margin:0}.seventeen-plates .verse span{display:block}.seventeen-plates .featured .season{font-family:var(--serif);font-style:italic;color:var(--soft);font-size:14px;margin:20px 0 35px}.seventeen-plates .next{position:absolute;bottom:-1px;right:0;border:0;background:transparent;padding:12px 0;font-size:12px;display:flex;gap:16px;align-items:center}.seventeen-plates .next span{font-size:18px}.seventeen-plates .next:hover{color:var(--clay)}.seventeen-plates .hero-foot{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1.5px;color:var(--soft);position:absolute;bottom:0;left:0;text-transform:uppercase}.seventeen-plates .hero-foot:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--clay)}.seventeen-plates .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;padding:48px 0 26px;border-top:1px solid var(--ink)}.seventeen-plates h2{font:normal 39px/1.2 var(--serif);letter-spacing:-1.5px;margin:10px 0 0}.seventeen-plates .section-note{font-size:12px;color:var(--soft);margin:0;max-width:220px}.seventeen-plates .filters{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0 30px}.seventeen-plates .filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.seventeen-plates .filter{padding:7px 17px;border:1px solid transparent;border-radius:30px;background:transparent;font-size:12px}.seventeen-plates .filter:hover{border-color:var(--line)}.seventeen-plates .filter[aria-pressed=true]{background:var(--ink);color:var(--paper)}.seventeen-plates #sp-count{font-size:11px;color:var(--soft);white-space:nowrap}.seventeen-plates .poems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:48px;row-gap:20px}.seventeen-plates .poem{padding:25px 0 34px;border-top:1px solid var(--line);min-height:228px}.seventeen-plates .poem[hidden]{display:none}.seventeen-plates .poem-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:var(--soft)}.seventeen-plates .poem-number{color:var(--clay)}.seventeen-plates .poem .verse{font-size:19px;line-height:1.85}.seventeen-plates .poem h3{font-weight:normal;font-size:inherit;margin:0}.seventeen-plates .sp-about{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;padding:70px 0 75px;margin-top:52px;border-top:1px solid var(--ink)}.seventeen-plates .sp-about h2{font-size:44px;max-width:370px;margin-top:22px}.seventeen-plates .about-copy{padding-top:28px;color:var(--soft);max-width:395px;font-size:14px;line-height:1.95}.seventeen-plates .about-copy p{margin:0 0 19px}.seventeen-plates .about-copy .signature{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--ink);margin-top:28px}.seventeen-plates footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:25px 0 36px;font-size:10px;color:var(--soft)}.seventeen-plates footer a:hover{color:var(--clay)}.seventeen-plates .end-mark{display:inline-block;font-family:var(--serif);font-style:italic;letter-spacing:.5px}@media(min-width:1450px){.seventeen-plates .hero{padding-top:105px;padding-bottom:110px}}@media(max-width:1000px){.seventeen-plates .wrap{padding:0 36px}.seventeen-plates .hero{gap:30px}.seventeen-plates .hero h1{font-size:66px;letter-spacing:-3px}.seventeen-plates .plate:before{width:300px;height:300px}.seventeen-plates .plate:after{width:280px;height:280px}.seventeen-plates .poems{gap:12px 28px}.seventeen-plates .poem .verse{font-size:17px}.seventeen-plates .sp-about{gap:50px}}@media(max-width:700px){.seventeen-plates .wrap{padding:0 25px}.seventeen-plates header{padding:23px 0}.seventeen-plates .brand{font-size:20px}.seventeen-plates .mark{width:24px;height:24px}.seventeen-plates nav{gap:20px;font-size:11px}.seventeen-plates .hero{grid-template-columns:1fr;padding:54px 0 62px;gap:40px}.seventeen-plates .hero h1{font-size:65px;letter-spacing:-3.5px;margin-top:22px}.seventeen-plates .intro{max-width:325px;font-size:14px}.seventeen-plates .collection-link{margin-top:14px}.seventeen-plates .plate{min-height:370px;margin:0 2px}.seventeen-plates .plate:before{width:300px;height:300px}.seventeen-plates .plate:after{width:279px;height:279px}.seventeen-plates .featured .verse{font-size:21px}.seventeen-plates .hero-foot{font-size:9px;letter-spacing:1px}.seventeen-plates .section-head{padding-top:35px;display:block}.seventeen-plates .section-note{max-width:none;margin-top:18px}.seventeen-plates h2{font-size:35px}.seventeen-plates .filters{display:block;padding:4px 0 26px}.seventeen-plates .filter-buttons{gap:3px}.seventeen-plates .filter{padding:7px 13px}.seventeen-plates #sp-count{display:block;margin-top:18px}.seventeen-plates .poems{grid-template-columns:1fr 1fr;gap:5px 22px}.seventeen-plates .poem{padding:20px 0 25px;min-height:200px}.seventeen-plates .poem .verse{font-size:16px;line-height:1.9}.seventeen-plates .poem-meta{margin-bottom:19px;letter-spacing:1px;font-size:8px}.seventeen-plates .sp-about{grid-template-columns:1fr;gap:18px;padding:43px 0 45px;margin-top:30px}.seventeen-plates .sp-about h2{font-size:37px}.seventeen-plates .about-copy{padding-top:0}.seventeen-plates footer{gap:18px;font-size:9px}}@media(max-width:420px){.seventeen-plates .poems{grid-template-columns:1fr}.seventeen-plates .poem{min-height:0;padding-bottom:30px}.seventeen-plates .poem .verse{font-size:21px}.seventeen-plates .poem-meta{font-size:9px;margin-bottom:19px}.seventeen-plates .hero h1{font-size:60px}.seventeen-plates .plate{margin:0 -4px}.seventeen-plates .featured .verse{font-size:19px}}@media(prefers-reduced-motion:reduce){.seventeen-plates{scroll-behavior:auto}}\\n.seventeen-plates{font-family:var(--czrtl0f-font-body,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif);}\")\n, _react2.default.createElement('a', { className: \"skip\", href: \"#sp-main\",}, \"Skip to poems\"  )\n, _react2.default.createElement('div', { className: \"wrap\",}\n, _react2.default.createElement('header', null, _react2.default.createElement('a', { className: \"brand\", href: \"#\", 'aria-label': \"Seventeen Plates home\"  ,}, _react2.default.createElement('span', { className: \"mark\", 'aria-hidden': \"true\",}), \"Seventeen Plates\" ), _react2.default.createElement('nav', { 'aria-label': \"Main navigation\" ,}, _react2.default.createElement('a', { href: \"#sp-collection\",}, \"The collection\" ), _react2.default.createElement('a', { href: \"#sp-about\",}, \"A small note\"  )))\n, _react2.default.createElement('main', { id: \"sp-main\",}\n, _react2.default.createElement('section', { className: \"hero\", 'aria-labelledby': \"sp-hero-title\",}\n, _react2.default.createElement('div', null, _react2.default.createElement('div', { className: \"eyebrow\",}, \"A quiet place for haiku\"    ), _react2.default.createElement('h1', { id: \"sp-hero-title\",}, \"Small poems.\" , _react2.default.createElement('br', null), \"Room to \"  , _react2.default.createElement('em', null, \"breathe.\")), _react2.default.createElement('p', { className: \"intro\",}, \"Seventeen little observations, set out like plates on a table. Take one. Stay a while. There is no hurry.\"                  ), _react2.default.createElement('a', { className: \"collection-link\", href: \"#sp-collection\",}, \"Explore the collection \"   , _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \"↓\")))\n, _react2.default.createElement('div', { className: \"plate\",}, _react2.default.createElement('div', { className: \"featured\", 'aria-live': \"polite\", 'aria-atomic': \"true\",}, _react2.default.createElement('div', { id: \"sp-featured-number\", className: \"eyebrow\",}, \"Plate no. \"  , current.number), _react2.default.createElement('p', { id: \"sp-featured-verse\", className: \"verse\",}, current.lines.map((line,i)=>_react2.default.createElement('span', { key: i,}, line))), _react2.default.createElement('p', { id: \"sp-featured-season\", className: \"season\",}, \"a moment in \"   , current.season)), _react2.default.createElement('div', { className: \"hero-foot\",}, \"Seventeen syllables. A whole moment.\"    ), _react2.default.createElement('button', { className: \"next\", id: \"sp-next-poem\", onClick: ()=>setFeatured(index=>(index+1+Math.floor(Math.random()*(poems.length-1)))%poems.length),}, \"Another moment \"  , _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \"↗\")))\n)\n, _react2.default.createElement('section', { id: \"sp-collection\", 'aria-labelledby': \"sp-collection-title\",}, _react2.default.createElement('div', { className: \"section-head\",}, _react2.default.createElement('div', null, _react2.default.createElement('div', { className: \"eyebrow\",}, \"The collection / 01—17\"   ), _react2.default.createElement('h2', { id: \"sp-collection-title\",}, \"Ordinary things, closely seen.\"   )), _react2.default.createElement('p', { className: \"section-note\",}, \"A cup, a branch, the last light.\"      , _react2.default.createElement('br', null), \"A little attention changes everything.\"    ))\n, _react2.default.createElement('div', { className: \"filters\",}, _react2.default.createElement('div', { className: \"filter-buttons\", role: \"group\", 'aria-label': \"Filter poems by season\"   ,}, _react2.default.createElement('button', { className: \"filter\", 'aria-pressed': season===\"all\", onClick: ()=>setSeason(\"all\"),}, \"All moments\" ), _react2.default.createElement('button', { className: \"filter\", 'aria-pressed': season===\"spring\", onClick: ()=>setSeason(\"spring\"),}, \"Spring\"), _react2.default.createElement('button', { className: \"filter\", 'aria-pressed': season===\"summer\", onClick: ()=>setSeason(\"summer\"),}, \"Summer\"), _react2.default.createElement('button', { className: \"filter\", 'aria-pressed': season===\"autumn\", onClick: ()=>setSeason(\"autumn\"),}, \"Autumn\"), _react2.default.createElement('button', { className: \"filter\", 'aria-pressed': season===\"winter\", onClick: ()=>setSeason(\"winter\"),}, \"Winter\")), _react2.default.createElement('span', { id: \"sp-count\", role: \"status\",}, visible.length, \" poems to linger over\"    ))\n, _react2.default.createElement('div', { className: \"poems\",}, visible.map(poem=>_react2.default.createElement('article', { className: \"poem\", key: poem.number,}, _react2.default.createElement('div', { className: \"poem-meta\",}, _react2.default.createElement('span', { className: \"poem-number\",}, poem.number, \" / \"  , poem.title), _react2.default.createElement('span', null, poem.season)), _react2.default.createElement('h3', { className: \"verse\",}, poem.lines.map((line,i)=>_react2.default.createElement('span', { key: i,}, line)))))))\n, _react2.default.createElement('section', { className: \"sp-about\", id: \"sp-about\", 'aria-labelledby': \"sp-about-title\",}, _react2.default.createElement('div', null, _react2.default.createElement('div', { className: \"eyebrow\",}, \"A small note\"  ), _react2.default.createElement('h2', { id: \"sp-about-title\",}, \"A little less noise.\"   , _react2.default.createElement('br', null), \"A little more noticing.\"   )), _react2.default.createElement('div', { className: \"about-copy\",}, _react2.default.createElement('p', null, \"Seventeen Plates is a small collection of original English haiku. Each poem follows the familiar five–seven–five rhythm: three lines, seventeen syllables, and just enough space to hold a moment.\"                            ), _react2.default.createElement('p', null, \"These poems begin with ordinary things. Steam from a cup. A peach in a bowl. Light on an empty plate. Read them in order, by season, or simply let one find you.\"                               ), _react2.default.createElement('p', { className: \"signature\",}, \"Thank you for sitting with us.\"     )))\n)\n, _react2.default.createElement('footer', null, _react2.default.createElement('span', { className: \"end-mark\",}, \"Seventeen Plates · Small poems, slowly read.\"      ), _react2.default.createElement('a', { href: \"#sp-hero-title\",}, \"Back to the beginning ↑\"    ))\n)\n);\n} exports.default = SeventeenPlates;"}