@stealthscale/component-disclosure 0.2.3 → 0.2.4

package/dist/theme.js

@@ -1,4 +1,4 @@
-import { a as recipe$8, d as recipe$4, f as recipe$3, i as recipe$9, m as recipe$1, n as recipe$11, o as recipe$7, p as recipe$2, r as recipe$10, s as recipe$6, t as recipe, u as recipe$5 } from "./recipe-95yCB2V3.js";
+import { a as recipe$8, d as recipe$4, f as recipe$3, i as recipe$9, m as recipe$1, n as recipe$11, o as recipe$7, p as recipe$2, r as recipe$10, s as recipe$6, t as recipe, u as recipe$5 } from "./recipes-95yCB2V3.js";
 import { definePreset } from "@stealthscale/theme/authoring";
 //#endregion
 const theme_default$published = ((preset) => {

package/locales/en/specimen/accordion.json

@@ -0,0 +1,130 @@
+{
+  "about": "Renders a column of headings. Each heading contains a trigger that shows and hides the content under it. One item is open at a time unless `multiple` is set, and the arrow keys move focus between the triggers.",
+  "checkout": {
+    "about": "The caller controls `value` and opens the next section from a button. Each later section is disabled until the reader continues to it, and the arrow keys skip it.",
+    "payment": {
+      "next": "Continue to review",
+      "summary": "Visa ending in 4242, expiring 08/28.",
+      "title": "Payment"
+    },
+    "placed": "Order placed. A receipt is on its way.",
+    "review": {
+      "next": "Place order",
+      "summary": "Two items, €128.00 with delivery.",
+      "title": "Review"
+    },
+    "shipping": {
+      "next": "Continue to payment",
+      "summary": "Ada Okafor, Keizersgracht 12, 1015 CS Amsterdam.",
+      "title": "Shipping address"
+    },
+    "title": "Controlled"
+  },
+  "clauses": {
+    "liability": {
+      "body": "Each party's liability is capped at the fees paid in the 12 months before the claim.",
+      "title": "Liability"
+    },
+    "payment": {
+      "body": "Invoices are due 30 days after the invoice date, by bank transfer to the account on the invoice.",
+      "title": "Payment"
+    },
+    "scope": {
+      "body": "Covers the platform, its API and the support desk in every region the order form lists.",
+      "title": "Scope"
+    }
+  },
+  "disabled": {
+    "about": "With `disabled` on the root, no trigger opens its item or takes focus. `disabled` on an item disables that item alone, as the controlled scene shows.",
+    "title": "Disabled"
+  },
+  "documents": {
+    "about": "A button after the trigger renders at the end of the heading and outside the trigger, so it has a tab stop of its own and a press on it leaves the item as it is.",
+    "contract": {
+      "body": "Signed on 3 March by both parties. It renews each year unless either party gives 60 days' notice.",
+      "title": "Service agreement"
+    },
+    "download": "Download {{file}}",
+    "invoice": {
+      "body": "€4,800.00, paid on 12 March by bank transfer.",
+      "title": "Invoice INV-2041"
+    },
+    "nda": {
+      "body": "Covers the pilot and the two years after it ends.",
+      "title": "Mutual NDA"
+    },
+    "title": "Actions"
+  },
+  "faq": {
+    "abroad": {
+      "answer": "We ship to 34 countries. Duties are paid at checkout, so nothing is due on delivery.",
+      "question": "Do you ship outside the country?"
+    },
+    "delivery": {
+      "answer": "Orders placed before two in the afternoon ship the same day and arrive in one to three working days.",
+      "question": "How long does delivery take?"
+    },
+    "returns": {
+      "answer": "Return any unworn item within 30 days. The label is in the parcel, and the refund is on your card within five working days of the item arriving back.",
+      "question": "Can I return an order?"
+    }
+  },
+  "filters": {
+    "black": "Black",
+    "category": "Category",
+    "coats": "Coats",
+    "colour": "Colour",
+    "knitwear": "Knitwear",
+    "navy": "Navy",
+    "over100": "Over €100",
+    "price": "Price",
+    "sand": "Sand",
+    "shoes": "Shoes",
+    "under100": "€50 to €100",
+    "under50": "Under €50"
+  },
+  "icons": {
+    "about": "An icon before the title renders one size smaller than the indicator, and the indicators line up in one column at the end of every trigger.",
+    "title": "Icons"
+  },
+  "motion": {
+    "about": "Every motion: the content slides, fades or appears at once. Press a trigger to see it.",
+    "title": "Motion"
+  },
+  "multiple": {
+    "about": "With `multiple`, opening an item leaves the others open. A filter panel keeps each group of choices open while the reader compares them.",
+    "title": "Several open"
+  },
+  "palette": {
+    "about": "Every palette in the subtle look, which fills the open item and a trigger under the pointer from the palette.",
+    "title": "Palettes"
+  },
+  "reviewers": {
+    "about": "An avatar and a second line in the trigger show whose item it is before it is opened. The avatar is hidden from assistive technology, because the name follows it in words.",
+    "ada": {
+      "name": "Ada Okafor",
+      "note": "Approved the scope and the payment terms.",
+      "role": "Legal"
+    },
+    "iris": {
+      "name": "Iris Hale",
+      "note": "Approved. The data clause matches the security policy.",
+      "role": "Security"
+    },
+    "title": "Avatars",
+    "tomas": {
+      "name": "Tomas Beck",
+      "note": "Asks for payment 45 days after the invoice date instead of 30.",
+      "role": "Finance"
+    }
+  },
+  "size": {
+    "about": "Every size. The size sets the trigger's height and text, the indicator, and the body's padding and text.",
+    "title": "Sizes"
+  },
+  "title": "Accordion",
+  "variant": {
+    "about": "Every look, with the first question open. Subtle fills the open item from the palette. Surface and outline render a box with a hairline between items. Flushed rules a hairline under each item, and plain renders no line.",
+    "title": "Looks"
+  }
+}

package/locales/en/specimen/collapsible.json

@@ -0,0 +1,27 @@
+{
+  "about": "Renders a trigger that shows and hides the content beneath it.",
+  "arrives": "Arrives Thursday between nine and noon. Somebody has to be in to sign for it.",
+  "delivery": "Delivery details",
+  "motion": {
+    "about": "Every motion: the content slides, fades, or appears at once. Press a trigger to see it.",
+    "title": "Motion"
+  },
+  "palette": {
+    "about": "Every palette, open in the subtle look, which fills the box with the palette's subtle fill. A warning or an error palette marks content a page wants read before it is opened.",
+    "title": "Palettes"
+  },
+  "preview": {
+    "about": "With `collapsedHeight=\"2lh\"`, the closed content keeps its first two lines visible, and the trigger shows the rest.",
+    "title": "Preview"
+  },
+  "size": {
+    "about": "Every size, closed. The size sets the trigger, the indicator and the content's padding.",
+    "title": "Sizes"
+  },
+  "terms": "Deliveries run Monday to Friday and arrive between eight in the morning and six in the evening. A parcel nobody is in for goes to the depot named on the card, where it is held for ten days. A parcel a courier could not fit through the door is brought back the next working day at no charge. Where a delivery is late by more than a working day the postage is returned, and where it is late by three the order is.",
+  "title": "Collapsible",
+  "variant": {
+    "about": "Every look, open. The surface look adds a shadow to the outline look's edge.",
+    "title": "Looks"
+  }
+}

package/locales/en/specimen/details.json

@@ -0,0 +1,48 @@
+{
+  "about": "A native `details` element. The browser opens and closes it without a script, gives the summary its role, its name and its expanded state, and opens a closed details to show a fragment the address points into. Details with the same `name` form an exclusive group.",
+  "declined": {
+    "about": "The full error of a declined payment in a small details under its alert. A reader who needs the codes opens it, and everyone else reads the alert.",
+    "description": "The customer's bank declined the card. Ask them to pay with another card or to call their bank.",
+    "fields": {
+      "code": "Code",
+      "reason": "Decline code",
+      "request": "Request"
+    },
+    "heading": "Payment failed",
+    "show": "Show the full error",
+    "title": "Under an alert"
+  },
+  "faq": {
+    "about": "Three answers with one `name`. Opening one closes the others without a script, and every summary keeps its tab stop.",
+    "currencies": {
+      "answer": "Payouts go out in the currency of the bank account. A balance in another currency is converted at the day's rate when the payout is created.",
+      "question": "Which currencies can I receive?"
+    },
+    "fees": {
+      "answer": "A standard payout is free. An instant payout costs 1% of the amount, and at least €0.50.",
+      "question": "Do payouts cost anything?"
+    },
+    "timing": {
+      "answer": "A payout created before 14:00 reaches the bank the next business day. A later payout leaves a day later.",
+      "question": "When do payouts reach my bank?"
+    },
+    "title": "Exclusive group"
+  },
+  "palette": {
+    "about": "Every palette in the subtle look, which fills the box.",
+    "title": "Palettes"
+  },
+  "refund": {
+    "answer": "A refund reaches the customer's card within 5 to 10 business days. The fee of the original payment is not returned.",
+    "question": "How long does a refund take?"
+  },
+  "size": {
+    "about": "Every size, closed. The summary is at least a control's height, the indicator is an icon's size, and the content pads on the inset scale.",
+    "title": "Sizes"
+  },
+  "title": "Details",
+  "variant": {
+    "about": "Every look, open. The looks are the collapsible's: a filled box, a raised surface, an edge, and none.",
+    "title": "Looks"
+  }
+}

package/locales/en/specimen/hover-card.json

@@ -0,0 +1,58 @@
+{
+  "about": "Opens a card beside a link while a pointer rests on the link or the link has keyboard focus, and closes it once both leave. The card previews what the link leads to. It is outside the tab order and has no role, so everything in it is also on the page it previews.",
+  "delays": {
+    "about": "`openDelay` at 0, 300 and 600 milliseconds, the machine's default. At 600 a pointer that crosses a link on its way elsewhere opens no card. `closeDelay`, 300 by default, keeps the card open while the pointer moves from the link onto the card.",
+    "title": "Delays"
+  },
+  "disabled": {
+    "about": "`disabled` keeps the link and opens no card, for a link with no preview, such as the profile of a deactivated account. Rest the pointer on each link.",
+    "title": "Disabled"
+  },
+  "issue": {
+    "about": "A card that previews an issue: its repository, title, summary and state, with the data package's `Badge`. It opens at `bottom-start`, level with the start of the link, and has no arrow.",
+    "heading": "Cost model counts index scans twice",
+    "opened": "Opened 3 days ago",
+    "reference": "#1204",
+    "repository": "stealth/planner",
+    "state": "Open",
+    "summary": "A plan with two index scans on one table reports twice their cost.",
+    "title": "Issue preview"
+  },
+  "people": {
+    "ada": {
+      "name": "Ada Lovelace",
+      "role": "Staff engineer, Compiler",
+      "verdict": "Approved"
+    },
+    "alan": {
+      "name": "Alan Turing",
+      "role": "Research engineer, Planner",
+      "verdict": "Commented"
+    },
+    "grace": {
+      "name": "Grace Hopper",
+      "role": "Engineering manager, Tooling",
+      "verdict": "Changes requested"
+    }
+  },
+  "placement": {
+    "about": "The card on each side of the link, set by the machine's `positioning.placement`. The machine flips a card that would cross the edge of the window to the opposite side.",
+    "title": "Placement"
+  },
+  "profile": {
+    "bio": "Leads the query planner and reviews every change to the cost model.",
+    "handle": "@ada",
+    "name": "Ada Lovelace",
+    "role": "Staff engineer, Compiler",
+    "time": "14:32 local time"
+  },
+  "reviewers": {
+    "about": "A pull request's reviewers in a data list, whose three name links share one card. Each passes its own `value`, and `onTriggerValueChange` tells the example whose details to show. The card opens to the right, because a card below one name covers the next, and falls back to `bottom-start` through `positioning.flip` in a window too narrow for it. With the card open, a pointer that moves to the next name moves the card at once.",
+    "title": "Shared card"
+  },
+  "title": "Hover card",
+  "variant": {
+    "about": "Every look at every size. Rest the pointer on a link or focus it to open its card. The size sets the card's padding and the size of its text.",
+    "title": "Looks and sizes"
+  }
+}

package/locales/en/specimen/menu.json

@@ -0,0 +1,81 @@
+{
+  "about": "Opens a panel of rows from a button, from a right click on a region, or from a row of another menu. A plain row runs an action, and a checkbox or radio row sets a value. The arrow keys and typeahead move the highlight.",
+  "acme": "Acme",
+  "acmePlan": "Enterprise plan",
+  "actions": "Actions",
+  "amount": "Amount",
+  "archive": "Archive",
+  "copy": "Copy",
+  "createWorkspace": "Create workspace",
+  "csv": "CSV",
+  "delete": "Delete",
+  "drafts": "Drafts",
+  "duplicate": "Duplicate",
+  "export": "Export",
+  "globex": "Globex",
+  "globexPlan": "Team plan",
+  "hideColumn": "Hide column",
+  "highlight": {
+    "about": "Each highlight at each size. Open a menu and move the pointer or the arrow keys over its rows. A critical row keeps the error palette under the highlight.",
+    "title": "Highlights and sizes"
+  },
+  "hold": "Hold",
+  "initech": "Initech",
+  "initechPlan": "Free plan",
+  "inset": {
+    "about": "A column's menu without and with `inset`. The sort rows and the hide row lead with an icon, and the checkbox row does not. With `inset`, the checkbox row starts its text after the gutter an icon and its gap take, level with the text of the icon rows.",
+    "title": "Gutter"
+  },
+  "json": "JSON",
+  "keepTop": "Keep at the top",
+  "ledger": "Ledger {{number}}",
+  "long": {
+    "about": "Twenty-four rows. Open the menu: the panel stops at the room left in the window and scrolls, and the arrow keys scroll the highlighted row into view.",
+    "title": "Long lists"
+  },
+  "marks": {
+    "about": "Each workspace row leads with its initial as a mark and reads its name over its plan. The check marks the current workspace, and the two action rows put their icons in the marks' column.",
+    "title": "Marks and descriptions"
+  },
+  "more": "More actions",
+  "moveTo": "Move to",
+  "notify": "Notify the account",
+  "over": {
+    "about": "A right click, a long press or Shift+F10 on the region opens the menu at the pointer. The region keeps its own role and look.",
+    "title": "Context menu"
+  },
+  "palette": {
+    "about": "The eight palettes. Open a menu and highlight a row to see its palette. The panel sets the palette, and every row and submenu inherits it. A critical row keeps the error palette in each.",
+    "title": "Palettes"
+  },
+  "payout": "Payout",
+  "pdf": "PDF",
+  "pickLedger": "Pick a ledger",
+  "placements": {
+    "about": "Six placements against the trigger, each with an arrow that points at it. The machine flips a panel that would cross the edge of the window to the opposite side.",
+    "title": "Placements"
+  },
+  "release": "Release",
+  "rename": "Rename",
+  "rightClickCard": "Right-click this card",
+  "rtl": {
+    "about": "The menu in a right-to-left document. The panel aligns to the trigger's right edge, a submenu opens to the left, and the submenu row's chevron points to the left.",
+    "title": "Right to left"
+  },
+  "settings": "Settings",
+  "sortAscending": "Sort ascending",
+  "sortDescending": "Sort descending",
+  "submenus": {
+    "about": "A pointer on a row that opens a submenu opens it after a short delay, beside the panel and level with its row. The right arrow opens it from the keyboard, and the left arrow closes it.",
+    "title": "Submenus"
+  },
+  "switchWorkspace": "Switch workspace",
+  "title": "Menu",
+  "variant": {
+    "about": "The three looks. `surface` fills the panel with `bg.popover` inside a hairline edge. `elevated` fills it with `bg.panel` under a large shadow. `glass` applies the theme's glass layer style.",
+    "title": "Looks"
+  },
+  "void": "Void",
+  "workspaces": "Workspaces",
+  "wrapText": "Wrap text"
+}

package/locales/en/specimen/menubar.json

@@ -0,0 +1,108 @@
+{
+  "about": "Renders a row of menus along the top of an application: one tab stop, the arrow keys moving along the bar, and at most one menu open. A mouse moving onto another name while a menu is open opens that menu instead, and the arrows at a panel's side open the menu beside it.",
+  "archive": "Archive",
+  "back": "All documents",
+  "closed": "Every menu is closed.",
+  "controlled": {
+    "about": "The caller keeps `value` and changes it in `onValueChange`, and the status line reads the open menu.",
+    "title": "Controlled"
+  },
+  "copy": "Copy",
+  "create": "New folder",
+  "cut": "Cut",
+  "debug": "Start debugging",
+  "delete": "Delete message",
+  "docs": "Documentation",
+  "duplicate": "Duplicate",
+  "edit": "Edit",
+  "editor": {
+    "about": "An editor's menus with commands and their keys, a separator and a submenu. Press a name, or move to the bar with Tab and open a menu with ArrowDown, Enter or Space. ArrowRight and ArrowLeft in a panel open the menu beside it.",
+    "title": "Editor"
+  },
+  "expand": "Expand selection",
+  "explorer": "Explorer",
+  "file": "File",
+  "fold": "Menu",
+  "folded": {
+    "about": "The bar measures its row. While its names do not fit, the bar folds into one Menu trigger, and each menu of the bar becomes a submenu of it, so every menu is reachable.",
+    "title": "Folded"
+  },
+  "folder": "Folder",
+  "go": "Go",
+  "goFile": "Go to file…",
+  "goLine": "Go to line…",
+  "help": "Help",
+  "icons": {
+    "about": "Rows lead with an icon, and `inset` on the Message menu starts the words of a row without one after the icon's gutter. A critical row reads the error palette and names what it destroys.",
+    "title": "Icons and a critical row"
+  },
+  "label": "Editor",
+  "layout": "Layout",
+  "link": "Copy link",
+  "mail": "Send by mail",
+  "mailbox": "Mail",
+  "message": "Message",
+  "minimap": "Minimap",
+  "move": "Move to folder",
+  "new": "New file",
+  "newTerminal": "New terminal",
+  "open": "Open…",
+  "opened": "Open: {{menu}}.",
+  "options": {
+    "about": "Checkbox rows keep the menu open while they turn, and a radio row closes it once chosen. The name of the Panel menu reads the chosen panel.",
+    "title": "Options"
+  },
+  "palette": {
+    "about": "The eight palettes. Move the pointer onto a name or open a menu: the names and the rows of the menus fill in the palette the root sets.",
+    "title": "Palettes"
+  },
+  "panel": "Panel: {{panel}}",
+  "paste": "Paste",
+  "plain": "Run without debugging",
+  "publish": "Publish",
+  "redo": "Redo",
+  "rename": "Rename folder",
+  "rtl": {
+    "about": "With `dir=\"rtl\"`, the bar runs from the right, the arrows swap, and a submenu opens to the left: the arrow pointing at the next name moves to it.",
+    "edit": "تحرير",
+    "file": "ملف",
+    "label": "المحرر",
+    "link": "نسخ الرابط",
+    "mail": "إرسال بالبريد",
+    "new": "مستند جديد",
+    "open": "فتح…",
+    "redo": "إعادة",
+    "share": "مشاركة",
+    "title": "Right to left",
+    "undo": "تراجع",
+    "view": "عرض",
+    "zoomIn": "تكبير",
+    "zoomOut": "تصغير"
+  },
+  "run": "Run",
+  "save": "Save",
+  "search": "Search",
+  "selectAll": "Select all",
+  "selection": "Selection",
+  "share": "Share",
+  "shortcuts": "Keyboard shortcuts",
+  "show": "Show",
+  "size": {
+    "about": "Every size. The size sets the names' padding and text, and the menus' rows.",
+    "title": "Sizes"
+  },
+  "split": "Split terminal",
+  "status": "Status bar",
+  "stop": {
+    "about": "Tab reaches the bar once and leaves it once, however many menus the bar contains. The arrows move between the names.",
+    "title": "One tab stop"
+  },
+  "terminal": "Terminal",
+  "timeline": "Timeline",
+  "title": "Menubar",
+  "undo": "Undo",
+  "unread": "Mark as unread",
+  "view": "View",
+  "zoomIn": "Zoom in",
+  "zoomOut": "Zoom out"
+}

package/locales/en/specimen/popover.json

@@ -0,0 +1,16 @@
+{
+  "about": "Renders a panel beside its trigger, with a title, a description and a close button.",
+  "close": "Close the filters",
+  "filter": "Filter the list",
+  "filters": "Filters",
+  "only": "Only rows matching all of these are shown.",
+  "placement": {
+    "about": "The panel on each side of the trigger, set by the machine's `positioning.placement`. The machine flips a panel that would cross the edge of the window to the opposite side.",
+    "title": "Placement"
+  },
+  "title": "Popover",
+  "variant": {
+    "about": "Every look at every size. Press a trigger to open its panel. The size sets the panel's padding, the title and the description.",
+    "title": "Looks and sizes"
+  }
+}

package/locales/en/specimen/steps.json

@@ -0,0 +1,86 @@
+{
+  "about": "Renders a flow in steps: an ordered list of the steps, the content of the current step and the buttons that move between them. Each title states in hidden words which steps are completed and which is current.",
+  "back": "Back",
+  "gated": {
+    "about": "With `linear`, a reader goes back to a completed step but cannot jump ahead, and `isStepValid` keeps the flow on a step until it is filled in. `onStepInvalid` reports the refusal, and the example shows its error under the box.",
+    "agree": "The amounts match the invoice",
+    "check": "Check the amounts before you go on.",
+    "title": "Gated"
+  },
+  "labelPlacement": {
+    "about": "Beside puts each title after its disc. Below centres each title under its disc and gives every step an equal share of the row, which fits more steps on a narrow screen.",
+    "title": "Title placement"
+  },
+  "marks": {
+    "about": "`Steps.Status` swaps the disc's number for a mark by state: here an icon for each step and a check once the step is done.",
+    "title": "Marks"
+  },
+  "next": "Next",
+  "palette": {
+    "about": "Every palette in the solid look, which rings the current disc and fills the completed ones from the palette.",
+    "title": "Palettes"
+  },
+  "parcel": {
+    "about": "Steps without triggers or content show where something is. The caller sets `step` from its data, and the titles are below the discs.",
+    "delivered": {
+      "date": "Expected Friday",
+      "title": "Delivered"
+    },
+    "ordered": {
+      "date": "Monday 09:12",
+      "title": "Ordered"
+    },
+    "packed": {
+      "date": "Tuesday 16:40",
+      "title": "Packed"
+    },
+    "shipped": {
+      "date": "Wednesday 07:05",
+      "title": "Shipped"
+    },
+    "title": "Progress"
+  },
+  "payout": {
+    "account": {
+      "body": "The payout leaves from the operating account ending in 4410.",
+      "title": "Account"
+    },
+    "amount": {
+      "body": "€12,400.00 against invoices INV-2038 to INV-2041.",
+      "title": "Amount"
+    },
+    "confirm": {
+      "body": "Sign the payout, and it is queued for the next bank run.",
+      "title": "Confirm"
+    },
+    "queued": "Payout queued for the 14:00 bank run."
+  },
+  "setup": {
+    "about": "A vertical flow puts the steps in a column beside the content, with a line under each title.",
+    "billing": {
+      "body": "Add a card or a bank account for the monthly invoice.",
+      "description": "Card or bank account",
+      "title": "Billing"
+    },
+    "profile": {
+      "body": "Add the workspace's name and the logo on its invoices.",
+      "description": "Name and logo",
+      "title": "Profile"
+    },
+    "team": {
+      "body": "Invite the people who approve payouts, and give each a role.",
+      "description": "Invite and assign roles",
+      "title": "Team"
+    },
+    "title": "Vertical"
+  },
+  "size": {
+    "about": "Every size. The size sets the discs at 36, 40 and 44px, the titles, the descriptions and the room around them.",
+    "title": "Sizes"
+  },
+  "title": "Steps",
+  "variant": {
+    "about": "Every look, on the second step, so one step is completed, one is current and one is still to come. Solid outlines the later disc, rings the current one and fills the completed one. Subtle fills all three from the palette, the current one strongest.",
+    "title": "Looks"
+  }
+}