@sakaniui/react 0.8.13 → 0.10.0

package/dist/{logout-DFzH8ZuM.cjs → logout-BxhMGFcH.cjs}

@@ -1 +1 @@
-const e=require("./help-circle-BLp_TUx3.cjs");var t=e.R(`copy`,[`M7 9.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667l0 -8.666`,`M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1`]),n=e.R(`info-circle`,[`M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0`,`M12 9h.01`,`M11 12h1v4h1`]),r=e.R(`chart-column`,[`M4 20h3`,`M17 20h3`,`M10.5 20h3`,`M4 16h3`,`M17 16h3`,`M10.5 16h3`,`M4 12h3`,`M17 12h3`,`M10.5 12h3`,`M4 8h3`,`M17 8h3`,`M4 4h3`]),i=e.R(`receipt`,[`M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2m4 -14h6m-6 4h6m-2 4h2`]),a=e.R(`player-play`,[`M7 4v16l13 -8l-13 -8`]),o=e.R(`arrow-right`,[`M5 12l14 0`,`M13 18l6 -6`,`M13 6l6 6`]),s=e.R(`logout`,[`M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2`,`M9 12h12l-3 -3`,`M18 15l3 -3`]);Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});
+const e=require("./help-circle-0qi1skw5.cjs");var t=e.R(`copy`,[`M7 9.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667l0 -8.666`,`M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1`]),n=e.R(`info-circle`,[`M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0`,`M12 9h.01`,`M11 12h1v4h1`]),r=e.R(`chart-column`,[`M4 20h3`,`M17 20h3`,`M10.5 20h3`,`M4 16h3`,`M17 16h3`,`M10.5 16h3`,`M4 12h3`,`M17 12h3`,`M10.5 12h3`,`M4 8h3`,`M17 8h3`,`M4 4h3`]),i=e.R(`receipt`,[`M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2m4 -14h6m-6 4h6m-2 4h2`]),a=e.R(`player-play`,[`M7 4v16l13 -8l-13 -8`]),o=e.R(`arrow-right`,[`M5 12l14 0`,`M13 18l6 -6`,`M13 6l6 6`]),s=e.R(`logout`,[`M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2`,`M9 12h12l-3 -3`,`M18 15l3 -3`]);Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/dist/manifest.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": 6,
   "name": "@sakaniui/react",
-  "version": "0.8.13",
+  "version": "0.10.0",
   "description": "Machine-readable contract of the SakaniUI React library, generated from its TypeScript source.",
   "docs": "https://www.sakaniui.com",
   "guide": "https://www.sakaniui.com/llms-full.txt",
@@ -20,14 +20,15 @@
   "entryPoints": {
     "@sakaniui/react": "Components, hooks and helpers.",
     "@sakaniui/react/blocks": "Full sections assembled from components (composition examples).",
-    "@sakaniui/react/icons": "Tabler icons: IconName and IconNameFilled, one module each (5184 outline, 1054 filled)."
+    "@sakaniui/react/icons": "Tabler icons: IconName and IconNameFilled, one module each (5184 outline, 1054 filled).",
+    "@sakaniui/react/emoji": "Fluent Emoji (full colour): EmojiName, one module each (1594 emoji, 311 with skin tones)."
   },
   "conventions": {
-    "version": "This manifest describes @sakaniui/react@0.8.13. Each component has `since`, the first release that contained it; a prop added later has its own `since`, and a value added later is listed in the prop's `valuesSince`. If the project has an older version installed, anything newer than that does not exist there.",
+    "version": "This manifest describes @sakaniui/react@0.10.0. Each component has `since`, the first release that contained it; a prop added later has its own `since`, and a value added later is listed in the prop's `valuesSince`. If the project has an older version installed, anything newer than that does not exist there.",
     "acceptsNativeProps": "Components forward native HTML attributes (className, style, aria-*, event handlers) to their root element unless a prop says otherwise; only the props that are specific to SakaniUI are listed here.",
     "accessibleName": "When `contract.requiresAccessibleName` is true, a required prop (aria-label, aria-labelledby or an alt text) is the only thing that names the control or image. Do not omit it.",
     "tokens": "Use only the token names listed under `tokens`. Colour tokens follow the theme (the `.dark` class flips them); do not hard-code colours.",
-    "icons": "Icon props take the component itself (IconSettings), not an element (<IconSettings />). Only names in icon-index.json exist; search them (MCP: search_icons) instead of guessing.",
+    "icons": "Icon props take the component itself (IconSettings), not an element (<IconSettings />). Only names in icon-index.json exist; search them (MCP: search_icons) instead of guessing. Emoji are separate (`@sakaniui/react/emoji`, emoji-index.json, MCP: search_emoji) and are rendered as elements, not passed to icon props.",
     "examples": "Each component has `example`: its imports and the element with every required prop filled in, type-checked against this build. Start from it.",
     "shapes": "A prop with a `shape` takes an object (collection \"object\") or an array of objects (collection \"array\") with exactly those fields; `required` fields must be present. In a generic shape (`typeParameters: [\"T\"]`) T is the type of your own data: `key: keyof T & string` means the key must be a field of your row type. `recipes` hold patterns the types alone do not teach.",
     "literals": "Prop `values` keep their real type: a number is a number (columns: 2), a string is a string (\"md\")."
@@ -458,9 +459,9 @@
     }
   },
   "counts": {
-    "components": 126,
+    "components": 127,
     "blocks": 42,
-    "utilities": 6
+    "utilities": 7
   },
   "components": [
     {
@@ -7613,12 +7614,143 @@
       "example": "import { Toast } from '@sakaniui/react';\n\n<Toast />",
       "aliases": [
         "snackbar",
-        "toaster",
         "toast notification",
         "flash message",
         "transient notification"
       ]
     },
+    {
+      "name": "Toaster",
+      "kind": "component",
+      "category": "Composite",
+      "import": "@sakaniui/react",
+      "summary": "Renders the toasts that toast() creates, as a stack on one edge of the screen. Mount one near the root of the app, then call toast() from any handler or module.",
+      "props": [
+        {
+          "name": "position",
+          "type": "\"top-left\" | \"top-center\" | \"top-right\" | \"bottom-left\" | \"bottom-center\" | \"bottom-right\"",
+          "required": false,
+          "values": [
+            "top-left",
+            "top-center",
+            "top-right",
+            "bottom-left",
+            "bottom-center",
+            "bottom-right"
+          ],
+          "default": "bottom-right",
+          "description": "Corner or edge the stack sits on. Defaults to \"bottom-right\"."
+        },
+        {
+          "name": "richColors",
+          "type": "boolean",
+          "required": false,
+          "default": false,
+          "description": "Tints success, info, warning and error toasts by type."
+        },
+        {
+          "name": "closeButton",
+          "type": "boolean",
+          "required": false,
+          "default": false,
+          "description": "Shows the round close button on every toast."
+        },
+        {
+          "name": "expand",
+          "type": "boolean",
+          "required": false,
+          "default": false,
+          "description": "Keeps the stack spread out instead of piled up."
+        },
+        {
+          "name": "visibleToasts",
+          "type": "number",
+          "required": false,
+          "default": 3,
+          "description": "How many toasts show at once; older ones fade out. Defaults to 3."
+        },
+        {
+          "name": "duration",
+          "type": "number",
+          "required": false,
+          "default": 4000,
+          "description": "Milliseconds before a toast closes itself. Defaults to 4000."
+        },
+        {
+          "name": "gap",
+          "type": "number",
+          "required": false,
+          "default": 14,
+          "description": "Space between toasts when spread out, in px. Defaults to 14."
+        },
+        {
+          "name": "offset",
+          "type": "string | number",
+          "required": false,
+          "default": 24,
+          "description": "Distance from the viewport edge, in px or any CSS length. Defaults to 24."
+        },
+        {
+          "name": "mobileOffset",
+          "type": "string | number",
+          "required": false,
+          "default": 16,
+          "description": "Distance from the viewport edge on screens 600px wide or less. Defaults to 16."
+        },
+        {
+          "name": "hotkey",
+          "type": "string[]",
+          "required": false,
+          "default": "['altKey', 'KeyT']",
+          "description": "Keys that focus the stack. Defaults to alt+T (`['altKey', 'KeyT']`)."
+        },
+        {
+          "name": "containerAriaLabel",
+          "type": "string",
+          "required": false,
+          "default": "Notifications",
+          "description": "Accessible name of the notifications region. The hotkey is appended. Defaults to \"Notifications\"."
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false
+        },
+        {
+          "name": "style",
+          "type": "CSSProperties",
+          "required": false
+        }
+      ],
+      "contract": {
+        "requiredProps": [],
+        "requiresAccessibleName": false
+      },
+      "since": "0.9.0",
+      "example": "import { Toaster } from '@sakaniui/react';\n\n<Toaster />",
+      "recipes": [
+        {
+          "title": "Show a toast from anywhere",
+          "description": "Mount one `<Toaster />` near the root of the app, then call `toast()` (or `toast.success`, `.info`, `.warning`, `.error`, `.loading`) from any handler or module. Do not render `<Toast>` yourself for this: `Toast` is the static, presentational card.",
+          "code": "import { Button, Toaster, toast } from '@sakaniui/react';\n\nexport const App = () => (\n  <>\n    <Button\n      onClick={() =>\n        toast.success('Event has been created', {\n          description: 'Monday, January 3rd at 6:00pm',\n          action: { label: 'Undo', onClick: () => toast('Undone') },\n        })\n      }\n    >\n      Create event\n    </Button>\n    <Toaster position=\"bottom-right\" richColors />\n  </>\n);"
+        },
+        {
+          "title": "One toast for an async task",
+          "description": "`toast.promise` shows a loading toast and turns the same toast into success or error when the promise settles. To update any toast by hand, pass the id that `toast()` returned as `id`.",
+          "code": "import { toast } from '@sakaniui/react';\n\ndeclare function saveInvoice(): Promise<{ number: string }>;\n\nexport function onSave() {\n  toast.promise(saveInvoice(), {\n    loading: 'Saving invoice…',\n    success: (invoice) => `Invoice ${invoice.number} saved`,\n    error: 'Could not save the invoice',\n  });\n\n  const id = toast.loading('Uploading…');\n  setTimeout(() => toast.success('Uploaded', { id }), 1000);\n}"
+        }
+      ],
+      "aliases": [
+        "sonner",
+        "toast stack",
+        "toast provider",
+        "toast container",
+        "toast queue",
+        "notification stack",
+        "stacked toasts",
+        "toast manager"
+      ]
+    },
     {
       "name": "Tooltip",
       "kind": "component",
@@ -11080,6 +11212,12 @@
       "import": "@sakaniui/react",
       "since": "0.4.3"
     },
+    {
+      "name": "toast",
+      "kind": "helper",
+      "import": "@sakaniui/react",
+      "since": "0.9.0"
+    },
     {
       "name": "useHoverHighlight",
       "kind": "hook",

package/dist/rolldown-runtime-CMqjfN_6.cjs

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});