@monkey-mini-app/ui 0.1.0

package/dist/src/i18n/context.tsx

@@ -0,0 +1,72 @@
+"use client"
+
+import * as React from "react"
+import { enUS, zhCN } from "date-fns/locale"
+import type { Locale } from "date-fns"
+
+import { en, type UiMessages } from "./en"
+import { zh } from "./zh"
+
+export type UiLocale = "en" | "zh"
+
+type UiI18nValue = {
+  locale: UiLocale
+  messages: UiMessages
+  dateLocale: Locale
+}
+
+const dictionaries: Record<UiLocale, UiMessages> = { en, zh }
+const dateLocales: Record<UiLocale, Locale> = { en: enUS, zh: zhCN }
+
+const UiI18nContext = React.createContext<UiI18nValue>({
+  locale: "en",
+  messages: en,
+  dateLocale: enUS,
+})
+
+export function UiProvider({
+  locale = "en",
+  messages,
+  children,
+}: {
+  locale?: UiLocale
+  messages?: UiMessages
+  children: React.ReactNode
+}) {
+  const value = React.useMemo<UiI18nValue>(
+    () => ({
+      locale,
+      messages: messages ?? dictionaries[locale],
+      dateLocale: dateLocales[locale],
+    }),
+    [locale, messages]
+  )
+  return <UiI18nContext.Provider value={value}>{children}</UiI18nContext.Provider>
+}
+
+export function useUiI18n() {
+  return React.useContext(UiI18nContext)
+}
+
+export function useUiMessages() {
+  return useUiI18n().messages
+}
+
+export function useUiLocale() {
+  return useUiI18n().locale
+}
+
+export function useDateLocale() {
+  return useUiI18n().dateLocale
+}
+
+export function useLabels<K extends keyof UiMessages>(
+  key: K,
+  override?: Partial<UiMessages[K]>
+): UiMessages[K] {
+  const group = useUiMessages()[key]
+  if (!override) return group
+  return { ...group, ...override }
+}
+
+export { en, zh, dictionaries }

package/dist/src/i18n/en.ts

@@ -0,0 +1,168 @@
+export const en = {
+  common: {
+    today: "Today",
+    clear: "Clear",
+    cancel: "Cancel",
+    confirm: "Confirm",
+    save: "Save",
+    delete: "Delete",
+    search: "Search…",
+    previous: "Previous",
+    next: "Next",
+    copy: "Copy",
+    close: "Close",
+  },
+  datePicker: {
+    placeholder: "Pick a date",
+  },
+  dateRangePicker: {
+    placeholder: "Pick a date range",
+  },
+  dateTimePicker: {
+    placeholder: "Pick date and time",
+  },
+  dateTimeRange: {
+    start: "Start",
+    end: "End",
+  },
+  timeRange: {
+    to: "to",
+  },
+  timezoneSelect: {
+    search: "Search city or offset…",
+    empty: "No timezone found.",
+    common: "Common",
+    typeToSearch: (count: number) => `Type to search ${count} timezones`,
+    aria: (city: string) => `Timezone ${city}`,
+  },
+  relativeDate: {
+    today: "Today",
+    last7d: "Last 7d",
+    last30d: "Last 30d",
+    sprint: "This sprint",
+    custom: "Custom",
+  },
+  searchInput: {
+    placeholder: "Search…",
+  },
+  tagInput: {
+    placeholder: "Add tag…",
+  },
+  userPicker: {
+    placeholder: "Select user",
+  },
+  passwordField: {
+    show: "Show password",
+    hide: "Hide password",
+  },
+  numberField: {
+    decrease: "Decrease",
+    increase: "Increase",
+  },
+  durationInput: {
+    hours: "h",
+    minutes: "m",
+    decrease: (unit: string) => `Decrease ${unit}`,
+    increase: (unit: string) => `Increase ${unit}`,
+  },
+  copyable: {
+    copy: "Copy",
+  },
+  confirmDialog: {
+    confirm: "Confirm",
+    cancel: "Cancel",
+  },
+  eventCalendar: {
+    today: "Today",
+    prev: "Prev",
+    next: "Next",
+    month: "Month",
+    week: "Week",
+    day: "Day",
+    allDay: "All day",
+    newEvent: "New event",
+    editEvent: "Edit event",
+    eventTitle: "Event title",
+    save: "Save",
+    delete: "Delete",
+    more: (count: number) => `+${count} more`,
+    weekdays: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"] as [
+      string,
+      string,
+      string,
+      string,
+      string,
+      string,
+      string,
+    ],
+  },
+  dataGrid: {
+    search: "Search…",
+    filterColumn: (label: string) => `Filter ${label}…`,
+    clear: "Clear",
+    clearFilters: "Clear filters",
+    noResults: "No results",
+    noResultsHint: "Try a different search, or clear column filters.",
+    selectAll: "Select all",
+    selectRow: "Select row",
+    row: "row",
+    rows: "rows",
+    rowsLabel: "Rows",
+    export: "Export",
+    view: "View",
+    columns: "Columns",
+    previousPage: "Previous page",
+    nextPage: "Next page",
+    selected: (count: number) => `${count} selected`,
+  },
+  fileDropzone: {
+    drop: "Drop files here, or click to browse",
+  },
+  kanbanIssue: {
+    assignee: "Assignee",
+    reporter: "Reporter",
+    updated: "Updated",
+    unassigned: "Unassigned",
+    description: "Description",
+    noDescription: "No description.",
+    comments: "Comments",
+    noComments: "No comments.",
+  },
+  markdownEditor: {
+    edit: "Edit",
+    split: "Split",
+    preview: "Preview",
+  },
+  richText: {
+    placeholder: "Write…",
+    bold: "Bold",
+    italic: "Italic",
+    bullet: "Bullet list",
+    ordered: "Ordered list",
+    code: "Code",
+  },
+  pagination: {
+    previous: "Previous",
+    next: "Next",
+    previousPage: "Go to previous page",
+    nextPage: "Go to next page",
+  },
+  questionnaire: {
+    previous: "Previous",
+    skip: "Skip",
+    next: "Next",
+    submit: "Submit",
+  },
+  command: {
+    title: "Command Palette",
+    description: "Search for a command to run...",
+  },
+  jiraWiki: {
+    empty: "Empty",
+  },
+  jqlInput: {
+    placeholder: "project = TMS AND status = Open",
+  },
+}
+
+export type UiMessages = typeof en

package/dist/src/i18n/zh.ts

@@ -0,0 +1,160 @@
+import type { UiMessages } from "./en"
+
+export const zh: UiMessages = {
+  common: {
+    today: "今天",
+    clear: "清除",
+    cancel: "取消",
+    confirm: "确认",
+    save: "保存",
+    delete: "删除",
+    search: "搜索…",
+    previous: "上一页",
+    next: "下一页",
+    copy: "复制",
+    close: "关闭",
+  },
+  datePicker: {
+    placeholder: "选择日期",
+  },
+  dateRangePicker: {
+    placeholder: "选择日期范围",
+  },
+  dateTimePicker: {
+    placeholder: "选择日期和时间",
+  },
+  dateTimeRange: {
+    start: "开始",
+    end: "结束",
+  },
+  timeRange: {
+    to: "至",
+  },
+  timezoneSelect: {
+    search: "搜索城市或时差…",
+    empty: "没有匹配的时区。",
+    common: "常用",
+    typeToSearch: (count: number) => `输入以搜索 ${count} 个时区`,
+    aria: (city: string) => `时区 ${city}`,
+  },
+  relativeDate: {
+    today: "今天",
+    last7d: "近 7 天",
+    last30d: "近 30 天",
+    sprint: "本迭代",
+    custom: "自定义",
+  },
+  searchInput: {
+    placeholder: "搜索…",
+  },
+  tagInput: {
+    placeholder: "添加标签…",
+  },
+  userPicker: {
+    placeholder: "选择用户",
+  },
+  passwordField: {
+    show: "显示密码",
+    hide: "隐藏密码",
+  },
+  numberField: {
+    decrease: "减少",
+    increase: "增加",
+  },
+  durationInput: {
+    hours: "时",
+    minutes: "分",
+    decrease: (unit: string) => `减少${unit}`,
+    increase: (unit: string) => `增加${unit}`,
+  },
+  copyable: {
+    copy: "复制",
+  },
+  confirmDialog: {
+    confirm: "确认",
+    cancel: "取消",
+  },
+  eventCalendar: {
+    today: "今天",
+    prev: "上一页",
+    next: "下一页",
+    month: "月",
+    week: "周",
+    day: "日",
+    allDay: "全天",
+    newEvent: "新建事件",
+    editEvent: "编辑事件",
+    eventTitle: "事件标题",
+    save: "保存",
+    delete: "删除",
+    more: (count: number) => `还有 ${count} 项`,
+    weekdays: ["一", "二", "三", "四", "五", "六", "日"],
+  },
+  dataGrid: {
+    search: "搜索…",
+    filterColumn: (label: string) => `筛选 ${label}…`,
+    clear: "清除",
+    clearFilters: "清除筛选",
+    noResults: "没有结果",
+    noResultsHint: "试试别的关键词，或清除列筛选。",
+    selectAll: "全选",
+    selectRow: "选择行",
+    row: "行",
+    rows: "行",
+    rowsLabel: "每页",
+    export: "导出",
+    view: "视图",
+    columns: "列",
+    previousPage: "上一页",
+    nextPage: "下一页",
+    selected: (count: number) => `已选 ${count} 项`,
+  },
+  fileDropzone: {
+    drop: "拖到这里，或点击选择文件",
+  },
+  kanbanIssue: {
+    assignee: "经办人",
+    reporter: "报告人",
+    updated: "更新",
+    unassigned: "未分配",
+    description: "描述",
+    noDescription: "暂无描述。",
+    comments: "评论",
+    noComments: "暂无评论。",
+  },
+  markdownEditor: {
+    edit: "编辑",
+    split: "分栏",
+    preview: "预览",
+  },
+  richText: {
+    placeholder: "写点什么…",
+    bold: "加粗",
+    italic: "斜体",
+    bullet: "无序列表",
+    ordered: "有序列表",
+    code: "代码",
+  },
+  pagination: {
+    previous: "上一页",
+    next: "下一页",
+    previousPage: "上一页",
+    nextPage: "下一页",
+  },
+  questionnaire: {
+    previous: "上一步",
+    skip: "跳过",
+    next: "下一步",
+    submit: "提交",
+  },
+  command: {
+    title: "命令面板",
+    description: "搜索要执行的命令…",
+  },
+  jiraWiki: {
+    empty: "空",
+  },
+  jqlInput: {
+    placeholder: "project = TMS AND status = Open",
+  },
+}

package/dist/src/index.ts

@@ -0,0 +1,134 @@
+export * from "./lib/utils"
+export * from "./lib/icons"
+export * from "./i18n/context"
+export * from "./components/accordion"
+export * from "./components/alert-dialog"
+export * from "./components/alert"
+export * from "./components/aspect-ratio"
+export * from "./components/attachment"
+export * from "./components/avatar"
+export * from "./components/badge"
+export * from "./components/breadcrumb"
+export * from "./components/bubble"
+export * from "./components/button-group"
+export * from "./components/button"
+export * from "./components/calendar"
+export * from "./components/card"
+export * from "./components/chart"
+export * from "./components/checkbox"
+export * from "./components/collapsible"
+export * from "./components/combobox"
+export * from "./components/command"
+export * from "./components/context-menu"
+export * from "./components/dialog"
+export * from "./components/drawer"
+export * from "./components/dropdown-menu"
+export * from "./components/empty"
+export * from "./components/field"
+export * from "./components/hover-card"
+export * from "./components/input-group"
+export * from "./components/input"
+export * from "./components/item"
+export * from "./components/kbd"
+export * from "./components/label"
+export * from "./components/marker"
+export * from "./components/menubar"
+export * from "./components/message-scroller"
+export * from "./components/message"
+export * from "./components/native-select"
+export * from "./components/navigation-menu"
+export * from "./components/pagination"
+export * from "./components/popover"
+export * from "./components/progress"
+export * from "./components/questionnaire"
+export * from "./components/radio-group"
+export * from "./components/resizable"
+export * from "./components/scroll-area"
+export * from "./components/select"
+export * from "./components/separator"
+export * from "./components/sheet"
+export * from "./components/sidebar"
+export * from "./components/skeleton"
+export * from "./components/slider"
+export * from "./components/spinner"
+export * from "./components/switch"
+export * from "./components/table"
+export * from "./components/tabs"
+export * from "./components/textarea"
+export * from "./components/toast"
+export * from "./components/toggle-group"
+export * from "./components/toggle"
+export * from "./components/tooltip"
+export * from "./composites/autocomplete"
+export * from "./composites/cascader"
+export * from "./composites/color-picker"
+export * from "./composites/confirm-dialog"
+export * from "./composites/copyable"
+export * from "./composites/currency-input"
+export * from "./composites/date-picker"
+export * from "./composites/date-range-picker"
+export * from "./composites/date-time-picker"
+export * from "./composites/date-time-range-picker"
+export * from "./composites/duration-input"
+export * from "./composites/mini-calendar"
+export * from "./composites/number-field"
+export * from "./composites/password-field"
+export * from "./composites/phone-input"
+export * from "./composites/rating"
+export * from "./composites/relative-date-picker"
+export * from "./composites/search-input"
+export * from "./composites/slider-range"
+export * from "./composites/tag-input"
+export * from "./composites/time-picker"
+export * from "./composites/time-range-picker"
+export * from "./composites/timezone-select"
+export * from "./composites/transfer"
+export * from "./composites/user-picker"
+export * from "./products/cells"
+export * from "./products/code-block"
+export * from "./products/code-editor"
+export * from "./products/data-grid"
+export * from "./products/diff-viewer"
+export * from "./products/markdown"
+export * from "./products/markdown-editor"
+export * from "./products/rich-text-editor"
+export * from "./products/event-calendar"
+export * from "./products/export-csv"
+export * from "./products/file-dropzone"
+export * from "./products/gantt"
+export * from "./products/json-viewer"
+export * from "./products/jira-wiki"
+export * from "./products/jql-input"
+export * from "./products/kanban"
+export * from "./products/kanban-issue-panel"
+export * from "./products/log-viewer"
+export * from "./products/sortable-list"
+export * from "./products/stepper"
+export * from "./products/timeline"
+export * from "./products/tree-view"
+export * from "./blocks/activity-feed"
+export * from "./blocks/app-shell"
+export * from "./blocks/attachment-gallery"
+export * from "./blocks/bar-chart"
+export * from "./blocks/comment-thread"
+export * from "./blocks/description-list"
+export * from "./blocks/detail-panel"
+export * from "./blocks/donut-chart"
+export * from "./blocks/env-badge"
+export * from "./blocks/file-tree"
+export * from "./blocks/filter-bar"
+export * from "./blocks/gauge"
+export * from "./blocks/notification-center"
+export * from "./blocks/page-header"
+export * from "./blocks/progress-ring"
+export * from "./blocks/radar-chart"
+export * from "./blocks/request-inspector"
+export * from "./blocks/run-timeline"
+export * from "./blocks/scrollspy"
+export * from "./blocks/severity-chip"
+export * from "./blocks/sparkline"
+export * from "./blocks/stat-card"
+export * from "./blocks/status-badge"
+export * from "./blocks/terminal"
+export * from "./blocks/test-step-list"
+export * from "./blocks/trend-card"

package/dist/src/lib/icons.tsx

@@ -0,0 +1,16 @@
+/**
+ * Icon namespace re-export from lucide-react.
+ *
+ * Apps import it from the UI library (never from lucide-react directly):
+ *
+ *   import { Icon } from "@monkey-mini-app/ui";
+ *   <Icon.HelpCircle size={16} strokeWidth={2} />
+ *
+ * The namespace keeps the whole lucide set available so authors aren't limited
+ * to a curated list; discovery is steered by skills/references/icons.md (a short
+ * "when to use" reference), not by dumping every icon name here. `Icon` accepts
+ * any lucide React component name (PascalCase).
+ */
+import * as Icon from "lucide-react";
+
+export { Icon };