plass-ui 1.3.0 → 1.5.0

package/dist/internal/table.d.ts

@@ -0,0 +1,86 @@
+/**
+ * The ink a table is drawn with, and the reason two components share it.
+ *
+ * `PlTable` draws a grid it is given; `PlDataTable` sorts, filters and pages
+ * its own rows and then draws one. They are two components because the second
+ * has to call hooks and the first must not — a table whose every column is a
+ * `render` callback is the one component in this library that a React server
+ * component has to be able to render, and reading a context would take that
+ * away. Two components drawing the same grid out of two copies of these
+ * constants is how the rules under a sorted table end up a shade off the rules
+ * under a plain one.
+ */
+import type * as React from 'react';
+import type { PlassDensity, PlassSize } from '../types.js';
+/**
+ * Row height, as vertical padding — and, like the horizontal track, a raw
+ * length rather than a class. See the note on `paddingXValues`.
+ */
+export declare const cellPaddingYValues: Record<PlassDensity, Record<PlassSize, string>>;
+/**
+ * Everything a table is painted with is written inline, `<table>` included.
+ *
+ * This is the one component in the library that has to do that, and the reason
+ * is the elements it renders. A PlButton owns its `<button>`; nobody else
+ * styles it. `<table>`, `<th>` and `<td>` are different — VitePress's
+ * `.vp-doc table`, Tailwind Typography's `.prose td` and every CSS framework in
+ * existence style them by tag name, at two-class specificity that a one-class
+ * Tailwind utility cannot outrank.
+ *
+ * Padding and alignment were already written inline for that reason. **The
+ * borders, the display mode and the margins were not**, and that omission was
+ * most of what a Plass table looked like on a documentation page: the host's
+ * `td { border: 1px solid }` drew a full grid of cell rules the design never
+ * asked for, its `table { display: block }` stopped `width: 100%` filling the
+ * sheet, and its `table { margin: 20px 0 }` pushed the whole thing off the
+ * top-left corner of the pane it is supposed to be flush inside. A grid of
+ * boxed cells floating inside a rounded sheet is not a restrained table with a
+ * problem — it is somebody else's table wearing this one's frame.
+ *
+ * So every cell states `border: 0` and then draws the one rule it actually
+ * wants, and the `<table>` states the four properties a prose stylesheet is
+ * known to take off it. It is verbose, and it is the only way the component
+ * looks the same in a bare app and inside `.prose`.
+ *
+ * What is *not* inline is the row's own background, because it has a hover
+ * state and inline styles have no `:hover`. It reads a `--p-row` slot instead,
+ * which classes then set — a custom property is invisible to a host stylesheet,
+ * so a one-class variant wins there without a fight.
+ */
+export declare const tableStyle: React.CSSProperties;
+export declare const rowClasses: string;
+/**
+ * What a row that answers a press needs beyond the pointer treatment.
+ *
+ * `tabIndex` is the whole point: a row whose only way in is `onClick` is a
+ * control a keyboard cannot reach at all, and `cursor-pointer` advertises it as
+ * one anyway. The ring is inset rather than offset, because the sheet clips at
+ * its own rounded edge and an outline drawn outside the first or last row is an
+ * outline with its top or bottom sliced off.
+ *
+ * The `role` is deliberately left alone. `role="button"` on a `<tr>` reads well
+ * in isolation and takes the row semantics off it — which orphans every `<td>`
+ * inside from the table they belong to, and costs a screen reader the column
+ * headers, the row position and the count.
+ */
+export declare const clickableRowClasses: string;
+/**
+ * Two weights of rule, and the whole of the table's structure.
+ *
+ * `--plass-divider` scores one row off the next, the same ink a PlCard and a
+ * PlList are scored with, so a table on a card and the card's own dividers are
+ * one family of lines. The header sits on `--plass-border`, one step firmer,
+ * because the break between the names of the columns and the data in them is
+ * the one division a reader has to find without looking for it.
+ *
+ * Both are neutral inks rather than the `--plass-glass-line` this used to use.
+ * That line is white, and a white rule between two rows of a white sheet is
+ * not a rule — which is why the table had no visible structure of its own in
+ * light mode, and why it looked like whatever grid the host page happened to
+ * be drawing over it.
+ *
+ * They are on the *cells* rather than on the `<tr>`, which is where a rule can
+ * be written inline and therefore where a host stylesheet cannot reach it.
+ */
+export declare const rowRule = "1px solid var(--plass-divider)";
+export declare const headRule = "1px solid var(--plass-border)";

package/dist/internal/table.js

@@ -0,0 +1 @@
+import{focusRingInsetClasses as r}from"./styles.js";export const cellPaddingYValues={default:{xs:"0.375rem",sm:"0.5rem",md:"0.75rem",lg:"0.875rem",xl:"1rem"},compact:{xs:"0.125rem",sm:"0.25rem",md:"0.4375rem",lg:"0.5625rem",xl:"0.6875rem"}};export const tableStyle={display:"table",width:"100%",margin:0,borderCollapse:"collapse",borderSpacing:0};export const rowClasses=/* @__PURE__ */["[--p-row:transparent]","[transition:background-color_var(--plass-duration)_var(--plass-ease)]"].join(" ");export const clickableRowClasses=/* @__PURE__ */["cursor-pointer [outline:none]",r].join(" ");export const rowRule="1px solid var(--plass-divider)";export const headRule="1px solid var(--plass-border)";

package/dist/internal/text.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Reading a node as the words it draws, and cutting those words the way a
+ * reader cuts them.
+ *
+ * Both halves exist because more than one component needs them and all of them
+ * have to arrive at the same answer as the Flutter build, which reads a widget
+ * with `plassTextOf` in `lib/src/internal/text.dart` and cuts with
+ * `String.characters`.
+ */
+import * as React from 'react';
+/**
+ * Everything in a node, flattened to its text.
+ *
+ * Strings and numbers are their own text, a list is its parts joined, and an
+ * element contributes the text of its `children` and nothing else — a walk in,
+ * not a render. What a component draws for itself is only decided when it
+ * renders and cannot be read here, so a `<PlIcon />` among the children adds
+ * nothing, which is exactly right for every caller: a picture of a thing is not
+ * its name.
+ *
+ * Three components need it, and all three need it for the same reason — a
+ * string where React would otherwise hand them a tree. `PlBreadcrumb` puts a
+ * step's `name` into structured data, `PlChip` hands a chip's words to the label
+ * pack so that a language can put a name where its own grammar puts it, and
+ * `PlAnimateTyping` types a string one grapheme at a time, because there is no
+ * honest way to reveal half of a `<strong>`.
+ */
+export declare function textOf(node: React.ReactNode): string;
+/**
+ * The text cut the way a reader would cut it.
+ *
+ * Not `[...text]`, and not `text.split('')`. A code point is not a character:
+ * `👩‍👩‍👧` is seven of them, a flag is two, and `한` typed on a Korean keyboard
+ * can be three. Cut by code point, each of those comes back as pieces that
+ * mean nothing on their own and draw as broken glyphs. `Intl.Segmenter` knows
+ * where the boundaries actually are; the spread is the fallback for a runtime
+ * that does not have it.
+ */
+export declare function graphemesOf(text: string): string[];

package/dist/internal/text.js

@@ -0,0 +1 @@
+import*as e from"react";export function textOf(t){return"string"==typeof t||"number"==typeof t?String(t):Array.isArray(t)?t.map(textOf).join(""):e.isValidElement(t)?textOf(t.props.children):""}let t;export function graphemesOf(e){const n=function segmenter(){return void 0===t&&(t="undefined"!=typeof Intl&&"Segmenter"in Intl?new Intl.Segmenter(void 0,{granularity:"grapheme"}):null),t}();return null===n?[...e]:[...n.segment(e)].map(e=>e.segment)}

package/dist/internal/threshold.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Which band a reading has landed in.
+ *
+ * One rule, shared by the two components that draw a value against a scale a
+ * caller described: `PlMeter`'s bar and `PlGaugeChart`'s arc. Written twice
+ * they would drift, and a quota that turns `danger` on a bar but not on the
+ * dial beside it is a dashboard that contradicts itself.
+ */
+import type { PlassColor, PlassThreshold } from '../types.js';
+/**
+ * The family a value lands in.
+ *
+ * The highest band at or below the value, or `color` when the value is under
+ * all of them. One pass rather than a sort, because the list is small and
+ * sorting a caller's array — or a copy of it on every render — buys nothing.
+ * Reading it rather than walking it in order is also what makes the prop
+ * order-independent, which is what a caller assumes.
+ */
+export declare function bandColor(value: number, color: PlassColor, thresholds: readonly PlassThreshold[] | undefined): PlassColor;

package/dist/internal/threshold.js

@@ -0,0 +1 @@
+export function bandColor(o,r,f){if(!f?.length)return r;let n;for(const r of f)o>=r.from&&(void 0===n||r.from>n.from)&&(n=r);return n?.color??r}

package/dist/internal/tour.d.ts

@@ -0,0 +1,42 @@
+/**
+ * The geometry a spotlight is cut out of, as arithmetic rather than as a
+ * component.
+ *
+ * A tour dims the page and takes one thing out of the dimming. Everything hard
+ * about that is a rectangle and a rounded corner, so it is here: it can be read
+ * without a browser, tested without one, and it is the same shape the Flutter
+ * build punches with `Path.combine`.
+ */
+/** Where the thing being pointed at is, in viewport coordinates. */
+export interface PlassSpot {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}
+/** A rectangle grown by [padding] on every side, never to a negative size. */
+export declare function inflate(rect: PlassSpot, padding: number): PlassSpot;
+/**
+ * The whole scrim with a hole in it, as a `clip-path` value.
+ *
+ * A clip and not a shadow, and that is the decision the whole component rests
+ * on. The obvious way to draw a hole is one element the size of the target
+ * carrying a box shadow larger than any screen; it works, and it buys nothing
+ * else. A clip buys two things that matter:
+ *
+ * **The dimming can blur.** A `box-shadow` paints a colour. A clipped element
+ * can carry a `backdrop-filter`, so the page around the spotlight is blurred as
+ * well as dimmed — which is this library's own material rather than a grey wash
+ * over it.
+ *
+ * **The hole is a hole for the pointer too.** A clipped-away region is not
+ * hit-tested, so the scrim can take the pointer everywhere it is painted and
+ * nowhere it is not. The reader can use the control being pointed at and
+ * nothing else, which is what separates a tour from a dialog with a picture of
+ * a control in it — and it falls out of the geometry rather than being a second
+ * mechanism that has to agree with it.
+ *
+ * `null` is a step with no target: the whole page dims and nothing is cut out,
+ * which is what a welcome step and a closing step are.
+ */
+export declare function spotlightPath(spot: PlassSpot | null, radius: number): string;

package/dist/internal/tour.js

@@ -0,0 +1 @@
+export function inflate(t,$){return{top:t.top-$,left:t.left-$,width:Math.max(0,t.width+2*$),height:Math.max(0,t.height+2*$)}}export function spotlightPath(t,$){const h="M0,0H100000V100000H0Z";return null===t||t.width<=0||t.height<=0?`path(evenodd,'${h}')`:`path(evenodd,'${h}${function roundedRect(t,$){const{top:h,left:e,width:n,height:i}=t,o=Math.max(0,Math.min($,n/2,i/2));return 0===o?`M${e},${h}H${e+n}V${h+i}H${e}Z`:`M${e+o},${h}H${e+n-o}A${o},${o} 0 0 1 ${e+n},${h+o}V${h+i-o}A${o},${o} 0 0 1 ${e+n-o},${h+i}H${e+o}A${o},${o} 0 0 1 ${e},${h+i-o}V${h+o}A${o},${o} 0 0 1 ${e+o},${h}Z`}(t,$)}')`}

package/dist/internal/watermark.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+/** Where a watermark sits on the picture. */
+export type PlassWatermarkPlacement = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'tile';
+/** A mark laid over a picture. A bare string is the text, in the usual corner. */
+export interface PlassWatermarkOptions {
+    /** What it says. */
+    text: string;
+    /** One in a corner, or `'tile'` for the whole picture. @default 'bottom-end' */
+    placement?: PlassWatermarkPlacement;
+    /** How far through it the picture shows. @default 0.55 in a corner, 0.14 tiled */
+    opacity?: number;
+    /** The turn a tiled mark is set at, in degrees. @default -24 */
+    angle?: number;
+    /**
+     * The ink, as any CSS colour, a token or `currentColor` included. White is what
+     * reads on a photograph. @default 'white'
+     */
+    color?: string;
+    /** The type size, in pixels. @default 13 in a corner, 15 tiled */
+    fontSize?: number;
+}
+/** Normalised, so a bare string and a full object are one thing downstream. */
+export declare function watermarkOptions(watermark: string | PlassWatermarkOptions): Required<PlassWatermarkOptions>;
+/**
+ * A mark over a picture, in a corner or across the whole of it.
+ *
+ * It is `aria-hidden` and takes no pointer: a watermark is a claim about the
+ * file rather than something the page is telling a reader, and a screen reader
+ * announcing "Ada & Co" between the picture and its caption is reading out a
+ * stamp. The `alt` text is where a picture says what it is.
+ *
+ * The tiled layer is **rotated as one layer** rather than each copy being turned
+ * on its own, which is what keeps the repeat seamless — turning the tiles inside
+ * a straight grid leaves the grid's own lines showing through. It is drawn
+ * oversized and centred so the corners the turn opens up are still covered.
+ *
+ * That rotation is a `transform`, and the house rule it sits beside is about
+ * *controls*: a surface under a finger must not resample the label being pressed.
+ * Nothing here is pressed and the angle never changes, so it is the same
+ * allowance the chevrons in `PlGalleryViewer` are drawn with.
+ */
+export declare function PlassWatermark({ watermark }: {
+    watermark: string | PlassWatermarkOptions;
+}): React.JSX.Element | null;

package/dist/internal/watermark.js

@@ -0,0 +1 @@
+"use client";import{jsx as t}from"react/jsx-runtime";export function watermarkOptions(t){const e="string"==typeof t?{text:t}:t,o=e.placement??"bottom-end",a="tile"===o;return{text:e.text,placement:o,opacity:e.opacity??(a?.14:.55),angle:e.angle??-24,color:e.color??"white",fontSize:e.fontSize??(a?15:13)}}const e="calc(max(100cqw, 100cqh) * 1.415)",o={"top-start":"top-2 start-2","top-end":"top-2 end-2","bottom-start":"bottom-2 start-2","bottom-end":"bottom-2 end-2"};export function PlassWatermark({watermark:a}){const{text:n,placement:r,opacity:s,angle:i,color:l,fontSize:c}=watermarkOptions(a);if(""===n)return null;if("tile"===r){const o=function tileUri(t,e){const o=Math.max(120,Math.round(t.length*e*.68)+48),a=Math.round(4.6*e),n=`<svg xmlns="http://www.w3.org/2000/svg" width="${o}" height="${a}"><text x="0" y="${Math.round(a/2)}" fill="white" font-family="system-ui, sans-serif" font-size="${e}" font-weight="600">${function escapeXml(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;")}(t)}</text></svg>`;return`url("data:image/svg+xml,${encodeURIComponent(n)}")`}(n,c);return t("span",{"aria-hidden":"true",className:"pointer-events-none absolute inset-0 overflow-hidden",style:{containerType:"size"},children:t("span",{className:"absolute block",style:{top:"50%",left:"50%",width:e,height:e,translate:"-50% -50%",opacity:s,transform:`rotate(${i}deg)`,backgroundColor:l,WebkitMaskImage:o,maskImage:o,WebkitMaskRepeat:"repeat",maskRepeat:"repeat"}})})}return t("span",{"aria-hidden":"true",className:`pointer-events-none absolute select-none font-semibold ${o[r]}`,style:{opacity:s,color:l,fontSize:c,textShadow:"0 1px 2px rgb(0 0 0 / 0.55)"},children:n})}

package/dist/internal/wheel.d.ts

@@ -0,0 +1,52 @@
+/**
+ * The wheel over a strip that runs the other way, and what happens when the
+ * strip runs out of room.
+ *
+ * Two components have the same problem and it is not the one it looks like. A
+ * mouse has one wheel, it points down the page, and a strip that runs across
+ * the box has no use for that direction — so what the wheel does over a shelf
+ * of cards or a bar of tabs is left to the browser, which is to say it is one
+ * thing on one machine and another on the next. The pointer being on the strip
+ * is the reader saying which of the two things under it they meant to move, and
+ * this is what acts on that.
+ *
+ * The second half is what happens at the end of the strip. A nested scroller
+ * that runs out hands the rest of the gesture to the page, and the reader who
+ * was flicking a shelf along gets the whole page moving instead, without having
+ * asked for it and usually without having noticed which pixel it happened at.
+ * `overscroll` is the choice between the two answers, and neither of them is
+ * "sometimes": see `PlassOverscroll`.
+ *
+ * Only the axis the browser has no answer for. A trackpad's two fingers, a tilt
+ * wheel and Shift held down all produce a horizontal gesture, which scrolls a
+ * horizontal strip on its own — and chains on its own, which is what
+ * `overscroll-behavior-x` is for. Nothing here touches those.
+ */
+import * as React from 'react';
+import type { PlassOverscroll } from '../types.js';
+export interface WheelScrollOptions {
+    /** Whether the wheel is read at all. A strip that runs down the page is not. */
+    enabled: boolean;
+    /** What happens once the strip has nowhere left to go. */
+    overscroll: PlassOverscroll;
+}
+/**
+ * Turns a vertical wheel over a horizontal scroller into travel along it.
+ *
+ * A native listener rather than `onWheel`, because React attaches its own wheel
+ * listener to the root passively, and `preventDefault` inside a passive
+ * listener does nothing but log.
+ */
+export declare function useWheelScroll(ref: React.RefObject<HTMLElement | null>, { enabled, overscroll }: WheelScrollOptions): void;
+/**
+ * The class that keeps a scroller's *own* axis to itself.
+ *
+ * The other half of `overscroll`, and it is CSS rather than JavaScript because
+ * this axis is one the browser already scrolls: a two-finger swipe along the
+ * shelf, and on a Mac the swipe past the end of it that goes back a page.
+ *
+ * One axis, never both. A horizontal strip that also contained the vertical
+ * axis would be a box a finger cannot scroll the page from, which is most of
+ * the screen on a phone.
+ */
+export declare function overscrollClasses(overscroll: PlassOverscroll, horizontal: boolean): string;

package/dist/internal/wheel.js

@@ -0,0 +1 @@
+"use client";import*as e from"react";export function useWheelScroll(t,{enabled:r,overscroll:l}){e.useEffect(()=>{const e=t.current;if(!e||!r)return;let n=Number.NEGATIVE_INFINITY;const onWheel=t=>{if(Math.abs(t.deltaY)<=Math.abs(t.deltaX))return;const r=e.scrollWidth-e.clientWidth;if(r<=1)return;const o=t.deltaMode===t.DOM_DELTA_LINE?16*t.deltaY:t.deltaMode===t.DOM_DELTA_PAGE?t.deltaY*e.clientWidth:t.deltaY,a=Math.abs(e.scrollLeft);if(!(o>0?r-a>1:a>1))return void(("contain"===l||t.timeStamp-n<250)&&t.preventDefault());const i="rtl"===getComputedStyle(e).direction?-1:1;n=t.timeStamp,t.preventDefault(),e.scrollBy({left:o*i,behavior:"instant"})};return e.addEventListener("wheel",onWheel,{passive:!1}),()=>e.removeEventListener("wheel",onWheel)},[r,l,t])}export function overscrollClasses(e,t){return"contain"!==e?"":t?"overscroll-x-contain":"overscroll-y-contain"}

package/dist/internal/window.d.ts

@@ -0,0 +1,201 @@
+/**
+ * The chrome a `PlWindowPane` draws, and the tables that say how big it is.
+ *
+ * It lives here for the reason `internal/mockup.tsx` does. One component reads
+ * it, but what it holds is reference data rather than a piece of that component
+ * — four systems' worth of title bars, three buttons each, drawn four different
+ * ways — and a component file with all of that in it would be a table with a
+ * `forwardRef` at the bottom.
+ *
+ * Three conventions run through it:
+ *
+ * **Every length is a CSS pixel at `md`, scaled once by `size`.** A title bar is
+ * 32px on Windows 11 and 38px on macOS because those are the heights they are,
+ * not because a ladder in `internal/styles.ts` says so — this is the one place
+ * in the library where the numbers come from somewhere else. `size` multiplies
+ * them, which is why they are written as numbers rather than as utilities.
+ *
+ * **The buttons are drawings of what they do and carry no other party's marks.**
+ * A traffic light is three circles; a Windows control is a line, a box and a
+ * cross. Their names come from `internal/labels.ts` and are read out; nothing here
+ * writes a word.
+ *
+ * **Nothing is mixed out of `currentColor`.** Every fill a control can take is a
+ * slot computed once in `windowSlots`, because a hover that changes the ink and
+ * a fill derived from the ink are the same declaration arguing with itself —
+ * which is exactly how a close button ends up white on white.
+ */
+import * as React from 'react';
+import type { PlassColor, PlassSize } from '../types.js';
+/**
+ * Whose window this is a picture of.
+ *
+ * Versions are separate entries wherever the *title bar* is what changed, which
+ * is why Windows has five and the others have one or two. XP painted its bar in
+ * Luna blue and framed the window in it; 7 made it glass; 8 threw both away for
+ * a flat square sheet; 10 ruled the bar off from the body; 11 rounded the
+ * corners and made the two one Mica sheet again. `macosx` is Aqua — the striped
+ * grey bar, the glossy lights and the square bottom corners — against the flat
+ * `macos` that replaced it.
+ *
+ * They are named the way the systems are, so `windows11` rather than `win11`
+ * and `macos` rather than `mac`. Nothing here is a copy of any of them: what is
+ * drawn is a bar, a border and three buttons at the proportions the system used,
+ * and no mark, wordmark or icon belonging to anyone else.
+ */
+export type PlWindowOs = 'macos' | 'macosx' | 'windows11' | 'windows10' | 'windows8' | 'windows7' | 'windowsxp' | 'linux';
+/** The three buttons a title bar can carry. */
+export type PlWindowControl = 'minimize' | 'maximize' | 'close';
+/** How far the window has been dragged from where the layout put it. */
+export interface PlWindowOffset {
+    x: number;
+    y: number;
+}
+/** Everything the component needs to lay a title bar out, in CSS pixels. */
+export interface PlWindowMetrics {
+    /** The title bar's height. */
+    bar: number;
+    /** The window's own corner, at the top. */
+    radius: number;
+    /** And at the bottom, which the older systems leave square. */
+    radiusBottom: number;
+    /** The hairline around the window. */
+    frame: number;
+    /**
+     * The *band* around it, which is a different thing: the stretch of the
+     * system's own colour that XP and Aero put down the sides of a window and
+     * along the bottom of it, with the content inset into it. Zero on the systems
+     * that have only a hairline.
+     */
+    band: {
+        side: number;
+        bottom: number;
+    };
+    /** The air at the leading edge of the bar. */
+    padX: number;
+    /** And at the trailing edge, which is nothing where the buttons run to it. */
+    padEnd: number;
+    /** Between one control and the next. */
+    gap: number;
+    /** The title's type size. */
+    title: number;
+    /** One control's box. */
+    control: {
+        width: number;
+        height: number;
+    };
+    /** The mark inside it. */
+    glyph: number;
+    /** How heavy the title is written. */
+    weight: number;
+    /** How much room the whole set of them takes, given how many are drawn. */
+    controlsWidth: (count: number) => number;
+    /** Aero's close button, which is wider than the two beside it. */
+    closeWidth: number;
+}
+interface PlWindowChrome {
+    bar: number;
+    radius: number;
+    /** Square on every system before the corners were rounded all the way round. */
+    radiusBottom: number;
+    padX: number;
+    /** The air at the trailing end, which is nothing where the buttons run to it. */
+    padEnd: number;
+    gap: number;
+    title: number;
+    glyph: number;
+    weight: number;
+    frame: number;
+    band: {
+        side: number;
+        bottom: number;
+    };
+    control: {
+        width: number;
+        height: number;
+    };
+    /** Aero's close button is wider than the two beside it. */
+    closeWidth?: number;
+    /** Where the title sits along the bar. */
+    titleAlign: 'start' | 'center';
+    /** Which end the controls are on. */
+    controlsSide: 'start' | 'end';
+    /**
+     * How one control is drawn.
+     *
+     * - `dot` — a flat traffic light, and `gloss-dot` the same one with Aqua's
+     *   highlight and ring on it.
+     * - `square` — a flat rectangle running to the corner of the window.
+     * - `plate` — XP's coloured, gradient-filled button.
+     * - `aero` — a pane of glass hung off the top edge, close first among equals.
+     * - `circle` — GNOME's small disc.
+     */
+    shape: 'dot' | 'gloss-dot' | 'square' | 'plate' | 'aero' | 'circle';
+    /** Whether the bar is ruled off from the body. */
+    rule: boolean;
+    /** How thick the glyphs are drawn. */
+    stroke: number;
+    /** The corner on the maximize box: Windows 11 rounds it, Windows 10 does not. */
+    boxRadius: number;
+    /** How much of the page's ink is stirred into the bar, in front and behind. */
+    tint: [number, number];
+    /** Whether an accented window carries the colour into its border as well. */
+    accentBorder: boolean;
+    /**
+     * The chrome's own colours, for the systems that painted their title bar
+     * rather than taking the page's.
+     *
+     * Fixed values rather than theme tokens, exactly as `PlMockup`'s finishes are:
+     * Luna blue is Luna blue on a page switched to dark, and a title bar that
+     * changed colour with the theme would be a drawing of the theme rather than
+     * of a window. `dark` says which way its own controls have to lighten.
+     */
+    paint: {
+        fill: string;
+        ink: string;
+        dark: boolean;
+    } | null;
+    /** What is laid over that fill: the gradient, the gloss, the stripes. */
+    image: string | null;
+    /** The title's own shadow — XP's hard one, Aero's glow, Aqua's emboss. */
+    shadow: string | null;
+    /** Whether the bar blurs what is behind it, which is what made Aero glass. */
+    glass: boolean;
+}
+export declare function windowMetrics(os: PlWindowOs, size: PlassSize): PlWindowMetrics;
+export declare function windowChrome(os: PlWindowOs): PlWindowChrome;
+export declare function orderControls(os: PlWindowOs, controls: readonly PlWindowControl[]): PlWindowControl[];
+export declare function windowSlots(options: {
+    os: PlWindowOs;
+    color: PlassColor;
+    accent: boolean;
+    transparency: number;
+    active: boolean;
+    elevation: number;
+}): React.CSSProperties;
+export interface PlPlWindowControlsProps {
+    os: PlWindowOs;
+    metrics: PlWindowMetrics;
+    controls: readonly PlWindowControl[];
+    maximized: boolean;
+    active: boolean;
+    /** What each button is called, plus the word the maximize one takes once the
+     *  window is maximized. */
+    labels: Record<PlWindowControl | 'restore', string>;
+    onCommand: (control: PlWindowControl) => void;
+}
+/**
+ * The buttons on a title bar.
+ *
+ * Real `<button>`s with real names, in every system: the whole point of drawing
+ * a window rather than a picture of one is that its controls work, and a
+ * `<div>` with a click handler on it is invisible to a keyboard. They also stop
+ * the press from reaching the bar underneath, or every close would begin by
+ * dragging the window half a pixel.
+ *
+ * Every fill is written into a slot and every state is a class that reads one,
+ * so no two declarations are ever left arguing about which of them paints the
+ * button — which is the bug that made a hovered close button vanish.
+ */
+export declare function PlWindowControls({ os, metrics, controls, maximized, active, labels, onCommand }: PlPlWindowControlsProps): React.JSX.Element | null;
+export {};

package/dist/internal/window.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{cx as t}from"./styles.js";const o={macos:{bar:38,radius:10,radiusBottom:10,padX:12,padEnd:12,gap:8,title:13,glyph:7,weight:500,frame:1,band:{side:0,bottom:0},control:{width:12,height:12},titleAlign:"center",controlsSide:"start",shape:"dot",rule:!1,stroke:1.4,boxRadius:0,tint:[6,3],accentBorder:!1,paint:null,image:null,shadow:null,glass:!1},macosx:{bar:26,radius:8,radiusBottom:0,padX:10,padEnd:10,gap:8,title:12,glyph:7,weight:700,frame:1,band:{side:0,bottom:0},control:{width:13,height:13},titleAlign:"center",controlsSide:"start",shape:"gloss-dot",rule:!0,stroke:1.5,boxRadius:0,tint:[0,0],accentBorder:!1,paint:{fill:"#e4e4e4",ink:"#333333",dark:!1},image:"repeating-linear-gradient(180deg, rgb(255 255 255 / 0.55) 0 1px, rgb(0 0 0 / 0.035) 1px 2px), linear-gradient(180deg, rgb(255 255 255 / 0.8), rgb(0 0 0 / 0.07))",shadow:"0 1px 0 rgb(255 255 255 / 0.85)",glass:!1},windows11:{bar:32,radius:8,radiusBottom:8,padX:12,padEnd:0,gap:0,title:12,glyph:10,weight:400,frame:1,band:{side:0,bottom:0},control:{width:46,height:32},titleAlign:"start",controlsSide:"end",shape:"square",rule:!1,tint:[3,1],stroke:1,boxRadius:1.6,accentBorder:!1,paint:null,image:null,shadow:null,glass:!1},windows10:{bar:30,radius:0,radiusBottom:0,padX:10,padEnd:0,gap:0,title:12,glyph:10,weight:400,frame:1,band:{side:0,bottom:0},control:{width:45,height:30},titleAlign:"start",controlsSide:"end",shape:"square",rule:!0,tint:[0,0],stroke:.9,boxRadius:0,accentBorder:!0,paint:null,image:null,shadow:null,glass:!1},windows8:{bar:32,radius:0,radiusBottom:0,padX:10,padEnd:0,gap:0,title:12,glyph:11,weight:400,frame:2,band:{side:0,bottom:0},control:{width:45,height:32},titleAlign:"start",controlsSide:"end",shape:"square",rule:!1,tint:[0,0],stroke:1,boxRadius:0,accentBorder:!0,paint:null,image:null,shadow:null,glass:!1},windows7:{bar:30,radius:7,radiusBottom:0,padX:10,padEnd:3,gap:2,title:12,glyph:10,weight:400,frame:1,band:{side:7,bottom:7},control:{width:29,height:20},closeWidth:45,titleAlign:"start",controlsSide:"end",shape:"aero",rule:!1,tint:[0,0],stroke:1.1,boxRadius:0,accentBorder:!1,paint:{fill:"rgb(198 218 242 / 0.45)",ink:"#12314f",dark:!1},image:"linear-gradient(180deg, rgb(255 255 255 / 0.62), rgb(255 255 255 / 0.1) 46%, rgb(255 255 255 / 0.34) 88%, rgb(255 255 255 / 0.5))",shadow:"0 0 6px rgb(255 255 255 / 0.95), 0 0 3px rgb(255 255 255 / 0.95)",glass:!0},windowsxp:{bar:30,radius:8,radiusBottom:0,padX:6,padEnd:4,gap:2,title:13,glyph:9,weight:700,frame:1,band:{side:4,bottom:4},control:{width:21,height:21},closeWidth:26,titleAlign:"start",controlsSide:"end",shape:"plate",rule:!1,tint:[0,0],stroke:1.8,boxRadius:3,accentBorder:!1,paint:{fill:"#1f66d6",ink:"#ffffff",dark:!0},image:"linear-gradient(180deg, rgb(255 255 255 / 0.55), rgb(255 255 255 / 0.26) 7%, rgb(0 0 0 / 0.11) 42%, rgb(0 0 0 / 0.05) 56%, rgb(255 255 255 / 0.22) 76%, rgb(255 255 255 / 0.34) 88%, rgb(0 0 0 / 0.16) 96%, rgb(0 0 0 / 0.34))",shadow:"0 1px 1px rgb(0 0 0 / 0.45)",glass:!1},linux:{bar:44,radius:12,radiusBottom:12,padX:10,padEnd:10,gap:6,title:14,glyph:10,weight:600,frame:1,band:{side:0,bottom:0},control:{width:24,height:24},titleAlign:"center",controlsSide:"end",shape:"circle",rule:!1,stroke:1.2,boxRadius:0,tint:[11,5],accentBorder:!1,paint:null,image:null,shadow:null,glass:!1}},r={xs:.8,sm:.9,md:1,lg:1.15,xl:1.3};export function windowMetrics(e,i){const t=o[e],a=r[i],round=e=>Math.round(e*a),n={width:round(t.control.width),height:round(t.control.height)},s=round(t.gap),l=void 0===t.closeWidth?n.width:round(t.closeWidth);return{bar:round(t.bar),radius:t.radius,radiusBottom:t.radiusBottom,frame:t.frame,band:{side:round(t.band.side),bottom:round(t.band.bottom)},padX:round(t.padX),padEnd:round(t.padEnd),gap:s,title:round(t.title),glyph:round(t.glyph),weight:t.weight,control:n,controlsWidth:e=>e<=0?0:l+(e-1)*n.width+(e-1)*s,closeWidth:l}}export function windowChrome(e){return o[e]}const a={macos:["close","minimize","maximize"],macosx:["close","minimize","maximize"],windows11:["minimize","maximize","close"],windows10:["minimize","maximize","close"],windows8:["minimize","maximize","close"],windows7:["minimize","maximize","close"],windowsxp:["minimize","maximize","close"],linux:["minimize","maximize","close"]};export function orderControls(e,i){return a[e].filter(e=>i.includes(e))}function veil(e,i){const t=Math.round(100*(1-i));return t>=100?e:`color-mix(in oklab, ${e} ${t}%, transparent)`}export function windowSlots(e){const{os:i,color:t,accent:r,transparency:a,active:n,elevation:s}=e,l=o[i],d=Math.min(Math.max(a,0),1),p="var(--plass-surface)",c=l.tint[n?0:1],g=0===c?p:`color-mix(in oklab, ${p} ${100-c}%, var(--plass-fg))`,h=r&&n,u=l.paint,m=u?n?u.fill:`color-mix(in oklab, ${u.fill} 45%, #c6c9ce)`:null,b=h?`var(--plass-${t}-solid)`:m??g,w=h?`var(--plass-${t}-on-solid)`:u?n?u.ink:`color-mix(in oklab, ${u.ink} 60%, transparent)`:n?"var(--plass-fg)":"var(--plass-muted-fg)",x=l.band.side>0,f=x?veil(h?`var(--plass-${t}-solid)`:m??g,d):"transparent",v=x?`color-mix(in oklab, ${h?`var(--plass-${t}-solid)`:m??"var(--plass-border)"} 72%, black)`:h&&l.accentBorder?`var(--plass-${t}-solid)`:n?"var(--plass-border)":"color-mix(in oklab, var(--plass-border) 55%, transparent)",k=h||(u?.dark??!1);return{"--p-window-bar":veil(b,d),"--p-window-bar-fg":w,"--p-window-bar-image":l.image??"none","--p-window-bar-shadow":l.shadow??"none","--p-window-body":veil(p,d),"--p-window-line":v,"--p-window-band":f,"--p-window-hover":k?"rgb(255 255 255 / 0.18)":"color-mix(in oklab, var(--plass-fg) 9%, transparent)","--p-window-press":k?"rgb(255 255 255 / 0.28)":"color-mix(in oklab, var(--plass-fg) 16%, transparent)","--p-window-shadow":`var(--plass-shadow-${n?s:Math.max(s-1,0)})`,"--p-accent":`var(--plass-${t}-accent)`,"--p-ring":`var(--plass-${t}-ring)`}}function Glyph({size:i,stroke:t,round:o,children:r}){return e("svg",{viewBox:"0 0 10 10",width:i,height:i,fill:"none",stroke:"currentColor",strokeWidth:t,strokeLinecap:o?"round":"square",strokeLinejoin:o?"round":"miter","aria-hidden":"true",children:r})}function controlGlyph(t,o,r,a){const n=r.stroke,s=r.boxRadius>0||"square"!==r.shape,l=r.boxRadius;return"minimize"===t?e(Glyph,{size:a,stroke:n,round:s,children:e("path",{d:"plate"===r.shape?"M2 7.5h6":"M1.5 5h7"})}):"close"===t?e(Glyph,{size:a,stroke:n,round:s,children:e("path",{d:"m1.6 1.6 6.8 6.8M8.4 1.6 1.6 8.4"})}):o?i(Glyph,{size:a,stroke:n,round:s,children:[e("rect",{x:"1.4",y:"3.4",width:"5.2",height:"5.2",rx:l}),e("path",{d:"M3.6 3.4v-2h5v5h-2"})]}):e(Glyph,{size:a,stroke:n,round:s,children:e("rect",{x:"1.5",y:"1.5",width:"7",height:"7",rx:l})})}const n={close:"#ff5f57",minimize:"#febc2e",maximize:"#28c840"},s={close:"#cf4b36",minimize:"#4b85d4",maximize:"#4b85d4"},l={macos:null,macosx:null,windows11:"#c42b1c",windows10:"#e81123",windows8:"#e81123",windows7:"#e04a45",windowsxp:null,linux:null};export function PlWindowControls({os:i,metrics:r,controls:a,maximized:d,active:p,labels:c,onCommand:g}){const h=o[i],u=orderControls(i,a);if(0===u.length)return null;const m="dot"===h.shape||"gloss-dot"===h.shape,b="circle"===h.shape,w="plate"===h.shape,x="aero"===h.shape;return e("div",{className:t("group/controls flex shrink-0 items-center",x?"self-start":"self-stretch"),style:{gap:r.gap},onPointerDown:e=>e.stopPropagation(),onDoubleClick:e=>e.stopPropagation(),children:u.map(o=>{const a="maximize"===o&&d?c.restore:c[o],u="close"===o?l[i]:null,{face:f,ink:v,image:k,plate:y}=function controlFace(e,i,t){switch(e.shape){case"dot":case"gloss-dot":return{face:t?n[i]:"color-mix(in oklab, var(--plass-fg) 22%, transparent)",ink:"rgb(0 0 0 / 0.55)",image:"gloss-dot"===e.shape?"radial-gradient(circle at 50% 26%, rgb(255 255 255 / 0.8), rgb(255 255 255 / 0) 62%)":void 0,plate:"gloss-dot"===e.shape?"inset 0 0 0 1px rgb(0 0 0 / 0.22), inset 0 -1px 1px rgb(0 0 0 / 0.15)":void 0};case"plate":return{face:t?s[i]:`color-mix(in oklab, ${s[i]} 45%, #c6c9ce)`,ink:"#ffffff",image:"linear-gradient(180deg, rgb(255 255 255 / 0.5), rgb(255 255 255 / 0.05) 55%, rgb(0 0 0 / 0.14))",plate:"inset 0 0 0 1px rgb(255 255 255 / 0.4)"};case"aero":return{face:"rgb(255 255 255 / 0.3)",image:"linear-gradient(180deg, rgb(255 255 255 / 0.6), rgb(255 255 255 / 0.08) 52%, rgb(255 255 255 / 0.3))",plate:"inset 0 0 0 1px rgb(255 255 255 / 0.55)"};default:return{}}}(h,o,p);return e("button",{type:"button","aria-label":a,title:a,className:t("group/control relative flex shrink-0 cursor-pointer items-center justify-center","[transition:background-color_var(--plass-duration)_var(--plass-ease),color_var(--plass-duration)_var(--plass-ease),filter_var(--plass-duration)_var(--plass-ease)]","focus-visible:[outline:2px_solid_var(--p-ring)] focus-visible:[outline-offset:-2px]",m||b?"rounded-full":"",b?"bg-(--p-window-hover)":"",f?"bg-(--p-window-face)":"",u?"hover:bg-(--p-window-danger) hover:text-white active:bg-(--p-window-danger)":m?"":w?"hover:brightness-110 active:brightness-95":b?"hover:bg-(--p-window-press) active:bg-(--p-window-press)":x?"hover:brightness-110 active:brightness-95":"hover:bg-(--p-window-hover) active:bg-(--p-window-press)"),style:{width:m?r.control.height:"close"===o?r.closeWidth:r.control.width,height:r.control.height,borderRadius:w?h.boxRadius+1:x?"0 0 3px 3px":void 0,backgroundImage:k,boxShadow:y,color:v,...f?{"--p-window-face":f}:{},...u?{"--p-window-danger":u}:{}},onClick:()=>g(o),children:e("span",{className:t("flex items-center justify-center",m?"opacity-0 [transition:opacity_var(--plass-duration)_var(--plass-ease)] group-hover/controls:opacity-100 group-focus-visible/control:opacity-100":""),children:controlGlyph(o,d,h,r.glyph)})},o)})})}

package/dist/locales/de.d.ts

@@ -0,0 +1,3 @@
+/** German. */
+import type { PlassLabels } from '../internal/labels.js';
+export declare const de: PlassLabels;

package/dist/locales/de.js

@@ -0,0 +1 @@
+export const de={close:"Schließen",cancel:"Abbrechen",confirm:"Bestätigen",acknowledge:"OK",clear:"Leeren",done:"Fertig",skip:"Überspringen",search:"Suchen",selectAll:"Alle auswählen",selectRow:"Zeile auswählen",remove:"Entfernen",dismiss:"Ausblenden",open:"Öffnen",previous:"Zurück",next:"Weiter",reveal:"Anzeigen",hide:"Verbergen",increase:"Erhöhen",decrease:"Verringern",preview:"Vorschau",empty:"Nichts vorhanden",optional:"Optional",breadcrumb:"Navigationspfad",breadcrumbExpand:"Ausgeblendete Schritte anzeigen",carousel:"Karussell",carouselPrevious:"Vorheriges Bild",carouselNext:"Nächstes Bild",slide:"Bild",commandPalette:"Befehlspalette",commandPalettePlaceholder:"Befehle durchsuchen",gallery:"Galerie",chart:"Diagramm",minimize:"Minimieren",maximize:"Maximieren",restore:"Wiederherstellen",resizeWindow:"Fenstergröße ändern",overlay:"Overlay",notifications:"Benachrichtigungen",pagination:"Seitennavigation",paginationPrevious:"Vorherige Seite",paginationNext:"Nächste Seite",paginationFirst:"Erste Seite",paginationLast:"Letzte Seite",rating:"Bewertung",sidebar:"Seitenleiste",sidebarOpen:"Seitenleiste öffnen",sidebarClose:"Seitenleiste schließen",sidebarResize:"Breite der Seitenleiste ändern",skipToContent:"Zum Inhalt springen",backToTop:"Nach oben",onThisPage:"Auf dieser Seite",typing:"Schreibt …",messageSending:"Wird gesendet",messageSent:"Gesendet",messageDelivered:"Zugestellt",messageRead:"Gelesen",messageFailed:"Nicht zugestellt",spoilerWarning:"Kann Spoiler enthalten",filePickerTitle:"Dateien hier ablegen oder zum Durchsuchen klicken",newTab:"(wird in einem neuen Tab geöffnet)",transferAvailable:"Verfügbar",transferSelected:"Ausgewählt",transferToSelected:"Zu den ausgewählten verschieben",transferToAvailable:"Zu den verfügbaren verschieben",copy:"Kopieren",copied:"Kopiert",copyFailed:"Kopieren nicht möglich",raw:"Unformatiert",code:"Code",previousMonth:"Vorheriger Monat",nextMonth:"Nächster Monat",previousYear:"Vorheriges Jahr",nextYear:"Nächstes Jahr",previousYears:"Vorherige Jahre",nextYears:"Nächste Jahre",chooseMonth:"Monat wählen",chooseYear:"Jahr wählen",today:"Heute",thisMonth:"Dieser Monat",thisYear:"Dieses Jahr",now:"Jetzt",hour:"Stunde",minute:"Minute",second:"Sekunde",meridiem:"AM/PM",start:"Beginn",end:"Ende",paginationPage:e=>`Seite ${e}`,paginationStatus:(e,n)=>`Seite ${e} von ${n}`,ratingValue:(e,n)=>`${e.toLocaleString("de")} von ${n}`,ratingNone:"Keine Bewertung",carouselSlide:(e,n)=>`Bild ${e} von ${n}`,galleryItem:(e,n)=>`${e} von ${n}`,removeItem:e=>`${e} entfernen`,addCustom:e=>`„${e}“ hinzufügen`,otpSlot:(e,n)=>`Zeichen ${e} von ${n}`,transferMoved:(e,n)=>`${e} ${1===e?"Eintrag":"Einträge"} nach „${n}“ verschoben`};

package/dist/locales/en.d.ts

@@ -0,0 +1,2 @@
+import type { PlassLabels } from '../internal/labels.js';
+export declare const en: PlassLabels;

package/dist/locales/en.js

@@ -0,0 +1 @@
+import{defaultLabels as e}from"../internal/labels.js";export const en=e;

package/dist/locales/es.d.ts

@@ -0,0 +1,3 @@
+/** Spanish. */
+import type { PlassLabels } from '../internal/labels.js';
+export declare const es: PlassLabels;

package/dist/locales/es.js

@@ -0,0 +1 @@
+export const es={close:"Cerrar",cancel:"Cancelar",confirm:"Confirmar",acknowledge:"Aceptar",clear:"Borrar",done:"Hecho",skip:"Omitir",search:"Buscar",selectAll:"Seleccionar todo",selectRow:"Seleccionar fila",remove:"Quitar",dismiss:"Descartar",open:"Abrir",previous:"Anterior",next:"Siguiente",reveal:"Mostrar",hide:"Ocultar",increase:"Aumentar",decrease:"Disminuir",preview:"Vista previa",empty:"No hay nada aquí",optional:"Opcional",breadcrumb:"Ruta de navegación",breadcrumbExpand:"Mostrar los pasos ocultos",carousel:"Carrusel",carouselPrevious:"Diapositiva anterior",carouselNext:"Diapositiva siguiente",slide:"diapositiva",commandPalette:"Paleta de comandos",commandPalettePlaceholder:"Buscar comandos",gallery:"Galería",chart:"Gráfico",minimize:"Minimizar",maximize:"Maximizar",restore:"Restaurar",resizeWindow:"Redimensionar la ventana",overlay:"Capa",notifications:"Notificaciones",pagination:"Paginación",paginationPrevious:"Página anterior",paginationNext:"Página siguiente",paginationFirst:"Primera página",paginationLast:"Última página",rating:"Valoración",sidebar:"Barra lateral",sidebarOpen:"Abrir la barra lateral",sidebarClose:"Cerrar la barra lateral",sidebarResize:"Redimensionar la barra lateral",skipToContent:"Saltar al contenido",backToTop:"Volver arriba",onThisPage:"En esta página",typing:"Escribiendo…",messageSending:"Enviando",messageSent:"Enviado",messageDelivered:"Entregado",messageRead:"Leído",messageFailed:"No entregado",spoilerWarning:"Puede contener spoilers",filePickerTitle:"Suelta archivos aquí o haz clic para buscarlos",newTab:"(se abre en una pestaña nueva)",transferAvailable:"Disponibles",transferSelected:"Seleccionados",transferToSelected:"Mover a seleccionados",transferToAvailable:"Mover a disponibles",copy:"Copiar",copied:"Copiado",copyFailed:"No se pudo copiar",raw:"Sin formato",code:"Código",previousMonth:"Mes anterior",nextMonth:"Mes siguiente",previousYear:"Año anterior",nextYear:"Año siguiente",previousYears:"Años anteriores",nextYears:"Años siguientes",chooseMonth:"Elegir un mes",chooseYear:"Elegir un año",today:"Hoy",thisMonth:"Este mes",thisYear:"Este año",now:"Ahora",hour:"Hora",minute:"Minuto",second:"Segundo",meridiem:"a. m./p. m.",start:"Inicio",end:"Fin",paginationPage:e=>`Página ${e}`,paginationStatus:(e,a)=>`Página ${e} de ${a}`,ratingValue:(e,a)=>`${e.toLocaleString("es")} de ${a}`,ratingNone:"Sin valoración",carouselSlide:(e,a)=>`Diapositiva ${e} de ${a}`,galleryItem:(e,a)=>`${e} de ${a}`,removeItem:e=>`Quitar ${e}`,addCustom:e=>`Añadir «${e}»`,otpSlot:(e,a)=>`Carácter ${e} de ${a}`,transferMoved:(e,a)=>`${e} ${1===e?"elemento movido":"elementos movidos"} a «${a}»`};

package/dist/locales/fr.d.ts

@@ -0,0 +1,3 @@
+/** French. */
+import type { PlassLabels } from '../internal/labels.js';
+export declare const fr: PlassLabels;

package/dist/locales/fr.js

@@ -0,0 +1 @@
+export const fr={close:"Fermer",cancel:"Annuler",confirm:"Confirmer",acknowledge:"OK",clear:"Effacer",done:"Terminé",skip:"Ignorer",search:"Rechercher",selectAll:"Tout sélectionner",selectRow:"Sélectionner la ligne",remove:"Retirer",dismiss:"Masquer",open:"Ouvrir",previous:"Précédent",next:"Suivant",reveal:"Afficher",hide:"Masquer",increase:"Augmenter",decrease:"Diminuer",preview:"Aperçu",empty:"Rien ici",optional:"Facultatif",breadcrumb:"Fil d’Ariane",breadcrumbExpand:"Afficher les étapes masquées",carousel:"Carrousel",carouselPrevious:"Diapositive précédente",carouselNext:"Diapositive suivante",slide:"diapositive",commandPalette:"Palette de commandes",commandPalettePlaceholder:"Rechercher une commande",gallery:"Galerie",chart:"Graphique",minimize:"Réduire",maximize:"Agrandir",restore:"Restaurer",resizeWindow:"Redimensionner la fenêtre",overlay:"Voile",notifications:"Notifications",pagination:"Pagination",paginationPrevious:"Page précédente",paginationNext:"Page suivante",paginationFirst:"Première page",paginationLast:"Dernière page",rating:"Note",sidebar:"Barre latérale",sidebarOpen:"Ouvrir la barre latérale",sidebarClose:"Fermer la barre latérale",sidebarResize:"Redimensionner la barre latérale",skipToContent:"Aller au contenu",backToTop:"Revenir en haut",onThisPage:"Sur cette page",typing:"Écrit…",messageSending:"Envoi en cours",messageSent:"Envoyé",messageDelivered:"Distribué",messageRead:"Lu",messageFailed:"Non distribué",spoilerWarning:"Peut contenir des spoilers",filePickerTitle:"Déposez des fichiers ici ou cliquez pour parcourir",newTab:"(s’ouvre dans un nouvel onglet)",transferAvailable:"Disponibles",transferSelected:"Sélectionnés",transferToSelected:"Déplacer vers les sélectionnés",transferToAvailable:"Déplacer vers les disponibles",copy:"Copier",copied:"Copié",copyFailed:"Copie impossible",raw:"Brut",code:"Code",previousMonth:"Mois précédent",nextMonth:"Mois suivant",previousYear:"Année précédente",nextYear:"Année suivante",previousYears:"Années précédentes",nextYears:"Années suivantes",chooseMonth:"Choisir un mois",chooseYear:"Choisir une année",today:"Aujourd’hui",thisMonth:"Ce mois-ci",thisYear:"Cette année",now:"Maintenant",hour:"Heure",minute:"Minute",second:"Seconde",meridiem:"AM/PM",start:"Début",end:"Fin",paginationPage:e=>`Page ${e}`,paginationStatus:(e,r)=>`Page ${e} sur ${r}`,ratingValue:(e,r)=>`${e.toLocaleString("fr")} sur ${r}`,ratingNone:"Aucune note",carouselSlide:(e,r)=>`Diapositive ${e} sur ${r}`,galleryItem:(e,r)=>`${e} sur ${r}`,removeItem:e=>`Retirer ${e}`,addCustom:e=>`Ajouter « ${e} »`,otpSlot:(e,r)=>`Caractère ${e} sur ${r}`,transferMoved:(e,r)=>`${e} ${1===e?"élément déplacé":"éléments déplacés"} vers « ${r} »`};

package/dist/locales/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * The library's own vocabulary, translated.
+ *
+ * Every pack is a whole `PlassLabels`, so a missing key is a type error rather
+ * than a word that quietly stays English, and every one of them is a **named
+ * export from its own module**. That is the shape rather than a
+ * `locales['ko']` lookup, and the reason is the bundle: a lookup table has to
+ * be in the build for the key to be found in it, so a French application would
+ * ship the Korean one. An import ships one.
+ *
+ * ```tsx
+ * import { PlassProvider } from 'plass-ui';
+ * import { ko } from 'plass-ui/locales';
+ *
+ * <PlassProvider locale="ko-KR" labels={ko}>…</PlassProvider>
+ * ```
+ *
+ * `locale` and `labels` are two different jobs and both are needed. `locale` is
+ * the BCP 47 tag `Intl` formats dates and numbers against; `labels` is the
+ * words `Intl` has no opinion about.
+ *
+ * **The set is short on purpose.** A pack is only worth shipping when somebody
+ * who reads the language has read it, so this is the list that has been read
+ * rather than the list a machine could produce. Adding one is a file of the
+ * same shape and a pull request.
+ */
+export { de } from './de.js';
+export { en } from './en.js';
+export { es } from './es.js';
+export { fr } from './fr.js';
+export { ja } from './ja.js';
+export { ko } from './ko.js';
+export { zhHans } from './zh-Hans.js';

package/dist/locales/index.js

@@ -0,0 +1 @@
+export{de}from"./de.js";export{en}from"./en.js";export{es}from"./es.js";export{fr}from"./fr.js";export{ja}from"./ja.js";export{ko}from"./ko.js";export{zhHans}from"./zh-Hans.js";

package/dist/locales/ja.d.ts

@@ -0,0 +1,3 @@
+/** Japanese. */
+import type { PlassLabels } from '../internal/labels.js';
+export declare const ja: PlassLabels;