@sableui/react 0.1.1 → 0.3.0

package/dist/{chunk-RWP4XBSK.js → chunk-KFZ43RKU.js}

@@ -21,7 +21,7 @@ function Phone({ statusBar = true, systemChrome = true, className, children, ...
         /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "absolute -start-[0.6cqi] top-[34%] h-[7%] w-[0.8cqi] rounded-s-full bg-(--phone-band)" }),
         /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "absolute -end-[0.6cqi] top-[27%] h-[10.5%] w-[0.8cqi] rounded-e-full bg-(--phone-band)" }),
         /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "absolute -end-[0.4cqi] top-[55%] h-[6%] w-[0.6cqi] rounded-e-full bg-(--phone-band)" }),
-        /* @__PURE__ */ jsx("div", { className: "relative rounded-[18cqi] bg-(--phone-body) p-[3.7cqi] shadow-xl ring-[0.5cqi] ring-(--phone-band) ring-inset", children: /* @__PURE__ */ jsxs("div", { className: "relative aspect-[402/874] overflow-hidden rounded-[14.3cqi] bg-background text-foreground", children: [
+        /* @__PURE__ */ jsx("div", { className: "relative rounded-[18cqi] bg-(--phone-body) p-[3.7cqi] shadow-xl ring-[0.5cqi] ring-(--phone-band) ring-inset", children: /* @__PURE__ */ jsxs("div", { className: "relative aspect-[402/874] overflow-hidden rounded-[14.3cqi] bg-background text-foreground [clip-path:inset(0_round_14.3cqi)]", children: [
           /* @__PURE__ */ jsx("div", { className: cn("h-full overflow-auto overscroll-contain scrollbar-hidden", statusBar && "pt-[14.3cqi]"), children }),
           statusBar ? /* @__PURE__ */ jsxs(
             "div",

package/dist/{chunk-PAOZBZME.js → chunk-NGBDP3BM.js}

@@ -1,4 +1,4 @@
-import { reiconIconSet } from './chunk-5Z5KLOAU.js';
+import { reiconIconSet } from './chunk-TH563WLW.js';
 import { createContext, useMemo, useContext } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-5Z5KLOAU.js → chunk-TH563WLW.js}

@@ -1,4 +1,9 @@
 import { Pipette } from 'reicon-react/icons/Pipette';
+import { Key } from 'reicon-react/icons/Key';
+import { Stop } from 'reicon-react/icons/Stop';
+import { ThumbsDown } from 'reicon-react/icons/ThumbsDown';
+import { ThumbsUp } from 'reicon-react/icons/ThumbsUp';
+import { Wallet } from 'reicon-react/icons/Wallet';
 import { Bell } from 'reicon-react/icons/Bell';
 import { Book } from 'reicon-react/icons/Book';
 import { Calendar } from 'reicon-react/icons/Calendar';
@@ -135,7 +140,15 @@ var ICONS = {
   refresh: Refresh,
   filter: Filter,
   bold: Bold,
-  italic: Italic
+  italic: Italic,
+  // Added when the page patterns needed them: a stop control for a streaming
+  // reply (ChatComposer used xmark, which reads as close), passkey and wallet
+  // sign-in, and a per-answer rating.
+  stop: Stop,
+  key: Key,
+  wallet: Wallet,
+  "thumbs-up": ThumbsUp,
+  "thumbs-down": ThumbsDown
 };
 var WEIGHTS = {
   regular: "Outline",

package/dist/{chunk-JI7WJP2L.js → chunk-X276MF2W.js}

@@ -16,6 +16,11 @@ var SEMANTIC_TOKENS = [
   // higher-contrast step. See DESIGN.md / CONTRIBUTING.md → "Theme contract".
   "border-strong",
   "input",
+  // The resting edge of a control whose outline IS the control — a checkbox,
+  // a radio, an off switch track. Unlike `input` (a text field also has a fill
+  // and a caret to find it by), nothing else marks these, so WCAG 1.4.11 holds
+  // them to 3:1 on every surface. Gated in contrast.ts → NON_TEXT_PAIRS.
+  "control-border",
   "ring",
   // Actions
   "primary",

package/dist/foundations/index.js

@@ -327,7 +327,7 @@ var shape = {
     },
     {
       rule: "A list of rows inside a rounded popup uses popup-inset on the popup, rounded-popup-item on the rows and popup-bleed on a separator.",
-      why: "All three derive from the popup's radius: the inset grows to a third of it (never below --spacing(1), so density moves it too), the rows take what is left, and a separator bleeds by exactly the inset. A rounder look gets more room instead of rows that round into pills, and the default ladder still lands on the familiar 4px inset and 8px rows.",
+      why: "All three derive from the popup's radius: the inset grows to a third of it (never below --spacing(1), so density moves it too), the rows take what is left after the inset and the 1px border, and a separator bleeds by exactly the inset. A rounder look gets more room instead of rows that round into pills; the default ladder lands on a 4px inset and 7px rows.",
       enforcedBy: "sable-lint: popup-separator-bleed"
     },
     {

package/dist/icon/index.js

@@ -1,2 +1,2 @@
-export { Icon, IconProvider, composeIconSets, useIconSet } from '../chunk-PAOZBZME.js';
-export { reiconIconSet as fallbackIconSet, reiconIconNames, reiconIconSet } from '../chunk-5Z5KLOAU.js';
+export { Icon, IconProvider, composeIconSets, useIconSet } from '../chunk-NGBDP3BM.js';
+export { reiconIconSet as fallbackIconSet, reiconIconNames, reiconIconSet } from '../chunk-TH563WLW.js';

package/dist/icon-sets/reicon.js

@@ -1 +1 @@
-export { reiconIconNames, reiconIconSet } from '../chunk-5Z5KLOAU.js';
+export { reiconIconNames, reiconIconSet } from '../chunk-TH563WLW.js';