@krizaka/ui 3.37.0 → 3.39.0

package/dist/landing-page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/landing-page/landing-page.tsx"],"sourcesContent":["// Server-safe. A landing page (blocks.css `.kz-tpl-*`): a split hero — the promise and its actions beside the product\n// alive (a recording, a demo) — a band of proofs, the features as a bento where the main one takes the room, then the\n// closing call. The blocks come through their package entries, so their client parts keep their boundary.\nimport { CtaPanel } from \"@krizaka/ui/cta-panel\";\nimport { Page, Section } from \"@krizaka/ui/page\";\nimport { SectionBackdrop } from \"@krizaka/ui/section-backdrop\";\nimport type * as React from \"react\";\n\nexport interface LandingFeature {\n  /** A stable key. */\n  id: string;\n  /** Its name. */\n  title: React.ReactNode;\n  /** One or two sentences. */\n  text: React.ReactNode;\n  /** A signature icon above the title. */\n  icon?: React.ReactNode;\n  /** A visual at the bottom of the tile (a chart, a screenshot, a code line). */\n  visual?: React.ReactNode;\n  /**\n   * Its weight in the bento: `lg` (four columns, two rows — the main one), `md` (three), `sm` (two).\n   * @default \"sm\"\n   */\n  size?: \"lg\" | \"md\" | \"sm\";\n}\n\nexport type LandingPageProps = Omit<React.HTMLAttributes<HTMLElement>, \"title\"> & {\n  /** A mono line above the title. */\n  eyebrow?: React.ReactNode;\n  /** The promise: the page's `h1`. */\n  title: React.ReactNode;\n  /** One or two sentences under it. */\n  lead?: React.ReactNode;\n  /** The hero's actions (the main one cut, with shimmer). */\n  actions?: React.ReactNode;\n  /** The product, alive, beside the words: a recording, a live demo (framed as a window). */\n  visual: React.ReactNode;\n  /** The window's caption (`orochia.app — studio`). */\n  visualLabel?: React.ReactNode;\n  /** Figures or facts in a band under the hero: `{ value, label }`. */\n  proofs?: readonly { value: React.ReactNode; label: React.ReactNode }[];\n  /** The features' section: its eyebrow, title and lead. */\n  featuresHeading?: { eyebrow?: React.ReactNode; title: React.ReactNode; lead?: React.ReactNode };\n  /** The features, as a bento. */\n  features: readonly LandingFeature[];\n  /** Between the features and the closing call: a story, a quote, testimonials. */\n  children?: React.ReactNode;\n  /** The closing call: its title, body and actions. */\n  closing?: { title: React.ReactNode; body?: React.ReactNode; actions: React.ReactNode };\n};\n\n/** A landing page: split hero with the product alive, proofs, a bento of features, the closing call. */\nexport function LandingPage({ eyebrow, title, lead, actions, visual, visualLabel, proofs, featuresHeading, features, closing, children, ...props }: LandingPageProps) {\n  return (\n    <div {...props}>\n      <SectionBackdrop as=\"header\" grid className=\"kz-hero\">\n        <Page className=\"kz-tpl-hero-frame\">\n          <div className=\"kz-tpl-split\">\n            <div className=\"kz-hero-text\">\n              {eyebrow && <p className=\"kz-eyebrow\">{eyebrow}</p>}\n              <h1 className=\"kz-hero-title\">{title}</h1>\n              {lead && <p className=\"kz-hero-lead\">{lead}</p>}\n              {actions && <div className=\"kz-tpl-actions kz-hero-extra\">{actions}</div>}\n            </div>\n            <figure className=\"kz-tpl-stage\">\n              <div className=\"kz-tpl-stage-bar\" aria-hidden>\n                <i />\n                <i />\n                <i />\n                {visualLabel && <span>{visualLabel}</span>}\n              </div>\n              {visual}\n            </figure>\n          </div>\n        </Page>\n      </SectionBackdrop>\n      {proofs && proofs.length > 0 && (\n        <Page>\n          <dl className=\"kz-tpl-band\">\n            {proofs.map((p, i) => (\n              <div key={i}>\n                <dt>{p.value}</dt>\n                <dd>{p.label}</dd>\n              </div>\n            ))}\n          </dl>\n        </Page>\n      )}\n      <Section id=\"features\" eyebrow={featuresHeading?.eyebrow} title={featuresHeading?.title} lead={featuresHeading?.lead} reveal aria-label={featuresHeading ? undefined : \"Features\"}>\n        <ul className=\"kz-tpl-bento\">\n          {features.map((f) => (\n            <li key={f.id} data-size={f.size === \"sm\" ? undefined : f.size} data-reveal=\"\">\n              {f.icon && <span className=\"kz-block-icon\" aria-hidden>{f.icon}</span>}\n              <h3>{f.title}</h3>\n              <p>{f.text}</p>\n              {f.visual && <div className=\"kz-tpl-bento-visual\">{f.visual}</div>}\n            </li>\n          ))}\n        </ul>\n      </Section>\n      {children}\n      {closing && (\n        <Section spacing=\"sm\" aria-labelledby=\"landing-closing\">\n          <CtaPanel id=\"landing-closing\" title={closing.title} body={closing.body} reveal>\n            {closing.actions}\n          </CtaPanel>\n        </Section>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAGA,SAAS,gBAAgB;AACzB,SAAS,MAAM,eAAe;AAC9B,SAAS,uBAAuB;AAqDpB,SACc,KADd;AANL,SAAS,YAAY,EAAE,SAAS,OAAO,MAAM,SAAS,QAAQ,aAAa,QAAQ,iBAAiB,UAAU,SAAS,UAAU,GAAG,MAAM,GAAqB;AACpK,SACE,qBAAC,SAAK,GAAG,OACP;AAAA,wBAAC,mBAAgB,IAAG,UAAS,MAAI,MAAC,WAAU,WAC1C,8BAAC,QAAK,WAAU,qBACd,+BAAC,SAAI,WAAU,gBACb;AAAA,2BAAC,SAAI,WAAU,gBACZ;AAAA,mBAAW,oBAAC,OAAE,WAAU,cAAc,mBAAQ;AAAA,QAC/C,oBAAC,QAAG,WAAU,iBAAiB,iBAAM;AAAA,QACpC,QAAQ,oBAAC,OAAE,WAAU,gBAAgB,gBAAK;AAAA,QAC1C,WAAW,oBAAC,SAAI,WAAU,gCAAgC,mBAAQ;AAAA,SACrE;AAAA,MACA,qBAAC,YAAO,WAAU,gBAChB;AAAA,6BAAC,SAAI,WAAU,oBAAmB,eAAW,MAC3C;AAAA,8BAAC,OAAE;AAAA,UACH,oBAAC,OAAE;AAAA,UACH,oBAAC,OAAE;AAAA,UACF,eAAe,oBAAC,UAAM,uBAAY;AAAA,WACrC;AAAA,QACC;AAAA,SACH;AAAA,OACF,GACF,GACF;AAAA,IACC,UAAU,OAAO,SAAS,KACzB,oBAAC,QACC,8BAAC,QAAG,WAAU,eACX,iBAAO,IAAI,CAAC,GAAG,MACd,qBAAC,SACC;AAAA,0BAAC,QAAI,YAAE,OAAM;AAAA,MACb,oBAAC,QAAI,YAAE,OAAM;AAAA,SAFL,CAGV,CACD,GACH,GACF;AAAA,IAEF,oBAAC,WAAQ,IAAG,YAAW,SAAS,iBAAiB,SAAS,OAAO,iBAAiB,OAAO,MAAM,iBAAiB,MAAM,QAAM,MAAC,cAAY,kBAAkB,SAAY,YACrK,8BAAC,QAAG,WAAU,gBACX,mBAAS,IAAI,CAAC,MACb,qBAAC,QAAc,aAAW,EAAE,SAAS,OAAO,SAAY,EAAE,MAAM,eAAY,IACzE;AAAA,QAAE,QAAQ,oBAAC,UAAK,WAAU,iBAAgB,eAAW,MAAE,YAAE,MAAK;AAAA,MAC/D,oBAAC,QAAI,YAAE,OAAM;AAAA,MACb,oBAAC,OAAG,YAAE,MAAK;AAAA,MACV,EAAE,UAAU,oBAAC,SAAI,WAAU,uBAAuB,YAAE,QAAO;AAAA,SAJrD,EAAE,EAKX,CACD,GACH,GACF;AAAA,IACC;AAAA,IACA,WACC,oBAAC,WAAQ,SAAQ,MAAK,mBAAgB,mBACpC,8BAAC,YAAS,IAAG,mBAAkB,OAAO,QAAQ,OAAO,MAAM,QAAQ,MAAM,QAAM,MAC5E,kBAAQ,SACX,GACF;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../src/landing-page/landing-page.tsx"],"sourcesContent":["// Server-safe. A landing page (blocks.css `.kz-tpl-*`): a split hero — the promise and its actions beside the product\n// alive (a recording, a demo) — a band of proofs, the features as a bento where the main one takes the room, then the\n// closing call. The blocks come through their package entries, so their client parts keep their boundary.\nimport { CtaPanel } from \"@krizaka/ui/cta-panel\";\nimport { Page, Section } from \"@krizaka/ui/page\";\nimport { SectionBackdrop } from \"@krizaka/ui/section-backdrop\";\nimport type * as React from \"react\";\n\nexport interface LandingFeature {\n  /** A stable key. */\n  id: string;\n  /** Its name. */\n  title: React.ReactNode;\n  /** One or two sentences. */\n  text: React.ReactNode;\n  /** A signature icon above the title. */\n  icon?: React.ReactNode;\n  /** A visual at the bottom of the tile (a chart, a screenshot, a code line). */\n  visual?: React.ReactNode;\n  /**\n   * Its weight in the bento: `lg` (four columns, two rows — the main one), `md` (three), `sm` (two).\n   * @default \"sm\"\n   */\n  size?: \"lg\" | \"md\" | \"sm\";\n}\n\nexport type LandingPageProps = Omit<React.HTMLAttributes<HTMLElement>, \"title\"> & {\n  /** A mono line above the title. */\n  eyebrow?: React.ReactNode;\n  /** The promise: the page's `h1`. */\n  title: React.ReactNode;\n  /** One or two sentences under it. */\n  lead?: React.ReactNode;\n  /** The hero's actions (the main one cut, with shimmer). */\n  actions?: React.ReactNode;\n  /** The product, alive, beside the words: a recording, a live demo (framed as a window). */\n  visual: React.ReactNode;\n  /** The window's caption (`orochia.app — studio`). */\n  visualLabel?: React.ReactNode;\n  /** Figures or facts in a band under the hero: `{ value, label }`. */\n  proofs?: readonly { value: React.ReactNode; label: React.ReactNode }[];\n  /** The features' section: its eyebrow, title and lead. */\n  featuresHeading?: { eyebrow?: React.ReactNode; title: React.ReactNode; lead?: React.ReactNode };\n  /** The features, as a bento. */\n  features: readonly LandingFeature[];\n  /** Between the features and the closing call: a story, a quote, testimonials. */\n  children?: React.ReactNode;\n  /** The closing call: its title, body and actions. */\n  closing?: { title: React.ReactNode; body?: React.ReactNode; actions: React.ReactNode };\n};\n\n/** A landing page: split hero with the product alive, proofs, a bento of features, the closing call. */\nexport function LandingPage({ eyebrow, title, lead, actions, visual, visualLabel, proofs, featuresHeading, features, closing, children, ...props }: LandingPageProps) {\n  return (\n    <div {...props}>\n      <SectionBackdrop as=\"header\" grid className=\"kz-hero\">\n        <Page className=\"kz-tpl-hero-frame\">\n          <div className=\"kz-tpl-split\">\n            <div className=\"kz-hero-text\">\n              {eyebrow && <p className=\"kz-eyebrow\">{eyebrow}</p>}\n              <h1 className=\"kz-hero-title\">{title}</h1>\n              {lead && <p className=\"kz-hero-lead\">{lead}</p>}\n              {actions && <div className=\"kz-tpl-actions kz-hero-extra\">{actions}</div>}\n            </div>\n            <figure className=\"kz-tpl-stage\">\n              <div className=\"kz-tpl-stage-bar\" aria-hidden>\n                {visualLabel && <span>{visualLabel}</span>}\n              </div>\n              {visual}\n            </figure>\n          </div>\n        </Page>\n      </SectionBackdrop>\n      {proofs && proofs.length > 0 && (\n        <Page>\n          <dl className=\"kz-tpl-band\">\n            {proofs.map((p, i) => (\n              <div key={i}>\n                <dt>{p.value}</dt>\n                <dd>{p.label}</dd>\n              </div>\n            ))}\n          </dl>\n        </Page>\n      )}\n      <Section id=\"features\" eyebrow={featuresHeading?.eyebrow} title={featuresHeading?.title} lead={featuresHeading?.lead} reveal aria-label={featuresHeading ? undefined : \"Features\"}>\n        <ul className=\"kz-tpl-bento\">\n          {features.map((f) => (\n            <li key={f.id} data-size={f.size === \"sm\" ? undefined : f.size} data-reveal=\"\">\n              {f.icon && <span className=\"kz-block-icon\" aria-hidden>{f.icon}</span>}\n              <h3>{f.title}</h3>\n              <p>{f.text}</p>\n              {f.visual && <div className=\"kz-tpl-bento-visual\">{f.visual}</div>}\n            </li>\n          ))}\n        </ul>\n      </Section>\n      {children}\n      {closing && (\n        <Section spacing=\"sm\" aria-labelledby=\"landing-closing\">\n          <CtaPanel id=\"landing-closing\" title={closing.title} body={closing.body} reveal>\n            {closing.actions}\n          </CtaPanel>\n        </Section>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAGA,SAAS,gBAAgB;AACzB,SAAS,MAAM,eAAe;AAC9B,SAAS,uBAAuB;AAqDpB,SACc,KADd;AANL,SAAS,YAAY,EAAE,SAAS,OAAO,MAAM,SAAS,QAAQ,aAAa,QAAQ,iBAAiB,UAAU,SAAS,UAAU,GAAG,MAAM,GAAqB;AACpK,SACE,qBAAC,SAAK,GAAG,OACP;AAAA,wBAAC,mBAAgB,IAAG,UAAS,MAAI,MAAC,WAAU,WAC1C,8BAAC,QAAK,WAAU,qBACd,+BAAC,SAAI,WAAU,gBACb;AAAA,2BAAC,SAAI,WAAU,gBACZ;AAAA,mBAAW,oBAAC,OAAE,WAAU,cAAc,mBAAQ;AAAA,QAC/C,oBAAC,QAAG,WAAU,iBAAiB,iBAAM;AAAA,QACpC,QAAQ,oBAAC,OAAE,WAAU,gBAAgB,gBAAK;AAAA,QAC1C,WAAW,oBAAC,SAAI,WAAU,gCAAgC,mBAAQ;AAAA,SACrE;AAAA,MACA,qBAAC,YAAO,WAAU,gBAChB;AAAA,4BAAC,SAAI,WAAU,oBAAmB,eAAW,MAC1C,yBAAe,oBAAC,UAAM,uBAAY,GACrC;AAAA,QACC;AAAA,SACH;AAAA,OACF,GACF,GACF;AAAA,IACC,UAAU,OAAO,SAAS,KACzB,oBAAC,QACC,8BAAC,QAAG,WAAU,eACX,iBAAO,IAAI,CAAC,GAAG,MACd,qBAAC,SACC;AAAA,0BAAC,QAAI,YAAE,OAAM;AAAA,MACb,oBAAC,QAAI,YAAE,OAAM;AAAA,SAFL,CAGV,CACD,GACH,GACF;AAAA,IAEF,oBAAC,WAAQ,IAAG,YAAW,SAAS,iBAAiB,SAAS,OAAO,iBAAiB,OAAO,MAAM,iBAAiB,MAAM,QAAM,MAAC,cAAY,kBAAkB,SAAY,YACrK,8BAAC,QAAG,WAAU,gBACX,mBAAS,IAAI,CAAC,MACb,qBAAC,QAAc,aAAW,EAAE,SAAS,OAAO,SAAY,EAAE,MAAM,eAAY,IACzE;AAAA,QAAE,QAAQ,oBAAC,UAAK,WAAU,iBAAgB,eAAW,MAAE,YAAE,MAAK;AAAA,MAC/D,oBAAC,QAAI,YAAE,OAAM;AAAA,MACb,oBAAC,OAAG,YAAE,MAAK;AAAA,MACV,EAAE,UAAU,oBAAC,SAAI,WAAU,uBAAuB,YAAE,QAAO;AAAA,SAJrD,EAAE,EAKX,CACD,GACH,GACF;AAAA,IACC;AAAA,IACA,WACC,oBAAC,WAAQ,SAAQ,MAAK,mBAAgB,mBACpC,8BAAC,YAAS,IAAG,mBAAkB,OAAO,QAAQ,OAAO,MAAM,QAAQ,MAAM,QAAM,MAC5E,kBAAQ,SACX,GACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/map.js

@@ -1066,8 +1066,8 @@ var locationPicker = tv({
     frame: "relative",
     pin: "pointer-events-none absolute left-1/2 top-1/2 z-10 -translate-x-1/2 -translate-y-full text-accent drop-shadow-md",
     bar: "absolute inset-x-3 bottom-8 z-10 flex flex-wrap items-center justify-between gap-2",
-    chip: "rounded-full border border-border-default bg-surface-1 px-3 py-1.5 text-xs font-semibold tabular-nums text-fg shadow-floating",
-    near: "inline-flex h-10 items-center gap-2 rounded-full border border-border-default bg-surface-1 bg-sheen px-4 text-sm font-semibold text-fg shadow-floating inset-shadow-edge transition-colors hover:border-border-strong focus-visible:outline-hidden focus-visible:focus-ring disabled:opacity-60",
+    chip: "rounded-sm border border-border-default bg-surface-1 px-3 py-1.5 text-xs font-semibold tabular-nums text-fg shadow-floating",
+    near: "inline-flex h-10 items-center gap-2 rounded-sm border border-border-default bg-surface-1 bg-sheen px-4 text-sm font-semibold text-fg shadow-floating inset-shadow-edge transition-colors hover:border-border-strong focus-visible:outline-hidden focus-visible:focus-ring disabled:opacity-60",
     status: "text-xs text-fg-secondary data-[tone=danger]:text-fg-danger"
   }
 });