@usefragments/ui 1.6.0 → 2.0.0

package/dist/assets/nav-glyph.js

@@ -0,0 +1,139 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import styles from "./nav-glyph.module.scss.js";
+function part(verb, index, vars) {
+  const style = index === void 0 && !vars ? void 0 : { ...index === void 0 ? {} : { "--i": index }, ...vars };
+  return { className: [styles.motion, styles[verb]].join(" "), style };
+}
+function stroke(verb, index) {
+  return { ...part(verb, index), pathLength: 1 };
+}
+const GLYPHS = {
+  // Four tiles; the first is inked — the place you are standing.
+  overview: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "2.5",
+        y: "2.5",
+        width: "4.5",
+        height: "4.5",
+        rx: "1",
+        fill: "currentColor",
+        stroke: "none",
+        ...part("tile", 0)
+      }
+    ),
+    /* @__PURE__ */ jsx("rect", { x: "9", y: "2.5", width: "4.5", height: "4.5", rx: "1", ...part("tile", 1) }),
+    /* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "4.5", height: "4.5", rx: "1", ...part("tile", 2) }),
+    /* @__PURE__ */ jsx("rect", { x: "2.5", y: "9", width: "4.5", height: "4.5", rx: "1", ...part("tile", 3) })
+  ] }),
+  // A bound volume with its spine.
+  repository: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "2.5", width: "10", height: "11", rx: "1.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M6 2.5v11", ...part("spine") })
+  ] }),
+  // Two commits on the base branch, one on the branch merging in.
+  pullRequest: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "4.5", cy: "4", r: "1.75" }),
+    /* @__PURE__ */ jsx("circle", { cx: "4.5", cy: "12", r: "1.75" }),
+    /* @__PURE__ */ jsx("path", { d: "M4.5 5.75v4.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M8 4h1.75A1.75 1.75 0 0 1 11.5 5.75v4.5", ...stroke("branch") }),
+    /* @__PURE__ */ jsx("circle", { cx: "11.5", cy: "12", r: "1.75", ...part("head", 4) })
+  ] }),
+  // A planted flag with a notched fly.
+  finding: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M4 14V2.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M4 3h7.5l-1.75 2.5L11.5 8H4", ...part("fly") })
+  ] }),
+  // A signed sheet with a folded corner.
+  contract: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M4.5 2.5h5l3 3v7.5a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1z" }),
+    /* @__PURE__ */ jsx("path", { d: "M9.5 2.5v3h3" }),
+    /* @__PURE__ */ jsx("path", { d: "M6.5 8.5h3", ...stroke("line", 0) }),
+    /* @__PURE__ */ jsx("path", { d: "M6.5 11h3.5", ...stroke("line", 2) })
+  ] }),
+  // Three bars climbing.
+  adoption: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M2.25 13.5h11.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M4 13.5V9.5", ...part("bar", 0) }),
+    /* @__PURE__ */ jsx("path", { d: "M8 13.5V6", ...part("bar", 1) }),
+    /* @__PURE__ */ jsx("path", { d: "M12 13.5V2.75", ...part("bar", 2) })
+  ] }),
+  // The isometric cube from the card art.
+  component: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M8 1.75l5.5 3.15v6.2L8 14.25l-5.5-3.15v-6.2z" }),
+    /* @__PURE__ */ jsx("path", { d: "M8 8.05l5.5-3.15", ...stroke("edge", 0) }),
+    /* @__PURE__ */ jsx("path", { d: "M8 8.05L2.5 4.9", ...stroke("edge", 1) }),
+    /* @__PURE__ */ jsx("path", { d: "M8 8.05v6.2", ...stroke("edge", 2) })
+  ] }),
+  // A terminal with its prompt.
+  setup: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("rect", { x: "2", y: "3", width: "12", height: "10", rx: "1.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M5 6.75l2 1.5-2 1.5", ...part("caret") }),
+    /* @__PURE__ */ jsx("path", { d: "M8.75 10.25h2.5", ...part("cursor") })
+  ] }),
+  // Three sliders, each knob somewhere different.
+  settings: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M2.5 4.5h11" }),
+    /* @__PURE__ */ jsx(
+      "circle",
+      {
+        cx: "10",
+        cy: "4.5",
+        r: "1.5",
+        fill: "currentColor",
+        stroke: "none",
+        ...part("knob", 0, { "--dx": "2px" })
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { d: "M2.5 8h11" }),
+    /* @__PURE__ */ jsx(
+      "circle",
+      {
+        cx: "6",
+        cy: "8",
+        r: "1.5",
+        fill: "currentColor",
+        stroke: "none",
+        ...part("knob", 1, { "--dx": "-2px" })
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { d: "M2.5 11.5h11" }),
+    /* @__PURE__ */ jsx(
+      "circle",
+      {
+        cx: "9.5",
+        cy: "11.5",
+        r: "1.5",
+        fill: "currentColor",
+        stroke: "none",
+        ...part("knob", 2, { "--dx": "1.5px" })
+      }
+    )
+  ] })
+};
+const NAV_GLYPH_NAMES = Object.keys(GLYPHS);
+function NavGlyph({ name, size = 16, className, ...rest }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
+      className: [styles.glyph, className].filter(Boolean).join(" "),
+      ...rest,
+      children: GLYPHS[name]
+    }
+  );
+}
+export {
+  NAV_GLYPH_NAMES,
+  NavGlyph
+};

package/dist/assets/nav-glyph.module.scss.cjs

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const glyph = "_glyph_1g87d_1";
+const motion = "_motion_1g87d_7";
+const tile = "_tile_1g87d_11";
+const hop = "_hop_1g87d_1";
+const spine = "_spine_1g87d_17";
+const open = "_open_1g87d_1";
+const branch = "_branch_1g87d_23";
+const draw = "_draw_1g87d_1";
+const head = "_head_1g87d_29";
+const pop = "_pop_1g87d_1";
+const fly = "_fly_1g87d_35";
+const wave = "_wave_1g87d_1";
+const line = "_line_1g87d_44";
+const bar = "_bar_1g87d_50";
+const rise = "_rise_1g87d_1";
+const edge = "_edge_1g87d_59";
+const caret = "_caret_1g87d_65";
+const nudge = "_nudge_1g87d_1";
+const cursor = "_cursor_1g87d_71";
+const blink = "_blink_1g87d_1";
+const knob = "_knob_1g87d_77";
+const slide = "_slide_1g87d_1";
+const styles = {
+  glyph,
+  motion,
+  tile,
+  hop,
+  spine,
+  open,
+  branch,
+  draw,
+  head,
+  pop,
+  fly,
+  wave,
+  line,
+  bar,
+  rise,
+  edge,
+  caret,
+  nudge,
+  cursor,
+  blink,
+  knob,
+  slide
+};
+exports.bar = bar;
+exports.blink = blink;
+exports.branch = branch;
+exports.caret = caret;
+exports.cursor = cursor;
+exports.default = styles;
+exports.draw = draw;
+exports.edge = edge;
+exports.fly = fly;
+exports.glyph = glyph;
+exports.head = head;
+exports.hop = hop;
+exports.knob = knob;
+exports.line = line;
+exports.motion = motion;
+exports.nudge = nudge;
+exports.open = open;
+exports.pop = pop;
+exports.rise = rise;
+exports.slide = slide;
+exports.spine = spine;
+exports.tile = tile;
+exports.wave = wave;

package/dist/assets/nav-glyph.module.scss.js

@@ -0,0 +1,71 @@
+const glyph = "_glyph_1g87d_1";
+const motion = "_motion_1g87d_7";
+const tile = "_tile_1g87d_11";
+const hop = "_hop_1g87d_1";
+const spine = "_spine_1g87d_17";
+const open = "_open_1g87d_1";
+const branch = "_branch_1g87d_23";
+const draw = "_draw_1g87d_1";
+const head = "_head_1g87d_29";
+const pop = "_pop_1g87d_1";
+const fly = "_fly_1g87d_35";
+const wave = "_wave_1g87d_1";
+const line = "_line_1g87d_44";
+const bar = "_bar_1g87d_50";
+const rise = "_rise_1g87d_1";
+const edge = "_edge_1g87d_59";
+const caret = "_caret_1g87d_65";
+const nudge = "_nudge_1g87d_1";
+const cursor = "_cursor_1g87d_71";
+const blink = "_blink_1g87d_1";
+const knob = "_knob_1g87d_77";
+const slide = "_slide_1g87d_1";
+const styles = {
+  glyph,
+  motion,
+  tile,
+  hop,
+  spine,
+  open,
+  branch,
+  draw,
+  head,
+  pop,
+  fly,
+  wave,
+  line,
+  bar,
+  rise,
+  edge,
+  caret,
+  nudge,
+  cursor,
+  blink,
+  knob,
+  slide
+};
+export {
+  bar,
+  blink,
+  branch,
+  caret,
+  cursor,
+  styles as default,
+  draw,
+  edge,
+  fly,
+  glyph,
+  head,
+  hop,
+  knob,
+  line,
+  motion,
+  nudge,
+  open,
+  pop,
+  rise,
+  slide,
+  spine,
+  tile,
+  wave
+};