plass-ui 1.2.0 → 1.4.0

package/dist/locales/ja.js

@@ -0,0 +1 @@
+export const ja={close:"閉じる",cancel:"キャンセル",confirm:"確認",clear:"クリア",done:"完了",skip:"スキップ",search:"検索",selectAll:"すべて選択",selectRow:"行を選択",remove:"削除",dismiss:"閉じる",open:"開く",previous:"前へ",next:"次へ",reveal:"表示",hide:"非表示",increase:"増やす",decrease:"減らす",preview:"プレビュー",empty:"項目がありません",breadcrumb:"パンくずリスト",breadcrumbExpand:"省略された階層を表示",carousel:"カルーセル",carouselPrevious:"前のスライド",carouselNext:"次のスライド",commandPalette:"コマンドパレット",commandPalettePlaceholder:"コマンドを検索",gallery:"ギャラリー",chart:"グラフ",minimize:"最小化",maximize:"最大化",restore:"元に戻す",resizeWindow:"ウィンドウのサイズを変更",overlay:"オーバーレイ",pagination:"ページ送り",paginationPrevious:"前のページ",paginationNext:"次のページ",paginationFirst:"最初のページ",paginationLast:"最後のページ",rating:"評価",sidebar:"サイドバー",sidebarClose:"サイドバーを閉じる",sidebarResize:"サイドバーの幅を変更",skipToContent:"本文へスキップ",backToTop:"ページの先頭へ",onThisPage:"このページの目次",typing:"入力中…",newTab:"(新しいタブで開きます)",transferAvailable:"未選択",transferSelected:"選択済み",transferToSelected:"選択済みへ移動",transferToAvailable:"未選択へ移動",copy:"コピー",copied:"コピーしました",copyFailed:"コピーできません",raw:"元のまま",code:"コード",previousMonth:"前の月",nextMonth:"次の月",previousYear:"前の年",nextYear:"次の年",previousYears:"前の年一覧",nextYears:"次の年一覧",chooseMonth:"月を選択",chooseYear:"年を選択",today:"今日",thisMonth:"今月",thisYear:"今年",now:"現在",hour:"時",minute:"分",second:"秒",meridiem:"午前/午後",start:"開始",end:"終了"};

package/dist/locales/ko.d.ts

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

package/dist/locales/ko.js

@@ -0,0 +1 @@
+export const ko={close:"닫기",cancel:"취소",confirm:"확인",clear:"지우기",done:"완료",skip:"건너뛰기",search:"검색",selectAll:"전체 선택",selectRow:"행 선택",remove:"삭제",dismiss:"닫기",open:"열기",previous:"이전",next:"다음",reveal:"보기",hide:"숨기기",increase:"늘리기",decrease:"줄이기",preview:"미리 보기",empty:"항목 없음",breadcrumb:"탐색 경로",breadcrumbExpand:"숨겨진 단계 보기",carousel:"캐러셀",carouselPrevious:"이전 슬라이드",carouselNext:"다음 슬라이드",commandPalette:"명령 팔레트",commandPalettePlaceholder:"명령 검색",gallery:"갤러리",chart:"차트",minimize:"최소화",maximize:"최대화",restore:"이전 크기로",resizeWindow:"창 크기 조절",overlay:"오버레이",pagination:"페이지 이동",paginationPrevious:"이전 페이지",paginationNext:"다음 페이지",paginationFirst:"첫 페이지",paginationLast:"마지막 페이지",rating:"별점",sidebar:"사이드바",sidebarClose:"사이드바 닫기",sidebarResize:"사이드바 크기 조절",skipToContent:"본문으로 건너뛰기",backToTop:"맨 위로",onThisPage:"이 페이지의 목차",typing:"입력 중…",newTab:"(새 탭에서 열림)",transferAvailable:"사용 가능",transferSelected:"선택됨",transferToSelected:"선택 목록으로 옮기기",transferToAvailable:"사용 가능 목록으로 옮기기",copy:"복사",copied:"복사됨",copyFailed:"복사할 수 없음",raw:"원본",code:"코드",previousMonth:"이전 달",nextMonth:"다음 달",previousYear:"이전 해",nextYear:"다음 해",previousYears:"이전 연도 목록",nextYears:"다음 연도 목록",chooseMonth:"월 선택",chooseYear:"연도 선택",today:"오늘",thisMonth:"이번 달",thisYear:"올해",now:"지금",hour:"시",minute:"분",second:"초",meridiem:"오전/오후",start:"시작",end:"종료"};

package/dist/locales/zh-Hans.d.ts

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

package/dist/locales/zh-Hans.js

@@ -0,0 +1 @@
+export const zhHans={close:"关闭",cancel:"取消",confirm:"确认",clear:"清除",done:"完成",skip:"跳过",search:"搜索",selectAll:"全选",selectRow:"选择该行",remove:"移除",dismiss:"关闭",open:"打开",previous:"上一个",next:"下一个",reveal:"显示",hide:"隐藏",increase:"增加",decrease:"减少",preview:"预览",empty:"暂无内容",breadcrumb:"面包屑导航",breadcrumbExpand:"显示折叠的层级",carousel:"轮播",carouselPrevious:"上一张",carouselNext:"下一张",commandPalette:"命令面板",commandPalettePlaceholder:"搜索命令",gallery:"图库",chart:"图表",minimize:"最小化",maximize:"最大化",restore:"还原",resizeWindow:"调整窗口大小",overlay:"遮罩",pagination:"分页",paginationPrevious:"上一页",paginationNext:"下一页",paginationFirst:"第一页",paginationLast:"最后一页",rating:"评分",sidebar:"侧边栏",sidebarClose:"关闭侧边栏",sidebarResize:"调整侧边栏宽度",skipToContent:"跳到主要内容",backToTop:"回到顶部",onThisPage:"本页目录",typing:"正在输入…",newTab:"(在新标签页中打开)",transferAvailable:"可选",transferSelected:"已选",transferToSelected:"移到已选",transferToAvailable:"移到可选",copy:"复制",copied:"已复制",copyFailed:"无法复制",raw:"原始",code:"代码",previousMonth:"上个月",nextMonth:"下个月",previousYear:"上一年",nextYear:"下一年",previousYears:"上一组年份",nextYears:"下一组年份",chooseMonth:"选择月份",chooseYear:"选择年份",today:"今天",thisMonth:"本月",thisYear:"今年",now:"此刻",hour:"时",minute:"分",second:"秒",meridiem:"上午/下午",start:"开始",end:"结束"};

package/dist/provider/PlColorSchemeScript.d.ts

@@ -0,0 +1,40 @@
+import { type PlColorScheme } from '../internal/color-scheme.js';
+export interface PlColorSchemeScriptProps {
+    /** Must match the hook's. @default 'plass-color-scheme' */
+    storageKey?: string;
+    /** What to apply when nothing has been stored. Must match the hook's. @default 'system' */
+    defaultScheme?: PlColorScheme;
+    /** The `nonce` a strict Content Security Policy requires on an inline script. */
+    nonce?: string;
+}
+/**
+ * Paints the reader's chosen theme before the first frame.
+ *
+ * Put it in `<head>`, above everything. It reads the stored choice and writes
+ * it onto `<html>` **synchronously**, while the parser is still in the head and
+ * before any content has been laid out — which is the only moment at which the
+ * white flash can be prevented. React runs long after that, so a theme applied
+ * from an effect is applied one paint too late, and the reader has already seen
+ * the wrong one.
+ *
+ * ```tsx
+ * // app/layout.tsx
+ * <html suppressHydrationWarning>
+ *   <head>
+ *     <PlColorSchemeScript />
+ *   </head>
+ *   <body>{children}</body>
+ * </html>
+ * ```
+ *
+ * `suppressHydrationWarning` on `<html>` is the other half, and it is not a
+ * workaround: the script's whole job is to change that element before React
+ * hydrates, so React finding an attribute the server did not send is the thing
+ * working rather than failing.
+ *
+ * It renders nothing but a `<script>`, calls no hook and reads no context, so it
+ * stays a server component — the one place in this library where that matters
+ * most, since a client component here would arrive with the bundle and be too
+ * late by definition.
+ */
+export declare function PlColorSchemeScript({ storageKey, defaultScheme, nonce }: PlColorSchemeScriptProps): import("react").JSX.Element;

package/dist/provider/PlColorSchemeScript.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{DEFAULT_STORAGE_KEY as t}from"../internal/color-scheme.js";function inlineScript(e,t){return`(function(){try{var k=${JSON.stringify(e)},d=${JSON.stringify(t)};var s=localStorage.getItem(k);if(s!=="light"&&s!=="dark"&&s!=="system"){s=d}var e=document.documentElement;e.classList.remove("light","dark");if(s==="system"){delete e.dataset.theme}else{e.dataset.theme=s;e.classList.add(s)}}catch(_){}})()`}export function PlColorSchemeScript({storageKey:s=t,defaultScheme:r="system",nonce:n}){return e("script",{nonce:n,dangerouslySetInnerHTML:{__html:inlineScript(s,r)}})}

package/dist/provider/PlassProvider.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { type PlassDefaults } from '../internal/defaults.js';
+export interface PlassProviderProps extends PlassDefaults {
+    children?: React.ReactNode;
+}
+/**
+ * The defaults every Plass component under it starts from.
+ *
+ * Optional, and the library is finished without it — this is not a theme file
+ * to fill in before the first screen looks like something. What it removes is
+ * transcription: an application whose controls are `sm` says so once instead of
+ * at every call site, and a Korean application names its locale once instead of
+ * on five pickers.
+ *
+ * ```tsx
+ * <PlassProvider size="sm" density="compact" locale="ko-KR">
+ *   <App />
+ * </PlassProvider>
+ * ```
+ *
+ * **It sets `size`, `color`, `density` and the date vocabulary, and it
+ * deliberately does not set `variant` or `elevation`.** Those two name what a
+ * surface is *made of* and how far off the page it sits, and both are decided
+ * per component by the design language rather than per application: a button is
+ * `solid` and rests on the sheet, a field is cut into it. One value for all of
+ * them would not be a default, it would be a flattening. `internal/defaults.ts`
+ * has the long version.
+ *
+ * Providers **nest and merge**, so a section of a page can be compact inside an
+ * application that is not, and a component's own prop always wins over both.
+ *
+ * **It also carries the reading direction**, and that one is not a default the
+ * caller sets — it is read off the document. `dir="rtl"` turns the layout over
+ * on its own, but Base UI reads the direction from a React context, so without
+ * this the arrow keys, the composite navigation and the popup alignment would
+ * all still be running left to right under a right-to-left page. See
+ * `internal/direction.ts`.
+ */
+export declare function PlassProvider({ size, color, density, locale, weekStartsOn, labels, direction, children }: PlassProviderProps): React.JSX.Element;

package/dist/provider/PlassProvider.js

@@ -0,0 +1 @@
+"use client";import{jsx as e}from"react/jsx-runtime";import*as r from"react";import{DirectionProvider as i}from"@base-ui/react/direction-provider";import{DefaultsContext as t}from"../internal/defaults.js";import{useDocumentDirection as o}from"../internal/direction.js";export function PlassProvider({size:n,color:s,density:l,locale:c,weekStartsOn:a,labels:d,direction:m,children:u}){const f=r.useContext(t),p=r.useMemo(()=>({size:n??f.size,color:s??f.color,density:l??f.density,locale:c??f.locale,weekStartsOn:a??f.weekStartsOn,labels:d??f.labels,direction:m??f.direction}),[n,s,l,c,a,d,m,f]),b=o();return e(i,{direction:p.direction??b,children:e(t.Provider,{value:p,children:u})})}

package/dist/provider/index.d.ts

@@ -0,0 +1,6 @@
+export { PlColorSchemeScript } from './PlColorSchemeScript.js';
+export type { PlColorSchemeScriptProps } from './PlColorSchemeScript.js';
+export { PlassProvider } from './PlassProvider.js';
+export type { PlassProviderProps } from './PlassProvider.js';
+export { useDefaults as usePlassDefaults, type PlassDefaults } from '../internal/defaults.js';
+export { defaultLabels, type PlassLabels } from '../internal/labels.js';

package/dist/provider/index.js

@@ -0,0 +1 @@
+export{PlColorSchemeScript}from"./PlColorSchemeScript.js";export{PlassProvider}from"./PlassProvider.js";export{useDefaults as usePlassDefaults}from"../internal/defaults.js";export{defaultLabels}from"../internal/labels.js";