@godxjp/ui 28.13.0 → 30.0.0

package/docs/foundation/density.tsx

@@ -56,8 +56,8 @@ function DensitySample({ idPrefix }: { idPrefix: string }) {
   return (
     <Flex direction="col" gap="md">
       <Input defaultValue="株式会社ベトヤ" aria-label="取引先名" />
-      <Select defaultValue="paid" name={`${idPrefix}-status`}>
-        <SelectTrigger id={`${idPrefix}-status`} aria-label="状態">
+      <Select aria-label="状態" defaultValue="paid" name={`${idPrefix}-status`}>
+        <SelectTrigger id={`${idPrefix}-status`}>
           <SelectValue placeholder="状態を選択" />
         </SelectTrigger>
         <SelectContent>
@@ -216,8 +216,8 @@ export default function Demo() {
             >
               <Flex direction="col" gap="md">
                 <Input defaultValue="2024-04-12" aria-label="発行日" />
-                <Select defaultValue="JPY" name="page-currency">
-                  <SelectTrigger id="page-currency" aria-label="通貨">
+                <Select aria-label="通貨" defaultValue="JPY" name="page-currency">
+                  <SelectTrigger id="page-currency">
                     <SelectValue placeholder="通貨を選択" />
                   </SelectTrigger>
                   <SelectContent>

package/docs/i18n/messages/en.json

@@ -695,5 +695,511 @@
         }
       }
     }
+  },
+  "caimono": {
+    "brand": "Caimono",
+    "eyebrow": "Understand the price. Choose where to buy.",
+    "demo": "Interactive prototype. Products, merchants and prices are illustrative.",
+    "synthetic": "Illustrative product",
+    "product": "Aero H1 Wireless",
+    "productMeta": "Model AERO-H1 · {count} item · excludes H2 and bundles",
+    "variant": "Colour to compare",
+    "black": "Black · H1-BK",
+    "cream": "Cream · H1-CR",
+    "condition": "Condition",
+    "new": "New",
+    "used": "Used",
+    "lowest": "Lowest eligible total",
+    "noEligible": "No eligible price",
+    "incl": "Includes tax and known domestic delivery fees",
+    "couponActive": "Hako coupon deducted with your confirmation",
+    "couponInactive": "No coupon or reward points deducted",
+    "bestDetails": "View lowest offer",
+    "priceAlert": "Set price alert",
+    "save": "Save product",
+    "saved": "Product saved",
+    "offers": "Compare merchants",
+    "snapshot": "Illustrative data as of {date} (Japan time)",
+    "findShop": "Find a merchant in this table",
+    "searchPlaceholder": "Merchant name…",
+    "deliverTo": "Domestic delivery to",
+    "Tokyo": "Tokyo",
+    "Osaka": "Osaka",
+    "sort": "Sort by",
+    "totalSort": "Total: lowest first",
+    "deliverySort": "Delivery: soonest first",
+    "free": "Free domestic delivery",
+    "stockOnly": "In stock only",
+    "fast": "Delivery within {duration}",
+    "reset": "Clear filters",
+    "counts": "Offers: {total} · Eligible for ranking: {eligible}",
+    "shop": "Merchant",
+    "cash": "Total payable",
+    "delivery": "Delivery & warranty",
+    "action": "Action",
+    "breakdown": "Price breakdown",
+    "detailFor": "Price breakdown — {merchant}",
+    "best": "Lowest total",
+    "observed": "Observed {date}",
+    "itemValue": "Item: {amount}",
+    "shippingValue": "Domestic delivery: {amount}",
+    "discountValue": "Eligible coupon: −{amount}",
+    "unknownTotal": "Total cannot be calculated",
+    "unknown": "Unknown",
+    "eta": "Estimated {duration} (demo)",
+    "pointsValue": "Reward points: {count} · not deducted",
+    "stale": "Old price — recheck required",
+    "outStock": "Out of stock",
+    "needsShipping": "Delivery fee needs confirmation",
+    "inStock": "In stock",
+    "manufacturer": "Manufacturer warranty (demo)",
+    "sellerWarranty": "Merchant warranty (demo)",
+    "noResultTitle": "No matching merchants",
+    "noResultBody": "Try clearing filters or changing the merchant name. Missing data does not mean a zero price.",
+    "limitNote": "Only matching models, colours, conditions and markets with known totals are ranked. Confirm the final price with the merchant.",
+    "couponTitle": "Have a Hako coupon?",
+    "couponLabel": "I checked my eligibility for the {amount} discount",
+    "couponHelp": "Illustrative new-account coupon for Hako Market only. Never enabled automatically.",
+    "expires": "Expires {date} (Japan time)",
+    "whyRank": "How offers are ranked",
+    "rule1": "Same variant, condition and market.",
+    "rule2": "Fresh prices, available stock and complete fees come first.",
+    "rule3": "Commission does not determine ranking.",
+    "kaimiBody": "Reward points are not an immediate cash discount. Check the total first, then the conditions and expiry of points.",
+    "buyAssist": "Need help buying from Japan?",
+    "buyAssistBody": "Service fees, international shipping and unknown charges are separate. Domestic cost is not the landed cost.",
+    "quote": "View quote structure",
+    "historyTitle": "Lowest price over time",
+    "historyScope": "Illustrative data · black / new / Tokyo · before coupons · independent of current filters",
+    "period": "History period",
+    "historyMetric": "Known total, before reward points",
+    "date": "Sample date",
+    "price": "Sample total",
+    "reviewTitle": "Choose the right product before the lowest price",
+    "editorial": "Editorial reviews",
+    "editorialBody": "This illustrative product has not been tested. No test score or verified badge is shown.",
+    "community": "Community reviews",
+    "communityBody": "No reviews yet. Merchant ratings are not product quality ratings.",
+    "specTitle": "Illustrative specifications",
+    "model": "Model",
+    "modelValue": "AERO-H1",
+    "connection": "Connection",
+    "wireless": "Wireless",
+    "unit": "Items per offer",
+    "market": "Market",
+    "japan": "Japan",
+    "disclosure": "Commercial transparency",
+    "disclosureText": "No affiliate links are connected in this prototype. A live service must disclose commissions near the table and label sponsored placements separately. This demo excludes prices older than {duration} from the lowest-price claim.",
+    "footerNote": "Prototype · No live shops, payments or notifications.",
+    "close": "Close",
+    "breakdownTitle": "Understand what you pay",
+    "breakdownNote": "Illustrative data. No transaction or merchant-site redirect.",
+    "item": "Item price",
+    "shipping": "Domestic delivery",
+    "fee": "Mandatory fees",
+    "discount": "Eligible coupon",
+    "points": "Expected reward points",
+    "notDeducted": "Reward points are not deducted from cash payable.",
+    "notRankedExplain": "This offer is not eligible for the lowest-total label. The original price remains visible to explain stale or incomplete data.",
+    "alertTitle": "Set your target price",
+    "alertBody": "This demo stores a threshold on this device only. It sends no emails or notifications.",
+    "alertScope": "AERO-H1 · {variant} · {condition} · {destination} · JPY",
+    "alertLabel": "Alert when the total is at most (JPY)",
+    "alertHelp": "Positive whole amount. Excludes personal coupons and reward points.",
+    "alertSave": "Save demo threshold",
+    "alertSaved": "Threshold saved on this device. No real notification has been created.",
+    "storageFail": "Browser storage is unavailable. Your change was not saved.",
+    "favoriteOn": "Product saved in this browser.",
+    "favoriteOff": "Product removed from saved items in this browser.",
+    "quoteTitle": "Buying assistance: a two-stage quote",
+    "quoteBody": "This is an explanation, not a service quote. Known costs and charges needing confirmation must remain separate.",
+    "domestic": "Selected domestic purchase cost",
+    "assistFee": "Buying service fee",
+    "intlShip": "International shipping",
+    "importCost": "Import taxes and fees",
+    "landed": "Landed total",
+    "pendingQuote": "Quote required",
+    "notFinal": "Not yet confirmed",
+    "quoteNote": "No checkout while fees are unknown. The next step in a real service is requesting a quote.",
+    "merchants": {
+      "mori": "Mori Store",
+      "aoi": "Aoi Direct",
+      "hako": "Hako Market",
+      "kumo": "Kumo Shop",
+      "haru": "Haru Select",
+      "mika": "Mika Audio",
+      "neko": "Neko Outlet",
+      "other": "Other Model Shop"
+    }
+  },
+  "dataTableDocs": {
+    "stackedRecordWide": "Record collection (wide — stays a table)",
+    "stackedRecordFolded": "Same table, same column definitions (narrow — folds into cards)"
+  },
+  "chartsDocs": {
+    "areaSplitTitle": "AreaChart · fill apart from stroke / cropped value axis",
+    "areaSplitBody": "series[].fillColor sets the band's colour independently of the line's color, and valueDomain / valueTicks state the value axis outright. A non-zero baseline is legitimate only where the SHAPE is the message and zero is not a meaningful reference — a price, a temperature, an index, a latency percentile. In any figure that asks the reader to compare magnitudes (every bar chart), it exaggerates the wobble and misleads. If you crop, say the range and keep the grid.",
+    "areaSplitLabel": "Weekly price (cropped to ¥24,000–31,000)",
+    "areaSplitDescription": "Not zero-based. The axis runs ¥24,000–31,000.",
+    "priceSeries": "Price",
+    "tokenScopeTitle": "Theme tokens · scoped to a region",
+    "tokenScopeBody": "Stroke weight, band density and grid dash are house style, so they are tokens rather than props. --chart-series-stroke-width / --chart-area-fill-alpha / --chart-grid-line-dash are set on the block below and nowhere else. No page-local CSS, no raw recharts.",
+    "tokenScopeLabel": "Weekly price (themed)"
+  },
+  "themeScopeDocs": {
+    "page": {
+      "subtitle": "A themed region whose overlays keep the region's tokens.",
+      "title": "ThemeScope"
+    },
+    "intro": {
+      "title": "Why a region needs this at all",
+      "description": "Every overlay portals to document.body, so custom-property inheritance stops at the portal boundary.",
+      "body": "A region that themes itself themes its own subtree and nothing it opens: measured on a scoped theme, the region read --primary 204 100% 37% and the Dialog it opened read 268.7 100% 50%, the package default. ThemeScope carries the computed difference between the region and the document root to a host at the portal destination, so the overlay inherits it by containment. It has no theme prop — it reads the DOM, which is why an inline style, a class and a stylesheet rule all behave the same."
+    },
+    "region": {
+      "description": "Open anything here. The panel it opens is painted by this region.",
+      "pending": "Awaiting review",
+      "queue": "12 submissions in the queue",
+      "reviewerLabel": "Assign a reviewer",
+      "reviewerPlaceholder": "Choose a reviewer",
+      "approve": "Approve submission",
+      "history": "Review history",
+      "notify": "Notify the submitter"
+    },
+    "dialog": {
+      "title": "Approve this submission",
+      "description": "The approval is recorded against your account and the submitter is notified immediately.",
+      "confirm": "Approve",
+      "body": "Three submissions from this customer are waiting on the same evidence pack."
+    },
+    "popover": {
+      "body": "Returned once for missing evidence, resubmitted the same day."
+    },
+    "toast": {
+      "approved": "Submission approved",
+      "saved": "The submitter has been notified"
+    },
+    "acme": {
+      "name": "ACME Logistics"
+    },
+    "night": {
+      "name": "Night shift console"
+    },
+    "without": {
+      "title": "The same region without ThemeScope",
+      "description": "The tokens are declared exactly as above — only the wrapper is a plain div.",
+      "open": "Approve submission",
+      "dialogTitle": "Approve this submission",
+      "dialogDescription": "This panel is the defect: it is painted by the package defaults, not by the region that opened it.",
+      "dialogBody": "Compare the button that opened it with the button inside it: the region's colour did not travel."
+    }
+  },
+  "tableDocs": {
+    "title": "Cash movements · row tone",
+    "item": "Item",
+    "amount": "Amount",
+    "status": "Status",
+    "fee": "Transfer fee",
+    "done": "Processed",
+    "overdue": "Payment 3 days overdue",
+    "check": "Needs review",
+    "failed": "Direct debit failed",
+    "failedBadge": "Failed"
+  },
+  "themeLab": {
+    "page": {
+      "title": "Theme lab",
+      "subtitle": "One page, every component that can render, several themes, several seed colours. A theme here is custom properties and nothing else.",
+      "footer": "The URL carries the theme and the seed, so a screenshot and a measurement address the same cell of the matrix."
+    },
+    "product": "Theme Lab",
+    "switch": {
+      "title": "Theme and seed",
+      "note": "Adding a theme is one CSS file plus one row in docs/themes/index.ts. This page is never edited for it.",
+      "themeLabel": "Theme",
+      "seedLabel": "Seed colour",
+      "modeLabel": "Polarity",
+      "seedHex": "Seed",
+      "seedInk": "Label on the seed",
+      "seedContrast": "Label contrast, WCAG 2.2 SC 1.4.3",
+      "legendPass": "4.5:1 or better",
+      "legendFail": "below AA"
+    },
+    "mode": {
+      "light": "Light",
+      "dark": "Dark"
+    },
+    "theme": {
+      "base": {
+        "name": "Default",
+        "note": "The library's own theme. No theme file and no overrides — the control that shows what these components look like unthemed."
+      },
+      "glass": {
+        "name": "Glassmorphism",
+        "note": "Frosted translucent panels, a backdrop blur with saturation, a thin light edge and layered depth over a vivid ground."
+      },
+      "flat": {
+        "name": "Flat",
+        "note": "No corners, no shadow, opaque surfaces separated by a line. Squaring one number costs sixty-seven declarations."
+      },
+      "neubrutalism": {
+        "name": "Neubrutalism",
+        "note": "Thick black borders, hard offset shadows with no blur, square corners and loud saturated fills. Thickening a border costs 22 declarations and still reaches only a fifth of them."
+      }
+    },
+    "seed": {
+      "violet": "Violet",
+      "azure": "Azure",
+      "coral": "Coral",
+      "citron": "Citron",
+      "navy": "Navy"
+    },
+    "nav": {
+      "section": "Workspace",
+      "overview": "Overview",
+      "reports": "Reports",
+      "people": "People",
+      "settings": "Settings",
+      "role": "Administrator",
+      "footer": "Signed in"
+    },
+    "app": {
+      "console": "Console",
+      "billing": "Billing"
+    },
+    "topbar": {
+      "notifications": "Notifications",
+      "account": "Account"
+    },
+    "menu": {
+      "profile": "Profile",
+      "billing": "Billing",
+      "logout": "Sign out"
+    },
+    "popover": {
+      "title": "Two new items",
+      "body": "Nothing needs your attention right now.",
+      "action": "Mark all as read"
+    },
+    "section": {
+      "type": "Type, marks and rhythm",
+      "typeNote": "The ink ramp is the first thing a translucent surface breaks, so every step of it is on the page at once.",
+      "actions": "Actions",
+      "display": "Status and data display",
+      "tables": "Tables",
+      "charts": "Charts",
+      "fields": "Form controls",
+      "fieldsNote": "A field has to read as a place you can type before it reads as a theme: fill, border, focus ring, placeholder and the filled and empty states are all here.",
+      "nav": "Navigation",
+      "feedback": "Feedback",
+      "overlays": "Overlays",
+      "overlaysNote": "These are opened by the measurement, not merely present. Each one portals out of this subtree and reaches the theme through ThemeScope's overlay host.",
+      "regions": "Regions that nest",
+      "chat": "Conversational",
+      "absent": "Could not be rendered",
+      "absentNote": "An absence nobody can see is an absence nobody accounts for."
+    },
+    "absent": {
+      "export": "Export",
+      "reason": "Reason",
+      "provider": "A provider, already mounted above this page by the preview runtime.",
+      "overlayPortal": "A provider that re-parents every overlay portal; mounting it here would replace the ThemeScope host this page exists to measure.",
+      "themeScope": "It is this page's own wrapper.",
+      "ownsPage": "A shell that owns the whole document; it cannot nest inside AppShell.",
+      "hook": "A hook. It has no surface of its own to paint.",
+      "function": "A function, not a component.",
+      "inertia": "An Inertia adapter; it needs a router this preview does not have.",
+      "needsFile": "It needs a real File chosen from a file input.",
+      "needsNetwork": "It needs a network image; committed assets are used instead.",
+      "needsRouter": "It needs a route and a prefetchable query.",
+      "needsQuery": "It needs a live TanStack Query result, which is data rather than theme.",
+      "invisible": "It is on the page, and by definition it paints nothing.",
+      "needsSchema": "It needs a zod schema, and check:example-imports allows a docs page to import only react, lucide-react and @godxjp/ui.",
+      "sameSurface": "The composed form of AlertDialog, which is on the page; it paints no new surface."
+    },
+    "action": {
+      "save": "Save",
+      "cancel": "Cancel",
+      "secondary": "Secondary",
+      "outline": "Outline",
+      "ghost": "Ghost",
+      "dashed": "Dashed",
+      "destructive": "Delete",
+      "link": "Link",
+      "disabled": "Disabled",
+      "search": "Search",
+      "bold": "Bold",
+      "unread": "Unread",
+      "retry": "Try again",
+      "more": "More",
+      "share": "Share",
+      "open": "Open"
+    },
+    "align": {
+      "start": "Start",
+      "center": "Centre",
+      "end": "End"
+    },
+    "label": {
+      "variants": "Variants",
+      "sizes": "Sizes",
+      "toggles": "Toggles and rating",
+      "actionsBar": "Response actions",
+      "badges": "Badges and swatches",
+      "items": "items",
+      "align": "Alignment",
+      "progress": "Storage used",
+      "people": "Team",
+      "tools": "Tools",
+      "schedule": "Schedule",
+      "week": "Week",
+      "start": "Start of range",
+      "end": "End of range",
+      "permissions": "Permissions",
+      "quickPick": "Quick pick",
+      "noResults": "Nothing to show",
+      "available": "Available",
+      "selected": "Selected",
+      "qr": "Enrolment QR code",
+      "thumbnail": "A dashboard screenshot",
+      "credential": "API key",
+      "detail": "Detail",
+      "master": "List",
+      "catalog": "Add from the catalogue",
+      "mainNav": "Main navigation",
+      "onThisPage": "On this page",
+      "pinned": "Pinned bar",
+      "skeletons": "Loading placeholders",
+      "assistant": "Assistant",
+      "loading": "Loading",
+      "rating": "Rating"
+    },
+    "table": {
+      "name": "Name",
+      "owner": "Owner",
+      "status": "Status",
+      "amount": "Amount"
+    },
+    "tone": {
+      "neutral": "Neutral",
+      "success": "Approved",
+      "warning": "Waiting",
+      "destructive": "Rejected",
+      "info": "Information"
+    },
+    "stat": {
+      "members": "Members",
+      "revenue": "Revenue",
+      "usage": "Usage",
+      "open": "Open requests",
+      "hint": "Up 3% on last month"
+    },
+    "chart": {
+      "trend": "Plan against actual",
+      "plan": "Plan",
+      "actual": "Actual",
+      "byMonth": "By month",
+      "stacked": "Stacked",
+      "split": "Split",
+      "weekly": "Last seven days"
+    },
+    "field": {
+      "name": "Name",
+      "namePlaceholder": "Two to sixty characters",
+      "email": "Email",
+      "emailError": "That is not an email address.",
+      "search": "Search",
+      "searchPlaceholder": "Search by name or id",
+      "quantity": "Quantity",
+      "password": "Password",
+      "notes": "Notes",
+      "tags": "Labels",
+      "role": "Role",
+      "date": "Date",
+      "time": "Time",
+      "timeRange": "Shift",
+      "colour": "Brand colour",
+      "volume": "Volume",
+      "region": "Region",
+      "account": "Account",
+      "notify": "Email notifications",
+      "agree": "I accept the terms",
+      "scope": "Applies to"
+    },
+    "role": {
+      "viewer": "Viewer",
+      "editor": "Editor",
+      "admin": "Administrator"
+    },
+    "perm": {
+      "read": "Read",
+      "write": "Write",
+      "admin": "Administer"
+    },
+    "overlay": {
+      "dialog": "Open dialog",
+      "sheet": "Open sheet",
+      "alertDialog": "Confirm deletion",
+      "tooltip": "Hover for a tooltip",
+      "toast": "Show toast",
+      "toastMessage": "Saved.",
+      "twoFactor": "Set up two-factor",
+      "inlineNote": "The Select listbox is an overlay too: it needs the most opaque fill of the three, because a menu sits over arbitrary content."
+    },
+    "error": {
+      "title": "You do not have access to this report"
+    },
+    "auth": {
+      "title": "Sign in",
+      "requester": "Theme Lab is requesting access",
+      "switch": "Switch account",
+      "or": "or",
+      "terms": "Terms",
+      "privacy": "Privacy"
+    },
+    "chat": {
+      "welcomeTitle": "Good afternoon",
+      "welcomeBody": "Ask about invoices, expenses or attendance.",
+      "assistant": "How can I help?",
+      "user": "Summarise yesterday's invoices.",
+      "assistantName": "Assistant",
+      "userName": "You",
+      "thoughts": "Steps taken",
+      "placeholder": "Write a message"
+    },
+    "sample": {
+      "alpha": "Northern district",
+      "beta": "Central office",
+      "gamma": "Southern depot",
+      "delta": "Harbour annexe",
+      "epsilon": "Field team",
+      "one": "Pham Thai Duong",
+      "two": "Mai Sato",
+      "three": "Diego Costa",
+      "short": "Updated a few minutes ago.",
+      "long": "A tidy board is the defect, not the deliverable: this row carries a three-line label beside a one-word one, an unbreakable token beside an empty slot, and the longest string the layout will ever be handed.",
+      "headline": "Can this component set wear a complex theme?",
+      "linkLabel": "Read the token-resolution rules",
+      "codeLabel": "Theme excerpt",
+      "secure": "Session is encrypted",
+      "syncing": "Syncing",
+      "marqueeLabel": "Pause the scrolling list",
+      "aspectTitle": "A fixed-ratio region"
+    },
+    "launcher": {
+      "trigger": "Apps",
+      "title": "Switch app"
+    },
+    "org": {
+      "trigger": "Organisation"
+    },
+    "twoFactor": {
+      "title": "Set up two-factor authentication",
+      "description": "Scan the code with an authenticator app, then enter the six digits it shows.",
+      "manualKey": "Or enter this key by hand",
+      "code": "Six-digit code",
+      "recovery": "Store these recovery codes somewhere safe. They are shown once.",
+      "acknowledge": "I have saved them"
+    }
   }
 }