@misoto22/kioku-ui 0.0.0 → 0.2.0

package/dist/navigation/LinkProvider.js

@@ -1,7 +1,27 @@
+import * as stylex from '@stylexjs/stylex';
 import { createContext, useContext } from 'react';
+import { semanticTokens } from '../authoring.stylex.js';
+
+// Far enough clear of the descenders to read, close enough to still belong to
+// the word. There is no token for it because nothing else in the system sets
+// an underline offset.
 import "../styles/stylex.css";
 import { jsx as _jsx } from "react/jsx-runtime";
+const underlineOffset = '0.2em';
+/** The props a host's renderer receives, with styling already resolved. */
+
+/** Renders a link with the host application's own routing component. */
+
+/** Props for a link into the host application's routing. */
+
+/** Props for the routing boundary. */
+
 const LinkContext = createContext(undefined);
+
+/**
+ * Injects the host application's routing component. Without one, links fall
+ * back to plain anchors, so the package depends on no routing library.
+ */
 export function LinkProvider({
   children,
   renderLink
@@ -11,12 +31,29 @@ export function LinkProvider({
     children: children
   });
 }
+
+/**
+ * Renders a link through the host's router when one is provided.
+ *
+ * It carries the system's own link treatment rather than the browser default.
+ * A caller that needs a different look — navigation, an outline entry — passes
+ * its own StyleX class, which replaces the default rather than merging with it.
+ */
 export function Link(props) {
   const renderLink = useContext(LinkContext);
+  // The default treatment comes first so a caller that brings its own StyleX
+  // class replaces it outright. Merging two atomic class strings would leave
+  // which rule wins undefined.
+  const styled = {
+    ...{
+      className: "x1l6hjkl x16hrpne xujl8zx x8wazpp x1ohr1zr x1int3j5 x15meki4 xz32tfx x1p22nma x17lds6u x1oqorkv"
+    },
+    ...props
+  };
   if (renderLink) {
-    return renderLink(props);
+    return renderLink(styled);
   }
   return /*#__PURE__*/_jsx("a", {
-    ...props
+    ...styled
   });
 }

package/dist/scrolling/index.d.ts

@@ -0,0 +1 @@
+export { scrolling } from './scrolling.js';

package/dist/scrolling/index.js

@@ -0,0 +1,2 @@
+import "../styles/stylex.css";
+export { scrolling } from './scrolling.js';

package/dist/scrolling/scrolling.d.ts

@@ -0,0 +1,22 @@
+import * as stylex from '@stylexjs/stylex';
+/**
+ * @internal How anything in this system scrolls.
+ *
+ * The scrollbar was the one surface the pack had never drawn: a census across
+ * `packages/core/src` found ten scrolling regions and not a single
+ * `scrollbar-width` or `scrollbar-color` between them, so every one of them
+ * wore the platform's bar — a different width, a different colour and a
+ * different radius from every hairline it ran beside, and 15–17px wide against
+ * regions that had budgeted three.
+ *
+ * `thin` plus the strong border rank puts it on the same ladder as the rules it
+ * runs alongside, and a transparent track keeps the well it sits in unbroken. A
+ * region whose content already fits shows nothing at all, because these are all
+ * `auto` rather than `scroll`.
+ */
+export declare const scrolling: Readonly<{
+    readonly region: Readonly<{
+        readonly scrollbarColor: stylex.StyleXClassNameFor<"scrollbarColor", `${stylex.StyleXVar<string>} transparent`>;
+        readonly scrollbarWidth: stylex.StyleXClassNameFor<"scrollbarWidth", "thin">;
+    }>;
+}>;

package/dist/scrolling/scrolling.js

@@ -0,0 +1,26 @@
+import * as stylex from '@stylexjs/stylex';
+import { semanticTokens } from '../authoring.stylex.js';
+
+/**
+ * @internal How anything in this system scrolls.
+ *
+ * The scrollbar was the one surface the pack had never drawn: a census across
+ * `packages/core/src` found ten scrolling regions and not a single
+ * `scrollbar-width` or `scrollbar-color` between them, so every one of them
+ * wore the platform's bar — a different width, a different colour and a
+ * different radius from every hairline it ran beside, and 15–17px wide against
+ * regions that had budgeted three.
+ *
+ * `thin` plus the strong border rank puts it on the same ladder as the rules it
+ * runs alongside, and a transparent track keeps the well it sits in unbroken. A
+ * region whose content already fits shows nothing at all, because these are all
+ * `auto` rather than `scroll`.
+ */
+import "../styles/stylex.css";
+export const scrolling = {
+  region: {
+    k6w4Gs: "x14ztoze",
+    k5wCbM: "x1597r2g",
+    $$css: true
+  }
+};

package/dist/styles/global.stylex.d.ts

@@ -6,6 +6,7 @@ export declare const globalStyles: Readonly<{
         readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
         readonly fontFeatureSettings: stylex.StyleXClassNameFor<"fontFeatureSettings", string>;
         readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly letterSpacing: stylex.StyleXClassNameFor<"letterSpacing", string>;
         readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
         readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
     }>;

package/dist/styles/global.stylex.js

@@ -8,6 +8,7 @@ export const globalStyles = {
     kMv6JI: "xj0sio9",
     kV0H8L: "xkcvkkb",
     kGuDYH: "x1ti3rys",
+    kb6lSQ: "xgz4m7n",
     k63SB2: "x1jcbhmk",
     kLWn49: "x1ezks3f",
     $$css: true