@saykit/react 0.7.0 → 0.8.0

package/README.md

@@ -23,7 +23,7 @@ function App() {
   return (
     <SayProvider locale="fr" messages={fr}>
       <Say>Hello, {name}!</Say>
-      <Say.Plural _={count} one="# item" other="# items" />
+      <Say.Plural _={count} one={<>{count} item</>} other={<>{count} items</>} />
     </SayProvider>
   );
 }

package/dist/index.d.mts

@@ -35,7 +35,7 @@ declare namespace Say {
    * <Say.Plural
    *   _={count}
    *   one="You have 1 item"
-   *   other="You have # items"
+   *   other={<>You have {count} items</>}
    * />
    * ```
    *
@@ -46,7 +46,7 @@ declare namespace Say {
    */
   function Plural(props: {
     _: number | Named<number>;
-  } & PropsWithJSXSafeKeys<Disallow<NumeralOptions, 'id' | 'context'>>): ReactNode;
+  } & PropsWithJSXSafeKeys<Disallow<NumeralOptions<ReactNode>, 'id' | 'context'>>): ReactNode;
   /**
    * Define an ordinal message (e.g. "1st", "2nd", "3rd").
    *
@@ -54,10 +54,10 @@ declare namespace Say {
    * ```tsx
    * <Say.Ordinal
    *   _={position}
-   *   1="#st"
-   *   2="#nd"
-   *   3="#rd"
-   *   other="#th"
+   *   1={<>{position}st</>}
+   *   2={<>{position}nd</>}
+   *   3={<>{position}rd</>}
+   *   other={<>{position}th</>}
    * />
    * ```
    *
@@ -68,7 +68,7 @@ declare namespace Say {
    */
   function Ordinal(props: {
     _: number | Named<number>;
-  } & PropsWithJSXSafeKeys<Disallow<NumeralOptions, 'id' | 'context'>>): ReactNode;
+  } & PropsWithJSXSafeKeys<Disallow<NumeralOptions<ReactNode>, 'id' | 'context'>>): ReactNode;
   /**
    * Define a select message, useful for handling gender, status, or other categories.
    *
@@ -89,7 +89,7 @@ declare namespace Say {
    */
   function Select(props: {
     _: string | number | Named<string | number>;
-  } & PropsWithJSXSafeKeys<Disallow<SelectOptions, 'id' | 'context'>>): ReactNode;
+  } & PropsWithJSXSafeKeys<Disallow<SelectOptions<ReactNode>, 'id' | 'context'>>): ReactNode;
   /**
    * Format a number the way the active locale writes one.
    *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saykit/react",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "React integration for saykit, i18n hooks and components",
   "keywords": [
     "i18n",
@@ -52,7 +52,7 @@
     "jsdom": "^29.1.1",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "saykit": "^0.7.0"
+    "saykit": "^0.8.0"
   },
   "peerDependencies": {
     "react": "*",